Gnemoah6的博客

原创 前端面试（持续更新）

前端面试题

原创 react基础

react基础 1、react脚手架使用 使用React脚手架初始化项目 初始化项目，命令： npx create-react-app my-pro npx 目的：提升包内提供的命令行工具的使用体验 原来：先安装脚手架包，再使用这个包中提供的命令 现在：无需安装脚手架包，就可以直接使用这个包提供的命令 create-react-app 这个是脚手架名称 不能随意更改 my-pro 自己定义的项目名称 启动项目，在项目根目录执行命令： npm start 2、jsx 2.1、jsx中使用js表达

原创 腾讯云存储

腾讯云存储 注册登录领取免费试用的云存储 第一步，我们必须先拥有一个腾迅云的开发者账号 第二步，实名认证 填写个人身份信息 扫描二维码授权 点击领取免费产品 选择对象存储COS 开启试用 我们需要来创建一个存储图片的存储桶 选择配置设置公有读私有写 配置跨域问题 因为我们本身没有域名，所以这里设置成*****，仅限于测试，正式环境的话，这里需要配置真实的域名地址 在我们发布以后要更改成自己的域名，以免被攻击 2、在代码中如何使用 2.1、在生

原创 解决页面刷新vuex中数据丢失问题

解决页面刷新vuex中数据丢失问题 遇到的问题： 当我们在后台获取到用户信息之后把用户的用户名显示到页面，首次显示是没有问题的， 当我们页面刷新的时候vuex里面获取到的用户名数据就会丢失了。 解决方法（方法1） 主要思路：在我们点击登录的时候把后台返回用户的数据拿到，放进本地的缓存里面，当我们页面刷新的时候在去本地缓存里面取出数据，在进行渲染 主要的代码： //这是在我们主页面或者实在组件里面 //当页面加载的时候执行这个代码 created () { //这一行代码的意思就是调用vuex里面

原创 微信小程序云开发

微信小程序云开发 1、操作数据库 1.1、使用图形化的方式添加数据 创建 添加记录 添加字段以及字段类型 1.2、在小程序里面添加数据 // 插入一条数据 async insert(){ // 在开始使用数据库 API 进行增删改查操作之前，需要先获取数据库的引用 const db=wx.cloud.database({ env: 'test-7g9mcwh6bc16c84f', traceUser: true, }) //要操作一个集合，需先获取它的引用，我这里的引用是(todus),这里注

原创 web前端微信小程序

web前端微信小程序 1、基础部分讲解 1.1 下载开发工具 1.1.1 微信开发文档 第一步进入开发文档： https://developers.weixin.qq.com/miniprogram/dev/framework/ 第二步打开工具下载微信开发者工具稳定版 1.2 注册成为开发者 微信公众平台https://mp.weixin.qq.com/，进行注册账号 2、微信开发工具的了解 2.1 小程序项目的主要目录文件作用 以wxss为后缀名的文件主要是写一些样式的，自认为就像css功能一

原创 面试题更新

面试题 1、vue的特点是什么？ 国人开发的一个轻量级框架。 双向数据绑定，在数据操作方面更为简单。 视图、数据、结构分离，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作。 组件化，方便封装和复用 虚拟DOM：dom操作是非常耗费性能的，不再使用原生的dom操作节点，极大解放dom操作 2、vue中父子组件是如何传值的？ 下面链接描述的详细 链接地址 父传子 父组件在引用子组件时，通过属性绑定（v-bind:）也可以缩写为（:），把需要传递给子组件的数据，传递到子组件内部，供子组件使用。

原创 vuex简单入门

vuex 1、vuex的简单介绍 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window)，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。 2、vuex的安装使用 第一种安装方式：是我们通过命令 npm i vuex --sove 第二种方式就是在我们安装v

原创 css基础重拾

css基础重拾 1、核心知识 @规则 @namespace 告诉 CSS 引擎必须考虑XML命名空间。 @media, 如果满足媒体查询的条件则条件规则组里的规则生效。 @page, 描述打印文档时布局的变化. @font-face, 描述将下载的外部的字体。 @keyframes, 描述 CSS 动画的关键帧。 @document, 如果文档样式表满足给定条件则条件规则组里的规则生效。 (推延至 CSS Level 4 规范) @charset用于定义样式表使用的字符集，不能再html页面使用，而是在层

原创 vue脚手架

脚手架 安装 全局安装 npm install -g @vue/cli 创建项目 vue create 项目名 选择 Manually select features 选择 Choose Vue version、Babel、Router ==> 选择 2.x版本 选择 no ==> 选择 In dedicated config files ==> 选择 no ==> 最后在终端运行 npm run serve 项目结构 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来

原创 webpack的使用

