摘要: 双向绑定原理 1. 初始化的时候,把所有视图层的数据添加到对象中 2. 劫持数据发生的改变【哪个数据添加了v-model】 3. 劫持的数据去通知dep(订阅者):具体知道哪个数据要改变 4. 订阅者通知waterch对象,触发update方法来更新视图层 补充: data是响应式的,因为data的 阅读全文
posted @ 2022-05-11 17:28 杨建鑫 阅读(56) 评论(0) 推荐(0) 编辑
摘要: uniapp onLoad 监听页面加载,其参数为上个页面传递的数据,参数类型为 Object(用于页面传参 onShow 监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面 onReady 监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发 1.Scrol 阅读全文
posted @ 2022-05-11 17:07 杨建鑫 阅读(216) 评论(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 杨建鑫 阅读(36) 评论(0) 推荐(0) 编辑
摘要: webpack Webpack是一个模块打包工具,主要有5个核心概念 1.Entry 入口 指示 webpack 从哪个文件开始构建/打包 2.Output 出口 指示 webpack 打包完成的文件输出哪里去 3.Loader 加载器 webpack 自身能力有限,只能处理 js/json 文件, 阅读全文
posted @ 2022-05-11 17:05 杨建鑫 阅读(30) 评论(0) 推荐(0) 编辑
摘要: 跨域问题 1. vue中可以设置代理,来解决跨域. 问题1:第一次打包,报错,请求不到 解决:在vue.config.js中设置相对路径 publicPath:’./’ 问题2:第二次打包,页面显示不出来图片 解决:如果后端不做重定向的话,那么要路由改为hash 问题3:第三次打包,报错,因为代理只 阅读全文
posted @ 2022-05-11 17:03 杨建鑫 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 性能优化 性能优化最终目的:提升用户体验 项目优化阶段: 开发阶段 生产阶段:不断优化的过程 借助工具测试 npm install -g lighthouse lighthouse https://www.xuexiluxian.cn/ (https://blog.csdn.net/qq_29187 阅读全文
posted @ 2022-05-11 17:01 杨建鑫 阅读(27) 评论(0) 推荐(0) 编辑
摘要: input在底部的时候,键盘遮挡住 方法:可视区的高度,文档高>可视区域的高,做定位 如何关闭ios键盘的首字母自动大写 解决:<input autocapitalize='off'> 禁止ios&安卓长按保存(下载)图片 解决: img{ -webkit-touch-callout:none; } 阅读全文
posted @ 2022-05-11 16:56 杨建鑫 阅读(65) 评论(0) 推荐(0) 编辑
摘要: []元素被触摸时产生的半透明遮罩怎么去掉 (a、button、input、textarea) 在移动端修改难看的点击的高亮效果,iOS和安卓下都有效 解决:-webkit-tap-highlight-color:rgba(0,0,0,0); a,input,button,textarea{ -web 阅读全文
posted @ 2022-05-11 16:53 杨建鑫 阅读(69) 评论(0) 推荐(0) 编辑
摘要: touch事件有穿透的问题(都知道) 经常出现在蒙版(蒙版下还有链接跳转),触摸按下(蒙版下的链接),那么会直接消失蒙版,还会跳转!!!这就是touch穿透事件 解决:引入faskclick.js if ('addEventListener' in document) { document.addE 阅读全文
posted @ 2022-05-11 16:52 杨建鑫 阅读(72) 评论(0) 推荐(0) 编辑
摘要: 1. click事件在移动端有300ms延迟(都知道) 因为在移动端点两下是放大,缩小;所以才会有300毫秒; 解决: <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" 阅读全文
posted @ 2022-05-11 16:51 杨建鑫 阅读(43) 评论(0) 推荐(0) 编辑
摘要: 谈谈防抖节流 防抖:多次事件触发,只执行一次 搜索框 当用户在input标签里疯狂输入值,而此同时我们只打算取最后一次输入的值 节流:事件触发,固定时间内执行一次 向下滑动请求后台接口,且滑动十分频繁。 阅读全文
posted @ 2022-05-11 16:49 杨建鑫 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 深拷贝和浅拷贝 共同点:复制 1. 浅拷贝:复制引用,而不是真正的复制了值。 某一个改变互相影响 var arr1 = ['a','b'] var arr2 = arr1; Object.assign() 2. 深拷贝:复制不是引用,复制了真正的值。 改变互相不影响 JSON.parse和自己封装 阅读全文
posted @ 2022-05-11 16:42 杨建鑫 阅读(23) 评论(0) 推荐(0) 编辑
摘要: localstorage、sessionstorage、cookie的区别 共同点: localstorage、sessionstorage、cookie:存储在客户端 seesion :服务端 功能:localstorage、sessionstorage、cookie:一样【本地的存储】 不同的: 阅读全文
posted @ 2022-05-11 16:37 杨建鑫 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 继承 ES6继承 class类 class Parent{ constructor(){ this.name='父亲' } Run(){ Console.log(这里是 Parent.prototype.run(){ }) } } class Children extends Parent{ con 阅读全文
posted @ 2022-05-11 16:05 杨建鑫 阅读(21) 评论(0) 推荐(0) 编辑
摘要: Promise 1. 有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。 2. Promise是来解决异步编程的( 代码如果一直嵌套【死亡地狱】,易读性很差) Promise.resolve(‘foo’).then(res=>{ Console.log( 阅读全文
posted @ 2022-05-11 15:29 杨建鑫 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 闭包 无意间环境的共享 【不是作者设计的】 1. 什么是闭包或闭包是什么情况 2个函数,这俩函数作用域是链接, 内部函数可以访问外部函数的局部变量。 2.产生的条件 函数嵌套,内部函数引用外部函数的局部变量,执行外部函数 内部函数引用全局变量,不会产生闭包 3. 闭包的优点 优点:外部函数的局部变量 阅读全文
posted @ 2022-05-11 15:28 杨建鑫 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 谈谈this的指向 谁调用指向谁,只有函数在调用的时候才能确定this的指向 普通函数 直接调用,指向window 对象调用,指向对像 Call/apply调用,指向传入的第一个参数 New调用,指向生成实例对象 回调函数 定时器回调函数,指向window DOM事件回调函数,,指向绑定事件的DOM 阅读全文
posted @ 2022-05-11 15:27 杨建鑫 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 十二.箭头函数和普通函数有什么区别? 1. this指向问题 普通函数的this是在调用时决定的。 箭头函数中的this是在定义时决定的,定义该箭头函数,函数中的this,指向于箭头函数的所在环境。 注意:箭头函数的this是永远不能改变的。 2. 箭头函数不能new,普通函数可以new 3. 箭头 阅读全文
posted @ 2022-05-11 15:26 杨建鑫 阅读(64) 评论(0) 推荐(0) 编辑
摘要: 作用域 1. 作用域:先在本层找,本层找不到向外一层查找 【作用域链】 注意let 和 const 有自身作用域 2. 注意:变量提升【悬挂声明】 let和const没有提升 3. 优先级 声明变量 > 函数的声明 > 参数 > 变量提升 4. js没有块级作用域(除了函数) 注意let 和 con 阅读全文
posted @ 2022-05-11 15:25 杨建鑫 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 说一下call、apply、bind区别 共同点:都是来改变this指向 语法:函数.call 、 函数.apply 、 函数.bind 不同点: 1. call和apply是立即执行的。 2. bind返回的是一个函数体,新函数的 this 才会变化,原函数不变,需要()执行函数。 3. appl 阅读全文
posted @ 2022-05-11 15:25 杨建鑫 阅读(73) 评论(0) 推荐(0) 编辑