自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 diff算法总结

react通过相同类生成相似树型结构,不同类生成不同树型结构的策略,对element diff进行算法优化。用于虚拟dom转真实dom,并对虚拟dom进行比较,一个节点一个节点进行比较,嵌套会进行多次比较,component diff根据同一类型的组件比较,组件不相同,整个组件都换。组件数据不变,则不渲染这个组件,组件数据改变,则渲染改变的这一部分数据。出现新的key值,则渲染一个与key值相对应的新组件。key存在,则去寻找这个与key值相对应的组件,key值不存在则销毁这个与key值相对应的组件。...

2022-09-01 13:42:23 184

原创 在react中实现数据双向绑定

设置input为受控组件,加一个input事件,调用change处理函数,获取输入框里的value值,react是单向数据流,那么怎么实现双向绑定呢。用setstate更新状态。

2022-09-01 13:36:34 785

原创 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 199

原创 vue3.0中使用router

或者在搭建环境是直接选yes会自带一个router文件夹,就不用创建了。创建router文件夹,创index.js文件配置路由。入口文件main.js引入router。在跟组件app.vue放渲染组件的标签。

2022-08-31 11:57:48 234

原创 node创建服务器

使用createserver创建,使用list监听ip地址和端口号。使用ajax链接websocket服务器。使用ajax链接http服务器。创建websocket服务器。使用form表单链接服务器。

2022-08-31 11:46:33 81

原创 双飞翼布局

使用flex盒子实现。

2022-08-30 19:02:26 93

原创 自定义hooks表单防抖

【代码】自定义hooks表单防抖。

2022-08-30 18:37:19 130

原创 搭建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 75

原创 vue3.0使用类过渡效果

需使用v-if或v-show触发。

2022-08-30 18:07:22 122

原创 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 398 1

原创 小程序封装uni.request

使用export default导出,封装url路径,data发送的数据,method为get或post提交,datatype为返回的数据格式,header设置头部信息,然后使用return返回。新建js文件对uni.request进行封装,使用时用import导入。

2022-08-30 17:34:53 295

原创 数组去重排序

创建一个新数组进行去重。

2022-08-24 16:24:01 81

原创 原生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 281

原创 git提交项目流程

使用$ git commit -m “第一次提交”提交到本地仓库并注释。使用$ git push origin 分支名 提交到远程仓库。从远处仓库克隆项目到本地$ git clone 远程仓库链接。使用$ git checkout 分支名 切换到自己的分支。使用$ git branch 分支名创建自己的分支。使用$ git add .加点是全部提交到暂存区。初始化一个本地仓库使用$ git init命令。

2022-08-23 19:27:04 120

原创 手写原生js轮播图

【代码】手写原生js轮播图。

2022-08-23 19:16:55 85

原创 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 349

原创 对webpack进行优化

5.当我们在项目组修改一个文件时,webpack会默认重新构建整个项目,我们只需要重新编译这个文件,使用hot update插件,需配置文件配置。6.在项目中,一些文件和文件夹永远不需要参与构建,我们可以在配置文件中指定这些文件,防止webpack取回他们,使用exclude。4.缓存加载器,webpack需多次构建项目,为了加开后续构建,可以使用缓存,cache-loader,需配置文件配置。配置环境:下载脚手架,下载webpack全局和项目,初始化init,建配置文件。

2022-08-22 17:59:20 299

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除