笔记
文章平均质量分 61
原生JS永远滴神
这个作者很懒,什么都没留下…
展开
-
Vue深入(1)
数据驱动理念 简单的来说,当数据发生变化时,页面也会跟着变化,开发者不需要手动修改dom MVVM M:modal:数据 V:view 视图 ViewModal:数据和视图连接的桥梁(实例化) MVVM三要素: 计算属性 好处:有缓存的效果。当一个计算属性所依赖的数据发生变化时,他才会重新获取值 watch和computed watch: 执行异步操作或较大开销的操作 ,一个值影响多个值的变化 computed:多个值影响一个值的变化 由于computed有缓存 所以在实际操作中两个都能使用的时候 优先考虑原创 2021-10-15 13:50:05 · 76 阅读 · 0 评论 -
h5c3深入
canvas --(重点) canvas画图位置 创建画布三步骤 通过标签创建画布(注意:不能使用css给画布设置样式 只能使用内联或者js) 通过js获取画布 let c3 = document.getElementById('c3') 通过js获取画笔对象 let ctx = c3.getContext("2d") ...原创 2021-10-01 18:53:52 · 109 阅读 · 0 评论 -
react 优化指引
注意在优化之前 打包项目 打包项目之前需要进行创建生产环境下得配置文件.env.production 需要指定打包后的访问路径REACT_APP_URL=后端提供的接口地址 使用antd-design-mobile优化 create-react-app 使用react官方提供的实例实现懒加载和动态渲染 懒加载组件和分割路由 ...原创 2021-09-25 10:57:12 · 82 阅读 · 0 评论 -
React声明周期(含有虚拟dom和diff解释)+ react路由
声明周期图解 挂载阶段 更新阶段 完整的生命周期函数 常用router介绍 组件的全部生命周期函数 虚拟DOM和Diff算法 模糊匹配原创 2021-09-16 23:03:14 · 61 阅读 · 0 评论 -
微信小程序
WXML与HTML的区别 标签名不同 HTML (div, span,img,a) WXML(view,text,image,navigator) 属性节点不同 <a href="#">超链接</a> <navgiator url="/pages/home/home"></navgiator> 提供了类似于Vue中的模板语法 1 数据渲染 2 列表渲染 3 条件渲染 WXCSS与CSS的区别 新增尺寸rpx单位原创 2021-09-16 10:48:06 · 59 阅读 · 0 评论 -
JavaScript高级程序设计知识点梳理
第三章 3.1 函数在调用完后会立即被销毁 再次访问函数生成的变量时会报错 3.2 使用var初始化变量和赋值操作,定义的名称会被提前到当前作用域的顶部 而值不会 3.3 ES6的六种简单类型:undefined,null,boolean,number,string和Symbol(符号) 3.4 当typeof检测的值是undefined时 是因为给定的值没有被定义而不是因为声明了但未初始化 ...原创 2021-05-18 09:05:27 · 153 阅读 · 0 评论 -
js高级重要知识点
闭包 闭包:既重用变量又保护变量不被篡改的一种编程方式 使用场合:只要希望既重用变量,又保护变量不被篡改时,就用闭包为一个函数保管专属的值 如何:3步 1.外层函数包裹里层函数 2.外层函数返回里层函数对象到外部 3.外部使用者使用外层函数,获得里层的的函数对象,并保存在外部变量中反复使用 闭包产生原理:在函数中含有[[Scopes]],会保存下每次变量的执行结果 ...原创 2021-04-23 16:24:26 · 338 阅读 · 0 评论 -
bootstrap(4)
ul补充 li .divider分割线 li .header标题 常用组件 1.卡片 外层div通过.card可以创建卡片 内容有三部分 card-header card-body card-footer 内容三部分可以省略 手风琴案例原创 2021-04-09 19:55:42 · 270 阅读 · 0 评论 -
bootstrap(3)
栅格 1.栅格的嵌套,在列里面写其他的row 2.弹性布局 使用d-flex/d-inline-flex 创建一个弹性容器 设置主轴的方向 flex-row/flex-row-reverse/flex-column/flex-column-reverse 设置主轴的排列方式 justify-content-n n:between/around/center 响应式flex d-xl/lg/md/sm-flex flex-x-row flex-x-column 3.表单 form-group ,垂直方原创 2021-04-07 20:48:18 · 189 阅读 · 0 评论