摘要：
双向绑定原理 1. 初始化的时候，把所有视图层的数据添加到对象中 2. 劫持数据发生的改变【哪个数据添加了v-model】 3. 劫持的数据去通知dep（订阅者）：具体知道哪个数据要改变 4. 订阅者通知waterch对象，触发update方法来更新视图层 补充： data是响应式的，因为data的 阅读全文
posted @ 2022-05-11 17:28
杨建鑫
阅读(64)
评论(0)
推荐(0)
摘要：
uniapp onLoad 监听页面加载，其参数为上个页面传递的数据，参数类型为 Object（用于页面传参 onShow 监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面 onReady 监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发 1.Scrol 阅读全文
posted @ 2022-05-11 17:07
杨建鑫
阅读(239)
评论(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
杨建鑫
阅读(66)
评论(0)
推荐(0)
摘要：
webpack Webpack是一个模块打包工具,主要有5个核心概念 1.Entry 入口 指示 webpack 从哪个文件开始构建/打包 2.Output 出口 指示 webpack 打包完成的文件输出哪里去 3.Loader 加载器 webpack 自身能力有限，只能处理 js/json 文件， 阅读全文
posted @ 2022-05-11 17:05
杨建鑫
阅读(38)
评论(0)
推荐(0)
摘要：
跨域问题 1. vue中可以设置代理，来解决跨域. 问题1:第一次打包，报错，请求不到 解决：在vue.config.js中设置相对路径 publicPath:’./’ 问题2:第二次打包，页面显示不出来图片 解决：如果后端不做重定向的话，那么要路由改为hash 问题3:第三次打包，报错，因为代理只 阅读全文
posted @ 2022-05-11 17:03
杨建鑫
阅读(24)
评论(0)
推荐(0)
摘要：
性能优化 性能优化最终目的：提升用户体验 项目优化阶段： 开发阶段 生产阶段：不断优化的过程 借助工具测试 npm install -g lighthouse lighthouse https://www.xuexiluxian.cn/ （https://blog.csdn.net/qq_29187 阅读全文
posted @ 2022-05-11 17:01
杨建鑫
阅读(30)
评论(0)
推荐(0)
摘要：
input在底部的时候,键盘遮挡住 方法:可视区的高度,文档高>可视区域的高,做定位 如何关闭ios键盘的首字母自动大写 解决：<input autocapitalize='off'> 禁止ios&安卓长按保存（下载）图片 解决： img{ -webkit-touch-callout:none; } 阅读全文
posted @ 2022-05-11 16:56
杨建鑫
阅读(73)
评论(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
杨建鑫
阅读(82)
评论(0)
推荐(0)
摘要：
touch事件有穿透的问题(都知道) 经常出现在蒙版(蒙版下还有链接跳转),触摸按下(蒙版下的链接),那么会直接消失蒙版,还会跳转!!!这就是touch穿透事件 解决：引入faskclick.js if ('addEventListener' in document) { document.addE 阅读全文
posted @ 2022-05-11 16:52
杨建鑫
阅读(78)
评论(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
杨建鑫
阅读(50)
评论(0)
推荐(0)
摘要：
谈谈防抖节流 防抖：多次事件触发，只执行一次 搜索框 当用户在input标签里疯狂输入值，而此同时我们只打算取最后一次输入的值 节流：事件触发，固定时间内执行一次 向下滑动请求后台接口，且滑动十分频繁。 阅读全文
posted @ 2022-05-11 16:49
杨建鑫
阅读(20)
评论(0)
推荐(0)
摘要：
深拷贝和浅拷贝 共同点：复制 1. 浅拷贝：复制引用，而不是真正的复制了值。 某一个改变互相影响 var arr1 = ['a','b'] var arr2 = arr1; Object.assign() 2. 深拷贝：复制不是引用，复制了真正的值。 改变互相不影响 JSON.parse和自己封装 阅读全文
posted @ 2022-05-11 16:42
杨建鑫
阅读(32)
评论(0)
推荐(0)
摘要：
localstorage、sessionstorage、cookie的区别 共同点： localstorage、sessionstorage、cookie：存储在客户端 seesion ：服务端 功能：localstorage、sessionstorage、cookie：一样【本地的存储】 不同的： 阅读全文
posted @ 2022-05-11 16:37
杨建鑫
阅读(58)
评论(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
杨建鑫
阅读(25)
评论(0)
推荐(0)
摘要：
Promise 1. 有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。 2. Promise是来解决异步编程的（ 代码如果一直嵌套【死亡地狱】，易读性很差） Promise.resolve(‘foo’).then(res=>{ Console.log( 阅读全文
posted @ 2022-05-11 15:29
杨建鑫
阅读(26)
评论(0)
推荐(0)
摘要：
闭包 无意间环境的共享 【不是作者设计的】 1. 什么是闭包或闭包是什么情况 2个函数，这俩函数作用域是链接， 内部函数可以访问外部函数的局部变量。 2.产生的条件 函数嵌套,内部函数引用外部函数的局部变量,执行外部函数 内部函数引用全局变量,不会产生闭包 3. 闭包的优点 优点：外部函数的局部变量 阅读全文
posted @ 2022-05-11 15:28
杨建鑫
阅读(25)
评论(0)
推荐(0)
摘要：
谈谈this的指向 谁调用指向谁,只有函数在调用的时候才能确定this的指向 普通函数 直接调用,指向window 对象调用,指向对像 Call/apply调用,指向传入的第一个参数 New调用,指向生成实例对象 回调函数 定时器回调函数,指向window DOM事件回调函数,,指向绑定事件的DOM 阅读全文
posted @ 2022-05-11 15:27
杨建鑫
阅读(33)
评论(0)
推荐(0)
摘要：
十二.箭头函数和普通函数有什么区别？ 1. this指向问题 普通函数的this是在调用时决定的。 箭头函数中的this是在定义时决定的，定义该箭头函数，函数中的this，指向于箭头函数的所在环境。 注意:箭头函数的this是永远不能改变的。 2. 箭头函数不能new，普通函数可以new 3. 箭头 阅读全文
posted @ 2022-05-11 15:26
杨建鑫
阅读(76)
评论(0)
推荐(0)
摘要：
作用域 1. 作用域：先在本层找，本层找不到向外一层查找 【作用域链】 注意let 和 const 有自身作用域 2. 注意：变量提升【悬挂声明】 let和const没有提升 3. 优先级 声明变量 > 函数的声明 > 参数 > 变量提升 4. js没有块级作用域（除了函数） 注意let 和 con 阅读全文
posted @ 2022-05-11 15:25
杨建鑫
阅读(16)
评论(0)
推荐(0)
摘要：
说一下call、apply、bind区别 共同点：都是来改变this指向 语法：函数.call 、 函数.apply 、 函数.bind 不同点： 1. call和apply是立即执行的。 2. bind返回的是一个函数体，新函数的 this 才会变化，原函数不变,需要()执行函数。 3. appl 阅读全文
posted @ 2022-05-11 15:25
杨建鑫
阅读(83)
评论(0)
推荐(0)
摘要：
var、let、const区别 相同点：都是来声明变量|常量 不同点： 1. 变量提升 var 有变量提升。 let、const没有变量提升。 2. 自身(变量)作用域 var“没有”自身作用域 let、const“有”自身作用域 3. 声明同一个变量 var 可以声明多个同一个变量名 let a 阅读全文
posted @ 2022-05-11 15:21
杨建鑫
阅读(36)
评论(0)
推荐(0)
摘要：
对象的key永远是字符串类型 var m = [1,2,3]; var obj = { a:1, b:2, c:3, '张三':4 } obj[m] = 12313213213213211; //对象的key永远是字符串类型 for( var k in obj ){ console.log(type 阅读全文
posted @ 2022-05-11 15:20
杨建鑫
阅读(254)
评论(0)
推荐(0)
摘要：
原型链 【必须会】 1. 原型是干什么的？ 解决new不能共享对象的属性或者方法==》原型可以共享属性和方法 2. 谁有原型 每一个函数都有prototype 【系统内置】 每一个对象都有__proto__ 3. 构造函数和构造出来的new对象有什么关系 new 对象是构造函数实例出来的，构造函数的 阅读全文
posted @ 2022-05-11 15:18
杨建鑫
阅读(57)
评论(0)
推荐(0)
摘要：
new操作符具体做了什么 1. 会创建一个新对象 ： 返回对象 2. 原型赋值 3. 改变this指向 4. 判断构造函数最后返回的是什么类型 （如果是基本类型则无视，如果是引用类型则返回该对象，new不起作用了） 例子: function Fun(){ Console.log(this) =指向w 阅读全文
posted @ 2022-05-11 15:17
杨建鑫
阅读(172)
评论(0)
推荐(0)
摘要：
5.延迟加载JS有哪些方式？async、defer[外部链接用的] defer 是html和script同时下载,而且等html下载完,再执行script ; 两个script都加defer,那么defer是按照顺序执行 场景:如果文件存在依赖关系就用defer [这个可以提高性能的] 比如:jqu 阅读全文
posted @ 2022-05-11 15:16
杨建鑫
阅读(57)
评论(0)
推荐(0)
摘要：
微任务和宏任务 1. js是单线程语言,因为js是做用户交互;如果是多线程的话,那么一个线程添加,一个线程删除,就不知道执行哪一个了 2. js的执行流程:先同步==>后异步(你不能确定它什么时候执行的就是异步) 异步 : ajax请求 , 事件类, 定时器, promise.then 3. 异步又 阅读全文
posted @ 2022-05-11 15:15
杨建鑫
阅读(80)
评论(0)
推荐(0)
摘要：
JS数据类型 Js是运行在浏览器端的 基础类型:String Number Boolean Null Undefined Symbol(es6) Bigint(谷歌浏览器) 引用类型:Object null和undefined的区别 作者先设计出来的null,后设计的undefined JavaSc 阅读全文
posted @ 2022-05-11 15:14
杨建鑫
阅读(99)
评论(0)
推荐(0)
摘要：
什么是CSS reset？ reset.css 》 重置css样式的 非要说他问题：体积了一点点点 normalize.css 是现在用的比较多的，但是和reset有区别。 是干什么：为了增强跨浏览器渲染的一致性（一定程度上），维护的一个CSS 重置样式库。 CSS优先级算法如何计算？ Import 阅读全文
posted @ 2022-05-11 14:57
杨建鑫
阅读(46)
评论(0)
推荐(0)
摘要：
怎么让Chrome支持小于12px 的文字？ div{ font-size:10px; } p{ display: inline-block; transform: scale(.1); 得到的就是1px } rem和em有什么样区别 rem针对于根(html)的font-size em针对于父元素 阅读全文
posted @ 2022-05-11 14:55
杨建鑫
阅读(35)
评论(0)
推荐(0)
摘要：
盒子不给宽度和高度，如何水平垂直居中 1.弹性盒 》 demo1文件 2.transform 》 demo2文件 3.网格布局 》 demo3文件(不用记住) 阅读全文
posted @ 2022-05-11 14:52
杨建鑫
阅读(35)
评论(0)
推荐(0)
摘要：
display: none;与visibility: hidden;的区别 display: none;与visibility: hidden 功能：隐藏元素 区别： 1. display: none不占位置，visibility: hidden占位置。 原理： display: none第一次不绘 阅读全文
posted @ 2022-05-11 14:48
杨建鑫
阅读(98)
评论(0)
推荐(0)
摘要：
CSS的盒子模型 标准盒子模型、IE盒子模型 两者的区别在于content的不同，IE盒模型的content包括border、padding BFC 块级格式化上下文 ==》如果拥有BFC的特性就会导致内容元素再怎么样，都不会影响外面元素。 触发BFC： 1.float的值不为none 2.over 阅读全文
posted @ 2022-05-11 14:46
杨建鑫
阅读(41)
评论(0)
推荐(0)
摘要：
查询某某的版本 : cnpm view less-loader versions vue的执行顺序 : 先index.html 再main.js 最后App.vue 1.vue的介绍 2.插值语法 3.指令语法 功能：用于解析标签 备注：Vue中有很多的指令，且形式都是：v-???? 1).v-bi 阅读全文
posted @ 2022-05-11 13:25
杨建鑫
阅读(73)
评论(0)
推荐(0)
摘要：
1.概念 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 2.何时使用？ 多个组件需要共享数据时 3.搭建vuex环境 创建文件：src/store/index.js //引入Vue 阅读全文
posted @ 2022-05-11 12:33
杨建鑫
阅读(24)
评论(0)
推荐(0)
摘要：
作用：在插入、更新或移除 DOM元素时，在合适的时候给元素添加样式类名。 写法： 准备好样式： 元素进入的样式： v-enter：进入的起点 v-enter-active：进入过程中 v-enter-to：进入的终点 元素离开的样式： v-leave：离开的起点 v-leave-active：离开过 阅读全文
posted @ 2022-05-11 10:42
杨建鑫
阅读(27)
评论(0)
推荐(0)
摘要：
路由 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 前端路由：key是路径，value是组件。 1.基本使用 安装vue-router，命令：npm i vue-router 应用插件：Vue.use(VueRouter) 编 阅读全文
posted @ 2022-05-11 08:39
杨建鑫
阅读(132)
评论(0)
推荐(0)
浙公网安备 33010602011771号