问题场景： 在vue的v-for循环中使用的数组数据list中属性不是在data初始化声明的，而是在后端接口数据返回时动态添加的属性，此时在页面dom中绑定失效。   问题描述：在v-for循环中，如果我们在函数中改变了item中的值，在console.log()中查看是修改成功了，但在页面中没有及时刷新改变后的值。   解决方法：使用vue自带的 this.$forceUpdate() 迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。   …

CSS命名规范—BEM思想 BEM是什么： BEM是一种非常有用、功能强大、简单的CSS命名约定，它使您的前端代码更易于阅读和理解，易于使用，易于扩展，更健壮，更容易协作，更容易控制。   团队开发痛点： 在团队开发中，由于缺乏规范，样式管理一直是开发中的痛点，样式污染，难以定制化，依赖性高，各种问题层出不穷。   css的样式应用是全局性的，没有作用域可言。考虑以下场景 场景一：开发一个弹窗组件，在现有页面中测试都没问题，一段时间后，新需求新页面，该页面一打开这个弹窗组件，页面中样式都变样了，…

js异步编程的解决方案全解析 理解什么是同步和异步？ Javascript语言的执行环境是"单线程"（single thread）。 所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任务无法…

1. 在vue中v-for和v-if不要放在同一个元素上使用。 由于 v-for 和 v-if 放在同一个元素上使用会带来一些性能上的影响. 官方给出的建议是在计算属性上过滤之后再进行遍历。 2. 动态加载组件。 在同一个页面中如果不需要立刻展示的组件，可以使用动态组件（动态组件主页面加载是不会加载，等到触发条件时才加载该组件，并且加载一次后就有缓存）。 3. 路由懒加载 当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才…

1.什么是WebSocket及原理 WebSocket是HTML5中新协议、新API。 WebSocket从满足基于Web的日益增长的实时通信需求应运而生，解决了客户端发起多个Http请求到服务器资源浏览器必须要在经过长时间的轮询问题，实现里多路复用，是全双工、双向、单套接字连接，在WebSocket协议下服务器和客户端可以同时发送信息。 原理： WebSocket 同 HTTP 一样也是应用层的协议，但是它是一种双向通信协议，是建立在 TCP 之上的。 2.理解各种协议和通信层、套接字的含义 IP：网络层协议；（…

create-react-app 创建项目,运行eject生成配置文件， 运行eject，暴露webpack配置，报错及产生的相关问题分享 1. npm run eject 运行eject命令报错处理方案： 主要问题是脚手架添加.gitgnore文件，但是却没有本地仓库 create-react-app project cd project git init git add . git commit -m "saving before ejecting" npm run eject **注: 此操作不可逆 2. 如…

js的循环遍历方法总结 一、原生的 js 循环 for - 循环代码块一定的次数。 for/in - 循环遍历对象的属性。 while - 当指定的条件为 true 时循环指定的代码块。 do/while - 同样当指定的条件为 true 时循环指定的代码块。 forEach - 方法用于调用数组的每个元素，并将元素传递给回调函数。 map - 返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 filter - 创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 some - 是…

对象拷贝首推简单有效的方法：JSON.stringfy()和JSON.parse()即可搞定。但是这种简单粗暴的方法有其局限性。当值为undefined、function、symbol 会在转换过程中被忽略...所以，对象值有这三种的话用这种方法会导致属性丢失。 利用window.JSON的方法做深拷贝存在2个缺点: 如果你的对象里有函数,函数无法被拷贝下来 无法拷贝copyObj对象原型链上的属性和方法 弄懂深拷贝的相关问题需要的前置知识: 理解JS里的引用类型和值类型的区别,知道Obj存储的只是引用 …

路由作为单页面应用连接页面的桥梁，而参数在其中扮演着非常重要的角色，在两座之间桥梁是否能够连接成功起着重要作用。 在vue中根据vue-router官网，我们知道vue路由组件传参提供了三种基本的传参方式：布尔模式、对象模式、函数模式；具体查看官网：路由组件传参 了解完了路由组件传参原理以后，接下来我们总结一下路由传参的方法和技巧： 路由传参方案 路由传参方法一： 1. 路由配置 2. 使用方法 // 直接调用$router.push 实现携带参数的跳转url 3，获取方法（在describe页面） 使用以上方法可…

最近在推进多个不同项目中使用nvmw管理不同的node版本，其中有一个项目之前使用对应的node版本npm run dev 和 npm install 都是正常的，切换回项目node版本，再次使用npm run dev 时却报错： npm ERR! code EIO npm ERR! errno -4070 npm ERR! syscall read npm ERR! EIO: i/o error, read 经过查询资料了解到是因为windows的cmd 系统编码问题，在Windows命令提示符中存在Unicod…