- 博客(17)
- 收藏
- 关注
RSS订阅原创 diff算法总结
react通过相同类生成相似树型结构，不同类生成不同树型结构的策略，对element diff进行算法优化。用于虚拟dom转真实dom，并对虚拟dom进行比较，一个节点一个节点进行比较，嵌套会进行多次比较，component diff根据同一类型的组件比较，组件不相同，整个组件都换。组件数据不变，则不渲染这个组件，组件数据改变，则渲染改变的这一部分数据。出现新的key值，则渲染一个与key值相对应的新组件。key存在，则去寻找这个与key值相对应的组件，key值不存在则销毁这个与key值相对应的组件。...
2022-09-01 13:42:23
221
原创 在react中实现数据双向绑定
设置input为受控组件，加一个input事件，调用change处理函数，获取输入框里的value值，react是单向数据流，那么怎么实现双向绑定呢。用setstate更新状态。
2022-09-01 13:36:34
879
原创 vue3.0中使用vuex
点击触发事件commit分发一个action给matations。在main.js入口文件引入store文件并绑定在vue实例上。创建一个store文件夹，并创建一个index.js文件。通过dispatch分发action到actions里。引入createstore方法使用它创建store。通过computed把store的状态更新到视图中。...
2022-08-31 13:31:42
251
原创 vue3.0中使用router
或者在搭建环境是直接选yes会自带一个router文件夹，就不用创建了。创建router文件夹，创index.js文件配置路由。入口文件main.js引入router。在跟组件app.vue放渲染组件的标签。
2022-08-31 11:57:48
272
原创 node创建服务器
使用createserver创建，使用list监听ip地址和端口号。使用ajax链接websocket服务器。使用ajax链接http服务器。创建websocket服务器。使用form表单链接服务器。
2022-08-31 11:46:33
109
原创 搭建react环境
安装babel：npm i babel-loader @babel/core @babel/preset-env @babel/preset-react -D。安装webpack： npm i webpack-cli webpack webpack-dev-server -D。安装css：npm icss-lodaer style-loader需在配置文件配置。rules里设置匹配名称与匹配规则。module.exports导出。mode设置开发环境或生产环境。output设置出口文件。...
2022-08-30 18:16:03
95
原创 vue2.0与3.0使用对比
3.0采用函数式，使用creatapp创建组件实例，使用的是方法函数，2.0采用面向对象。v-memo有缓存，值相等就跳过更新，不更新时跳过渲染，相当于usememo，3.0新加provide依赖，使用inject注入，取消了$children。2.0钩子函数beforemount，mounted，craeted，3.0动态组件采用KeepAlive，里嵌套components，3.0diff对比修改的那一部分dom，2.0对比全部dom。3.0钩子函数inserted，bind，updataed。...
2022-08-30 18:03:06
454
1
原创 小程序封装uni.request
使用export default导出，封装url路径，data发送的数据，method为get或post提交，datatype为返回的数据格式，header设置头部信息，然后使用return返回。新建js文件对uni.request进行封装，使用时用import导入。
2022-08-30 17:34:53
345
原创 原生javascript封装ajax，promise封装ajax
首先封装状态码，url，type，data，datatype，async，success获取成功的后台数据，error获取失败的状态码。然后封装一个小方法，把调用时输入的对象格式的data转换为url格式的数据，例name=lily&age=20。然后封装xmlhttprequest对象。使用promise封装ajax、
2022-08-24 15:57:18
328
原创 git提交项目流程
使用$ git commit -m “第一次提交”提交到本地仓库并注释。使用$ git push origin 分支名 提交到远程仓库。从远处仓库克隆项目到本地$ git clone 远程仓库链接。使用$ git checkout 分支名 切换到自己的分支。使用$ git branch 分支名创建自己的分支。使用$ git add .加点是全部提交到暂存区。初始化一个本地仓库使用$ git init命令。
2022-08-23 19:27:04
170
原创 vue中使用可视化echarts
1.下包npm i echarts --save2.引入并绑定在vue实例上// 引入可视化echartsimport * as echarts from 'echarts'// 绑定在实例上Vue.prototype.$echarts = echarts3.使用init初始化一个dom，使用getoption方法把数组中的数据以图标形式打印在初始化的dom里，代码如下
2022-08-22 18:12:08
386
原创 对webpack进行优化
5.当我们在项目组修改一个文件时，webpack会默认重新构建整个项目，我们只需要重新编译这个文件，使用hot update插件，需配置文件配置。6.在项目中，一些文件和文件夹永远不需要参与构建，我们可以在配置文件中指定这些文件，防止webpack取回他们，使用exclude。4.缓存加载器，webpack需多次构建项目，为了加开后续构建，可以使用缓存，cache-loader，需配置文件配置。配置环境：下载脚手架，下载webpack全局和项目，初始化init，建配置文件。
2022-08-22 17:59:20
339
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人