czz19910404的博客

文章目录1、state2、props3、ref4、组件生命周期4.1 旧生命周期4.2 新生命周期5、路由（react-router-dom）5.1 一级路由5.2 嵌套路由5.3 路由传参5.4 编程式路由导航5.5 HashRouter和BrowserRouter5.6路由懒加载6、redux6.1、用于全局状态管理，类似于vue框架中的vuex，核心概念6.2、普通使用6.3、react-redux插件6.4、多组件使用6.5、使用redux开发者工具7.hooks8、context1、state

业务需求需要使用级联选择器的多选功能，但是使用的UI组件库不支持，在网上寻找类似的也不能完全符合需求，所以自己简单封装了一个组件，主要使用了element-ui中的el-select组件和el-tree组件实现，支持表单校验。组件引用和数据示例如下。

js脚本加载执行顺序

codemirror自定义sql提示

前端模块化

vue源码学习及手写

使用js简单模拟事件总线的处理机制，包括on,once,off,emit四个方法

1、优化点相较vue2.0，vue3.0主要有以下变化1、性能优化打包体积减少约40%，首次渲染速度减少50%，更新渲染速度减少130%，内存占用减少约50%2、使用proxy代替defineProperty实现响应式3、更好的支持ts4、优化生命周期，增加setup,ref,reactive等新的概念2、composition API1、setup组件中所用到的：数据、方法等等，均要配置在setup中。setup函数的两种返回值：若返回一个对象，则对象中的属性、方法, 在模板中均可以

模板语法{{}} 内容为data中定义的变量数据绑定1、v-bind:value：单向数据绑定,v-bind可以省略，v-model双向数据绑定，v-on:click简写@click2、MVVM:(model,view,viewModel)：在vue中，model值的是data中的数据，view是template,vm是vue实例，model=>view通过数据绑定实现，view=>model通过事件绑定实现数据代理1、defineProperty，为对象增加属性，新增加的属性不能修

html5及css学习记录1、meta标签里面的name、content（搜索结果的超链接）、description以及keywords主要用于网页爬虫搜索，charset用于确定编码格式2、浏览器会自动进行文档纠正，比如p标签写到了body元素外部，会自动修正到内部3、超链接的#可以设置为...

学习资料记录学习课程：https://www.bilibili.com/video/BV1AE411n7D8?from=search&seid=1295719466771467438https://www.bilibili.com/video/BV1YX4y1N7Df?p=163 2020版本oauth认证：http://www.ruanyifeng.com/blog/2014/05/oauth_2_0.htmltoken:https://www.cnblogs.com/xuxinstyle

es6-es12新增的日常开发中使用较为频繁的知识点

js创建对象方法原型链function Fn(){this.test1=function(){consolr.log(111)}}Fn.prorotype.test2=function(){console.log(222)}let fn = new Fn()上述代码的原型链如下图

创建一个webpack1、接收一份配置文件（webpack.config.js）2、分析出入口模块位置读取入口模块的内容，分析内容 分析哪些是依赖，哪些是源码（es6.jsx等需要处理浏览器才能执行） 分析其他模块3、拿到对象数据结构模块路径 处理好的内容4、创建bundle.js启动器函数，来补充代码里可能出现的module,exports,require,让浏览器能够顺利执行...

js 数组扁平化