vue为什么要用data函数
摘要：
data是 Vue 实例上的一个属性。对象是对于内存地址的引用。函数有自己的作用域空间。vue 实例中的data是对象的写法，但是在组件中data是函数的写法，是因为写成函数，会有函数作用域的概念 ，是私有函数，只作用到当前组件中，不会影响到其它各个不同的组件。 阅读全文
posted @ 2022-02-23 14:18 未茉 阅读(339) 评论(0) 推荐(0)
vue路由守卫:
摘要：
全局路由守卫 ： router.beforEach((to,from,next)=>{}) 组件内路内守卫：beforeRouterEnter((to,from,next)=>{}) to: 即将要进入的目标 from: 当前导航正要离开的路由 next() 判断通不通过 用于跳转 阅读全文
posted @ 2022-02-23 14:17 未茉 阅读(36) 评论(0) 推荐(0)
Vue 指令：
摘要：
v-bind 单向绑定v-on 点击事件v=modou 双向绑定v-html 可以在内容里写htmlv-if 显隐v-if-elesv-show 显隐v-per 可以把{{}} 显示出来v-cloak (可喽可)v-text 防止页面闪烁 v-noce 只绑定一次 之后变量变化也不会改变 阅读全文
posted @ 2022-02-23 14:13 未茉 阅读(39) 评论(0) 推荐(0)
Vue组件通信 加Storage
摘要：
Vue: 父传子 ： 父组件里 自定义组件名 = ‘要传得变量’ 子组件 props:['变量'] 子传父 ： 子组件 一个点击事件 this,$emit('监听名',this.变量) 定义一个空变量 methods方法中 事件名（形参）{this.空变量 = 形参} 父组件中 的子组件标签上 @监 阅读全文
posted @ 2022-02-23 14:12 未茉 阅读(213) 评论(0) 推荐(0)
http 状态码
摘要：
200（OK） - 表示已在响应中发出204（无内容） - 资源有空表示301（Moved Permanently） - 资源的URI已被更新 303（See Other） - 其他（如，负载均衡）304（not modified）- 资源未更改（缓存）400 （bad request）- 指代坏请 阅读全文
posted @ 2022-02-23 13:56 未茉 阅读(50) 评论(0) 推荐(0)
vue 的 nextTick
摘要：
vue 更新 DOM 是异步操作. $nextTick() 可以监听DOM更新完毕的时机. 宏任务 微任务异步同步执行 阅读全文
posted @ 2022-02-23 13:54 未茉 阅读(27) 评论(0) 推荐(0)
vue 双向绑定原理
摘要：
采用数据劫持 结合 发布者-订阅者模式通过Object.defineProperty() 来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 阅读全文
posted @ 2022-02-23 13:53 未茉 阅读(40) 评论(0) 推荐(0)
this 的指向
摘要：
可以通过 apply、call、bind 改变 this 的指向 普通函数和匿名函数的 this 指向全局 window 箭头函数的 this 自动与箭头函数外的 this 保持一致，箭头函数在哪声明就指向哪里 阅读全文
posted @ 2022-02-23 13:52 未茉 阅读(25) 评论(0) 推荐(0)
闭包的理解
摘要：
外层函数调用后,因为内层函数还引用着外层函数的作用域对象,导致外层函数 的作用域对象无法释放,形成了闭包 闭包即可重用又可以保护变量不被污染 • 如果使用不当容易造成内存泄漏,使用完要立即释放,将引用变量指向 null 阅读全文
posted @ 2022-02-23 13:51 未茉 阅读(37) 评论(0) 推荐(0)
浏览器缓存机制有两种：强缓存、协商缓存
摘要：
强缓存：浏览器在第一次请求的时候，会直接下载资源缓存在本地，第二次请 求的时候，直接使用缓存 协商缓存：第一次请求会缓存并且保存缓存的时间和标识，重复请求会向服务 器发送标识和最后缓存的时候，服务端进行判断，如果没更新就可以直接使用 本地缓存 阅读全文
posted @ 2022-02-23 13:50 未茉 阅读(155) 评论(0) 推荐(0)
浏览器的渲染过程
摘要：
解析 HTML 生成 DOM 树 解析 CSS 生成 CSS 对象模型 将 CSS 和 DOM 合并,生成渲染树 将渲染树布局和绘制到屏幕上 浏览器缓存机制 阅读全文
posted @ 2022-02-23 13:49 未茉 阅读(32) 评论(0) 推荐(0)
axios 的原理
摘要：
axios 是一个基于 promise 的 http 库,它可以拦截响应和请求,并对响应回来的 数据自动转换为 json 类型 属性:url/method/headers/baseURL/params 阅读全文
posted @ 2022-02-23 13:48 未茉 阅读(125) 评论(0) 推荐(0)
computed 和 watch 的区别
摘要：
computed:计算属性,依赖其他属性值,并且它的值有缓存,只有它依赖的属性值 发生改变,下一次获取 computed 的值时才会重新计算 watch:没有缓存性,更多的是观察的作用,每当监听的数据发生变化时都会执行 回调,进行后续操作 阅读全文
posted @ 2022-02-23 13:47 未茉 阅读(55) 评论(0) 推荐(0)
微前端的理解
摘要：
每一个框架都理解一个微应用 主要是一个基座应用 可以用另一个框架当子应用 2框架连接 阅读全文
posted @ 2022-02-23 13:46 未茉 阅读(32) 评论(0) 推荐(0)
Node.js
摘要：
问: nodeJS 答：使用express (E科斯破尔斯) 写过查询数据接口 以及按id查询接口 select (斯列特) 查询所有 select * from 表名 按id查询 select * from 表名 where id=?? 使用方法：1. 加载Express模块2. 加载MySQL模 阅读全文
posted @ 2022-02-23 13:44 未茉 阅读(39) 评论(0) 推荐(0)
如何使用webpack
摘要：
模块打包工具： 3个参数 entry是资源打包的入口 （嗯锤） output-filename 是输出资源名 (坏尔奈姆) mode 指的是打包模式 Webpack为开发者提供了 development、production（生产）、none三种模式 开发中选择development模式即可 (滴歪 阅读全文
posted @ 2022-02-23 13:43 未茉 阅读(34) 评论(0) 推荐(0)
浏览器兼容性问题：
摘要：
1.不同浏览器的标签默认的margin和padding不同 解决：清除默认样式 body,h1,h2,h3,ul,li,input,div,span,a,form …… { margin:0; padding:0; }2.当标签的高度设置小于10px，在IE6、IE7中会超出自己设置的高度解决方案： 阅读全文
posted @ 2022-02-23 13:21 未茉 阅读(56) 评论(0) 推荐(0)
Vue和React 有什么区别 优虐
摘要：
不同之处：React有新的语法——JSX，JSX允许开发者在JavaScript中书写HTML React/JSX乍看之下，觉得非常啰嗦，但使用JavaScript而不是模板来开发在React中你需要使用setState()方法去更新状态React适用于大型应用 Vue更容易学习 Vue主要是由一位 阅读全文
posted @ 2022-02-23 12:46 未茉 阅读(101) 评论(0) 推荐(0)
d代码思想
摘要：
就是少写代码，甚至不需要写代码。只需要用拖拉拽的方式， 不编程、少编程就可以完成应用的开发和上线 阅读全文
posted @ 2022-02-23 12:42 未茉 阅读(140) 评论(0) 推荐(0)
TS的数据类型
摘要：
TS的数据类型： 一般都是后面加 ： 定义类型 number string array null undefined boolean 多个数据类型 name:string|number :any 什么数据类型都行 可传可不传的参数 age?:number 没有返回值的函数 :void 定义接口对参数 阅读全文
posted @ 2022-02-23 12:41 未茉 阅读(196) 评论(0) 推荐(0)
页面优化及js性能优化有哪些
摘要：
问：页面优化 有哪些 答：1、压缩图片资源 2、减少请求次数3、删除无用的代码4、页面异步加载5、优先使用局部变量6、多使用缓存 问: js性能优化有哪些1.尽量使用原生方法2.使用switch替代if-else switch(表达式) { n: 代码块 break; case n: 代码块 bre 阅读全文
posted @ 2022-02-23 12:38 未茉 阅读(267) 评论(0) 推荐(0)
ES6新特性有哪些：
摘要：
1、let 声明变量 块级作用域 不会变量提升2、const 声明常量 常量定义了就不能改了对象除外， 因为对象指向的地址没变const在申明是必须被赋值，块级作用域。3、箭头函数 普通匿名函数的this指向是全局window 箭头函数this始终指向函数申明时所在作用域下的this值4、模板字符串 阅读全文
posted @ 2022-02-23 12:33 未茉 阅读(267) 评论(0) 推荐(0)
什么是作用域及作用域链
摘要：
答：可以用于隔离变量 在不同的作用域下 变量相同 也不会出现 命名冲突 问题； 阅读全文
posted @ 2022-02-23 12:31 未茉 阅读(47) 评论(0) 推荐(0)
水平垂直居中方法
摘要：
flex: 水平垂直居中 （福赖可斯）直接在父元素上 display: flex; justify-content: center; align-items: center; 定位方法：div{ width: 300px; height: 300px; position: relative; （破贼 阅读全文
posted @ 2022-02-23 12:25 未茉 阅读(51) 评论(0) 推荐(0)
flex布局
摘要：
直接在父元素上 display: flex;justify-content: center; align-items: center; 内部子元素会自动水平居中 默认：flex-direction（滴瑞爱格寻）: row （肉） 水平方向 column（靠冷） 垂直方向 加row-reverse（瑞 阅读全文
posted @ 2022-02-23 12:20 未茉 阅读(37) 评论(0) 推荐(0)
CSS3的新特征
摘要：
CSS3的新特征有：答：一：选择器1.基本选择器2.属性选择器3.伪类选择器二：1.边框border2.圆角border-radius3.盒阴影box-shadow三：背景与渐变1.背景background-image2.渐变：让一个元素在一个坐标系统中变形，这个属性包含一系列的变形函数，可以移动， 阅读全文
posted @ 2022-02-23 12:18 未茉 阅读(64) 评论(0) 推荐(0)
HTmL5 新特性 块级 行内
摘要：
块级元素有哪些：center div form h1– h6 hr ul ol table p行内元素有哪些：span a br img input select 块级元素： 霸占一行，不能与其他任何元素并列。 能接受宽高，如果不设置宽度，那么宽度将默认变为父级的100%。 行内元素： 与其他行内元 阅读全文
posted @ 2022-02-23 12:13 未茉 阅读(45) 评论(0) 推荐(0)
JS - API集 判断数组
摘要：
判断是否为数组 let ary = [1,2,3,4]console.log(ary.constructor==Array) //true （看斯假各特） indexOf() 查找字符下标 存在返下标 不存在返-1join('-') : 按照指定的字符 - 分割cancat() : 拼接数组 arr 阅读全文
posted @ 2022-02-23 12:07 未茉 阅读(47) 评论(0) 推荐(0)
浙公网安备 33010602011771号