- 博客(46)
- 收藏
- 关注
RSS订阅原创 后台项目总结
1、CSS样式：项目展示页面可分为头部，侧边导航栏，内容三部分，可使用element-ui里的布局容器进行布局。头部使用弹性盒子均匀分布。侧边导航栏使用element-ui组件。通过collapse为true或false控制是否折叠。主体内容是设置子路由，将子路由的内容放入一个坑里。{
2022-11-06 23:05:33
721
原创 v-if和v-for的优先级
使用v-for时建议设置key值，并且保证每个key值是独一无二的，这便于diff算法进行优化。2、同时使用需要在外层嵌套盒子，在外层进行v-if判断，在内层进行v-for循环。用于条件性地渲染一块内容，这块内容会在指令的表达式返回true时被渲染。基于一个数组来渲染一个列表。1、v-if和v-for不能同时使用。形式的特殊语法，其中。
2022-10-21 18:49:01
2069
原创 EventLoop 事件循环
JS还有一种异步执行机制，就是遇到宏任务，先将宏任务放入任务队列，再将微任务放入微任务队列，但是，这两个队列不是一个队列。当你往外拿的时候先从微任务队列里拿这个回调函数，然后再从宏任务的队列里拿宏任务的回调函数，也就是宏任务是先进后出,微任务后进先出。JS异步执行的机制为，先执行主线程上的同步任务，同步任务执行完之后，读取任务队列，哪些任务准备完毕就结束等待状态，进入执行栈，开始执行。这个过程会循环反复，叫做事件循环（EventLoop）在理解事件循环之前需要知道js的同步异步，以及宏任务微任务。
2022-10-20 19:20:43
479
原创 v-show与v-if
如果在运行时条件很少改变，则使用v-if较好，例如：用户登录之后，根据他的权限不同来显示不同的内容。如果需要非常频繁地切换，则使用v-show 较好，例如：手风琴菜单，tab切换等。
2022-10-20 18:57:44
383
原创 vue中的key
推荐使用数据的唯一标识作为key，比如id，身份证号，手机号等等，通常这些数据由后端提供。后续操作不破坏原来数据顺序的话，使用index作为key也没有任何问题。新旧虚拟dom会根据key进行对比。（1）新旧dom中有相同的key。key是虚拟dom对象的标识。
2022-10-19 19:01:51
575
原创 async await
使用async await 将异步变为同步，就会存在先执行的代码出错导致下面代码无法执行的问题。await 必须与async 配合使用（async要放在await最近一个函数的外面），否则会报错。es7新增async 函数，async 是异步 的意思，可以用于声明一个异步的 function。解决问题的方法：把await 放到 try 中进行执行，如有异常，就使用catch 进行处理。在await下面的代码必须等待await执行完之后才能再执行。await后面可以是表达式也可以是一个promise，
2022-10-19 17:23:27
139
原创 Promise
promise 是ES6新增的异步编程解决方案，可以用于解决回调地狱问题，能够进行链式调用。resolve 将 promise 状态由 pending 变为 fulfilled，reject 将 promise 状态由 pending 变为 rejected。.finally（）**不管promise对象最后结果如何都会执行。promise 的核心是回调函数。他有三种状态，分别是。promise 构造函数有两个参数，分别是。promise 状态一旦改变就不会再变。执行最先完成的请求结果。
2022-10-19 16:05:47
347
原创 虚拟dom和diff算法
虚拟dom是根据真实dom生成的一个js对象，里面有元素，属性和文本这些与真实dom中的元素，属性，文本一一照应。可以更好地将虚拟节点渲染到页面视图中。
2022-10-18 20:44:03
155
原创 vue的响应式原理
vue.js采用数据劫持结合发布者-订阅者模式，通过Object.defineProperty()来劫持data中各个属性的setter和getter，在数据变动时，发布消息给订阅者，触发响应的监听回调。缺点：vue2使用Object.defineProperty()只能监听单个属性，所以存在数据更新视图不更新的问题。解决方法文章链接：http://t.csdn.cn/aXGBs。
2022-10-18 20:15:45
151
原创 关于git的使用
团队开发合作时要先拉取远程仓库，查看本地分支与远程分支是否一致，然后将自己的分支推送到远程仓库，最后合并分支，每个人加入到对方的分支中。本地合并冲突：两个分支修改了同一个地方，那么在向master主分支合并时就会产生冲突（修改了同一个地方，git不知道以谁为主。远程合并冲突是多个分支向同一个远程分支推送代码发生跟本地冲突一样的问题，解决方法一样，修改后时需小心，要沟通下。（* 注意仓库里不能有空文件，不能有多个.git 文件 * ）把创建的分支合并到master上（不能在原来分支上）
2022-10-18 19:04:41
281
原创 什么是跨域？以及解决跨域的方法？
【学习什么是跨域，以及如何解决跨域。】跨域： 由于浏览器的同源策略引起的，如果说协议、域名、端口号有任何一个不一样，都会引起跨域为什么会出现跨域： 基于安全考虑 出现跨域会报错如图所示： （1）后台改： 后台设置响应头 res.setHeader('Access-Control-Allow-Origin',' *')（2）jsonp ：不会阻止script标签的src属性的请求,前端写一个函数，后端返回函数的调用（3）配置代理 （4）.nginx反向代理
2022-09-27 18:52:22
1171
原创 插槽 slot
插槽是子组件提供给父组件的一种占位符，用 表示。插槽可分为 默认的插槽：可用于父组件向子组件传递用标签包裹的数据 具名插槽 ：起了名字的插槽，可以用于在特定的位置使用插槽 作用域插槽：可用于子组件向父组件传递数据
2022-09-27 18:38:12
173
原创 VUE过滤器
过滤器：对常用文本的格式化操作；一般用于时间、金额等。分为 全局的过滤器和局部的过滤器全局的过滤器：在main.js中定义Vue.filter('过滤器的id/名字',( )=>{ })局部的过滤器：在页面内 和data同一层级filters:{过滤器1( ){ },过滤器2( ){ },...}
2022-09-20 10:00:13
169
原创 JS基础知识点：作用域与作用域链 以及 闭包
简单来说就是函数嵌套函数，函数内部可以调用外部的局部变量，但是外部不能调用内部变量。闭包作用：延长局部变量的执行时间，可以访问到函数内部的变量，并且能使这些变量长期保存在内存中。缺点：闭包长期驻留内存，造成内存泄漏。解决方法： 将暴露在外的闭包设置为null。优点：可以隔离作用域，不造成全局污染。【简单的JS知识点，复习用】
2022-09-16 16:41:39
163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人