llllnn-CSDN博客

原创 React基础

生命周期React 生命周期Mounting（挂载阶段）constructor()加载时调用，初始化statestatic getDerivedStateFromProps(props, state)props：父组件传来的propsstate：本组件的state值会在调用 render 方法之前调用，并且在初始挂载及后续更新时都会被调用。它应返回一个对象来更新 state，如果返回 null 则不更新任何内容。render()创建虚拟DOM，进行diff算法c

2020-06-12 21:11:29 179

原创 react中的虚拟DOM

数据驱动原理用虚拟DOM：·1. state数据·2. JSX模板·3. 数据 + 模板相结合，生成虚拟DOM（虚拟DOM就是一个js对象，用它来描述真实的DOM）['div', {id: 'abc'}, ['span', {}, 'hello']]（损耗了极小的性能）·4.用虚拟DOM的结构生成真实的DOM<div id = 'abc'><span>hello</span></div>·5. state 发生变化·6. 数据 + 模板生成新的

2020-06-11 20:50:18 197

原创小程序获取用户信息（微信运动步数）

先获取当前用户对小程序的授权状态使用 wx.getSetting(Object object) 先获取用户的当前设置。返回值是小程序已经向用户请求过的权限。（1）获取成功之后使用 wx.authorize 向用户发起微信步数（scope.werun ）授权请求。授权成功scope.werun的值为true（2）如果用户拒绝授权，使用wx.showModa弹框提示用户必须授权才能获取微信运动数据，并提示在小程序右上角[设置]中开启授权 if(!res.authSetting['scope.

2020-05-28 20:29:27 3358 1

原创小程序云开发

创建小程序开发创建项目时选择小程序云开发进入项目时，会遇到以下的错误解决办法点击云开发点击开通云开发创建环境需要注意的是创建成功后不能马上使用，需等待10分钟之后才能使用获取openid获取openid需将函数部署到云开发上在login云函数右击->上传并部署：云端安装依赖（不上传node_modules）注意：如果出现以下错误先取消上传，安装依赖之后再重新上传安装依赖：在login云函数右击->终端打开->cmdnpm install --pr

2020-05-27 19:19:36 147

原创小程序开发组件的使用

注册小程序账号注册账号安装微信开发者工具新建项目新建项目项目初始化的文件wx:for 列表渲染在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 itemwx.request 网络请求 wx.request({ url:'http://192.168.0.7:3000/cgi/post/getcirclepost', success:(res)=

2020-05-26 19:55:36 204

原创仿微信app项目流程

前台开发：vue后台开发：node数据库：MongoDB组件：weui创建项目：vue脚手架vue create friends注册登录页面使用阿里云短信服务功能用户根据手机号获取验证码后台判断是进行登录还是注册验证手机号和验证码是否符合注册成功之后1）将登录或者注册成功的用户信息存储起来，以供其他页面使用- cookie：存在过期时间和禁用cookie的问题- 本地存储：localstorage和sessionstorage:某些浏览器不支持本地存储- 存储到程序.

2020-05-25 21:19:46 329

原创实现登录功能的逻辑

在cookie中存储token，每次请求后端服务都会带上token(token是后台给你的一个唯一标识)，验证用户是否登录用户输入账户、验证码然后登录，请求后台接口，服务端验证账户和验证码验证通过生成一个唯一标识token保存至cookie并将登录成功的信息存储到本地（localStorage）中访问需要登录状态显示为登录后才可以访问的页面，检测token的登录状态，来决定是否可以访问页面如果cookie过期，则清除本地存储的用户信息，让用户跳转到登录页面重新登录...

2020-05-12 20:55:38 2664

原创 vue面试题

vue面试题总结1. v-show和v-if的区别相同点：v-show和v-if都能控制元素的显示和隐藏。不同点：（1）实现本质方法不同v-show本质就是通过设置css中的display设置为none，控制隐藏v-if是动态的向DOM树内添加或者删除DOM元素（2）编译的区别v-show其实就是在控制cssv-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件（3）编译的条件v-show都会编译，初始值为false，只是将display设为none，

2020-05-09 21:31:15 113

原创 vue项目打包优化

移除console语句上线之后不再需要console语句，使用build命令打包时，需要将console语句进行删除，**使用命令下载babel的一个插件，npm install babel-plugin-transform-remove-console --save-dev然后在项目的根目录下的babel.config.js文件中配置module.exports = { p...

2020-04-30 10:12:30 571

原创 node异步

node异步异步函数就是当同步线程执行结束之后，才会开始执行异步队列中的函数例如：readFile()异步读取文件const fs = require('fs');fs.readFile('a.txt', (err, data) => { console.log('文件开始读取');});console.log('结束文件读取');输出结果结束文件读取文件开始读取...

2020-03-11 20:47:53 284

weixin_46537684的博客