上一页 1 ··· 13 14 15 16 17 18 19 20 21 ··· 29 下一页
摘要: ref 作用: 定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象(reference对象,简称ref对象)。 JS中操作数据: xxx.value 模板中读取数据: 不需要.value,直接:<div>{{xxx}}</div> 备 阅读全文
posted @ 2022-05-15 23:51 杨建鑫 阅读(751) 评论(0) 推荐(0)
摘要: setup 理解:Vue3.0中一个新的配置项,值为一个函数。 setup是所有Composition API(组合API)“ 表演的舞台 ”。 组件中所用到的:数据、方法等等,均要配置在setup中。 setup函数的两种返回值: 若返回一个对象,则对象中的属性、方法, 在模板中均可以直接使用。( 阅读全文
posted @ 2022-05-15 23:33 杨建鑫 阅读(402) 评论(0) 推荐(0)
摘要: 一.vuex和pinia的区别 支持选项式api和组合式api写法 pinia没有mutations,只有:state、getters、actions pinia分模块不需要modules(之前vuex分模块需要modules) TypeScript支持很好 自动化代码拆分 pinia体积更小(性能 阅读全文
posted @ 2022-05-12 16:14 杨建鑫 阅读(329) 评论(0) 推荐(0)
摘要: 双向绑定原理 1. 初始化的时候,把所有视图层的数据添加到对象中 2. 劫持数据发生的改变【哪个数据添加了v-model】 3. 劫持的数据去通知dep(订阅者):具体知道哪个数据要改变 4. 订阅者通知waterch对象,触发update方法来更新视图层 补充: data是响应式的,因为data的 阅读全文
posted @ 2022-05-11 17:28 杨建鑫 阅读(62) 评论(0) 推荐(0)
摘要: uniapp onLoad 监听页面加载,其参数为上个页面传递的数据,参数类型为 Object(用于页面传参 onShow 监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面 onReady 监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发 1.Scrol 阅读全文
posted @ 2022-05-11 17:07 杨建鑫 阅读(236) 评论(0) 推荐(0)
摘要: https+安全+seo 一.http和https 正常一个网页是http,可以配置成https,而https就是一个证书(就是一个文件)。 1. https比http 更安全 2. 口端不同http:80 、https:443 3. https 防劫持 二.web安全 1. XSS攻击 input 阅读全文
posted @ 2022-05-11 17:06 杨建鑫 阅读(55) 评论(0) 推荐(0)
摘要: webpack Webpack是一个模块打包工具,主要有5个核心概念 1.Entry 入口 指示 webpack 从哪个文件开始构建/打包 2.Output 出口 指示 webpack 打包完成的文件输出哪里去 3.Loader 加载器 webpack 自身能力有限,只能处理 js/json 文件, 阅读全文
posted @ 2022-05-11 17:05 杨建鑫 阅读(35) 评论(0) 推荐(0)
摘要: 跨域问题 1. vue中可以设置代理,来解决跨域. 问题1:第一次打包,报错,请求不到 解决:在vue.config.js中设置相对路径 publicPath:’./’ 问题2:第二次打包,页面显示不出来图片 解决:如果后端不做重定向的话,那么要路由改为hash 问题3:第三次打包,报错,因为代理只 阅读全文
posted @ 2022-05-11 17:03 杨建鑫 阅读(22) 评论(0) 推荐(0)
摘要: 性能优化 性能优化最终目的:提升用户体验 项目优化阶段: 开发阶段 生产阶段:不断优化的过程 借助工具测试 npm install -g lighthouse lighthouse https://www.xuexiluxian.cn/ (https://blog.csdn.net/qq_29187 阅读全文
posted @ 2022-05-11 17:01 杨建鑫 阅读(28) 评论(0) 推荐(0)
摘要: input在底部的时候,键盘遮挡住 方法:可视区的高度,文档高>可视区域的高,做定位 如何关闭ios键盘的首字母自动大写 解决:<input autocapitalize='off'> 禁止ios&安卓长按保存(下载)图片 解决: img{ -webkit-touch-callout:none; } 阅读全文
posted @ 2022-05-11 16:56 杨建鑫 阅读(73) 评论(0) 推荐(0)
上一页 1 ··· 13 14 15 16 17 18 19 20 21 ··· 29 下一页