webpack的使用 1、webpack的安装与配置 1.1、webpack安装 //在集成终端里面输入命令 npm install webpack webpack-cli --save-dev //这里--save-dev也可以简写为-D，这个的含义是只在开发中使用，在项目上线之后不使用，-S是-save的简写的，意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。 1.2、webpack的基本配置 module.exports={ mode:'devel

原创 vue组件基础

vue组件基础 1、注册组件和使用 1.1、创建组件的关键字 Vue.component() 1.2、注册组件： Vue.component('list-itme', { template: `<li :class="{bianse:current_id==id}" v-on:click="dianji(id)">{{title}}</li>`, }) //这个里面“list-itme”就是注册的组件，名字可以自己任意取 //这个里面“template”就是组件Dom 结构，里面写

原创 node.js基础总结

node.js总结 1、node.js和js知识结构的关系 相同点：node.js和js都要学习ECMAScript（通俗讲就是js基础知识） 不同点：node.js不学习js的DOM和BOM，要学习Node模块API 2、node.js里面重要的nrm的了解 2.1 nrm的一些基本命令 npm install nrm –g (这个命令是下载nrm的命令，-g是全局安装) npm install nodemon（安装了一个nodemon） npm uninstall xx（卸戟程序） nodemon x

原创 node.js异步处理

同步异步问题解决 1、什么是同步代码，什么是异步代码 同步： console.log('before'); console.log('after'); //同步代码的执行顺序是从上到下的，是单线程的，上面代码没有 //没有执行完毕，下面代码是不能执行的 异步：定时器，还有node.js里面的异步读取文件 console.log('before'); setTimeout( () => { console.log('last'); }, 2000); console.log('after')

原创 web前端微信小程序

web前端微信小程序 1、基础部分讲解 1.1 下载开发工具 1.1.1 微信开发文档 第一步进入开发文档： https://developers.weixin.qq.com/miniprogram/dev/framework/ 第二步打开工具下载微信开发者工具稳定版 1.2 注册成为开发者 微信公众平台https://mp.weixin.qq.com/，进行注册账号 2、微信开发工具的了解 2.1 小程序项目的主要目录文件作用 以wxss为后缀名的文件主要是写一些样式的，自认为就像css功能一

转载 js原型和继承

原型和继承 1、对象的几种创建方式 1.1字面量方式 var obj = {};//不常用 此种方式在主要用来创建 json 数据，一般不会用来创建对象 1.2普通的方式 var Person=new Object() Person.name='lhy' Person.age=18 Person.speak=function(){ console.log('hello'); } console.log(Person); 缺点： 因为是基于 Object 基类创建，所以无法获知对象的具体类型 初始化

原创 js正则表达式笔记

1、字符匹配 代码演示 // 模板：{m,n}表示最少连续出现m次，最多连续出现n次（特别注意，是连续出现） var regex=/ab{2,5}c/g; // 表示a和c之间b最少连续出现2次，最多连续出现五次 var str='abc,abbc,abbbc,abbbbc,abbbbbc,abbbbbbbc' console.log(str.match(regex)) // 输出["abbc", "abbbc", "abbbb

原创 this指向的所有情况

