2022年2月23日

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)

key得作用

摘要: 是唯一标识符 修改时方便寻找dom节点 提高渲染效率 阅读全文

posted @ 2022-02-23 14:16 未茉 阅读(24) 评论(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)

导航