this指向的所有情况 情况一、 在普通的函数里面，当调用函数时，this的指向是window 代码示范 function mode(){ console.log(this)//这里this的值是window } mode() 情况二、 在构造函数里面this的指向是实例的对象 代码示范 unction Mode(){ console.log(this) } var aa=new Mode() //new关键字，通过函

转载 js原型和继承

原型和继承 1、对象的几种创建方式 1.1字面量方式 var obj = {};//不常用 此种方式在主要用来创建 json 数据，一般不会用来创建对象 1.2普通的方式 var Person=new Object() Person.name='lhy' Person.age=18 Person.speak=function(){ console.log('hello'); } console.log(Person); 缺点： 因为是基于 Object 基类创建，所以无法获知对象的具体类型 初始化

原创 css相关总结

css的快捷键 快捷键： fos 是表示像素 co是颜色 rgba（0，0，0，0.5）其中0.5是透明度 bgc是背景色 fwb字体加粗 fwn是不加粗 fsi是斜体 fsn是不斜体 tdu是下划线 tdn不加下划线 brc 按钮颜色设置 ts 是设置阴影颜色 border是边框，solid是实线，dotted是虚线 **white-space：nowrap；**是不换行快捷键 overlow：hidden **text-overlow：ellipsis；**出现省略号 标签就是横线 伪类选择器： h

原创 css伪类和伪元素

原创 jquery基础知识

11.8 jquery笔记 1. jquery和$的关系 是jquery的简写，在编写jquery代码时是jquery的简写，在编写jquery代码时是jquery的简写，在编写jquery代码时可以代替jquery 2.入口函数的多种写法 // 第一种: 简单易用。 *** $(function () { ... // 此处是页面 DOM 加载完成的入口 }) ; // 第二种: 繁琐，但是也可以实现 （ready：准备，dom准备好了） $(document).rea

原创 js和jQuery用法的区别

1、获取元素 ①.根据ID取元素 JS:取到的是一个DOM对象。 var div = document.getElementByID("one"); 1 JQUERY:取到的是一个JQUERY对象。 var div = $("#one"); 1 括号里面是根据某个东西来找，相当于一个选择，如果我们要根据ID来找，在样式表里的ID是用#来表示的，所以在这里我们直接带入井号，整句的意思就是根据ID为one的来查找。 ②.根据class取元素，在数组里面如果要取DOM对象使用索引的方式，如果要取JQUERY对

原创 js的内置对象

1 - 内置对象 1.1 内置对象 1.1.1 Math对象 介绍 Math 对象不是构造函数，它具有数学常数和函数的属性和方法。跟数学相关的运算（求绝对值， 取整、最大值等）可以使用 Math 中的成员。 属性，方法名 功能 Math.Pl 圆周率 Math.floor() 向下取整 Math.ceil() 向上取整 Math.round() 四舍五入版 就近取整 注意 -3.5 结果是 -3 Math.abs() 绝对值 Math.max()/Math.min() 求

原创 js基础部分总结

js基础部分总结 1 - JavaScript注释 1.1 单行注释 单行注释的注释方法如下： // 双斜杠发，快捷键是选中想注释的代码按（ctrl + /） 1.2 多行注释 多行注释的方法如下： /* 这是我不想 要的内容 */ /* */ 多行文本注释的快捷键是 （alt + shift + a） 2 - JavaScript输入输出语句 方法 说明 归属 alert(想输出的值) 浏览器弹出警示框 浏览器 console.log(想输出的值) 控制台打印输出的结果 浏览器

原创 js数组的介绍

1 数组 1.1 数组的概念 数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。 数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组 是一种将一组数据存储在单个变量名下的优雅方式。 1.2 创建数组 js中创建数组有两种方式： 利用 new 创建数组 var 数组名 = new Array() ； var arr = new Array(); // 创建一个新的空数组 注意Array()，A要大写 利用数组字面量 //1. 使用数组字面量方式

原创 js for循环 while循环介绍

js循环 1-循环 1.1 for循环 语法结构 for（初始化变量；条件表达式；操作表达式）{ //循环体 } 名称 作用 初始化变量 通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这个变量帮我们来记录次数。 条件表达式 用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。 操作表达式 用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。 执行过程： 初始化变量，初始化操作在整个

原创 css盒子浮动简单介绍

浮动 1.1 css 布局的三种机制 1.普通流（标准流） 块级元素会独占—行，从上向下顺序排列; 常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table 行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行; 常用元素: span、a、i、em等 1.2 浮动 1.2.1 什么是浮动（float） 概念:元素的浮动是指设置了浮动属性的元素会 脱离标准普通流的控制 移动到指定位置 作用 让多个盒子（div）水平排列成一行，使得浮动成为布局的重要手段。 可以实现盒子的左

原创 javascript 变量的简单介绍

变量 1. 变量的定义 1.1 变量的定义的语法结构 ​ 语法结构：var 变量名 = 变量值; ​ Javascript的变量是弱类型 ​ 定义变量时，没有初始化值 就会不清楚该变量的值的类型 ​ 只有在为变量初始化值 才会知道该变量的值的类型 1.2 定义变量的几种方式 1.2.1 定义变量并初始化值 // 1.定义变量，并初始化值 var v = '我是变量';/*定义变量 - 变量的定义，并且初始化值*/ console.log=(v); /

原创 css标签显示模式

标签显示模式 1.1.1） 块级元素（block-level） 常见的块级元素<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等，其中<div>标签是典型的块元素。 块级元素的特点 （1）比较霸道，自己独占一行 （2）高度，宽度，外边距和内边距都可以控制 （3）宽度默认是父元素宽度的100% （4）是一个容器及盒子，里面可以放行内或者块级元素 1.1.2 ）行内元素（inline-level）

原创 css伪类的使用和注意事项

css伪类的使用和注意事项 1）伪类的介绍 伪类的使用大多都是服务于a标签，使得a标签在页面上有更好的展示效果，我们可以通过一些伪类来描述一个元素的状态。 2）常见的伪类 :link 应用于未被访问过的链接； :hover 应用于鼠标悬停到的元素； :active 应用于被激活的元素，鼠标点着不放； :visited 应用于被访问过的链接，与:link互斥。 3）代码的展示 :hover 当鼠标在元素上悬停时元素颜色变红 ul li a:hover{ color: red;