-
Mar022022
微前端qiankun坑点总结
前言 由于一个后台项目整合了多个系统,并且由多个团队共同维护,项目开发迭代排期及测试、上线的时间节点都不一样,并且后台项目前端代码都在一个git仓库,使得不同团队不同功能代码合并冲突不断并不易统一版本,开发测试也相互影响。其二,项目在同一个服务上代码体积变得越来越大,部署时间变慢。此外相同服务下的公共代码体积也会变大,进而会影响页面加载速度。因此非常有必要将...阅读全文抢沙发
-
Jul162020
vue中使用v-for循环,动态绑定失效解决方法,循环列表显示/隐藏单独控制实例
问题场景: 在vue的v-for循环中使用的数组数据list中属性不是在data初始化声明的,而是在后端接口数据返回时动态添加的属性,此时在页面dom中绑定失效。 问题描述:在v-for循环中,如果我们在函数中改变了item中的值,在console.log()中查看是修改成功了,但在页面中没有及时刷新改变后的值。 解决方法:使用vue自带的 this.$forceUpdate() 迫使 Vue 实例重新渲染。注意它仅仅...阅读全文作者:cywcd | 分类:javascript | 阅读: 12,275 次 |
-
Nov262019
js异步编程的解决方案全解析
js异步编程的解决方案全解析 理解什么是同步和异步? Javascript语言的执行环境是"单线程"(single thread)。 所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。 这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常...阅读全文作者:cywcd | 分类:javascript | 阅读: 5,644 次 | 标签:异步编程
-
Oct282019
vue项目前端性能优化总结
1. 在vue中v-for和v-if不要放在同一个元素上使用。 由于 v-for 和 v-if 放在同一个元素上使用会带来一些性能上的影响. 官方给出的建议是在计算属性上过滤之后再进行遍历。 2. 动态加载组件。 在同一个页面中如果不需要立刻展示的组件,可以使用动态组件(动态组件主页面加载是不会加载,等到触发条件时才加载该组件,并且加载一次后就有缓存)。 3. 路由懒加载 当打包构建...阅读全文
-
Aug262019
全面理解WebSocket与Socket、TCP、HTTP的关系及区别
1.什么是WebSocket及原理 WebSocket是HTML5中新协议、新API。 WebSocket从满足基于Web的日益增长的实时通信需求应运而生,解决了客户端发起多个Http请求到服务器资源浏览器必须要在经过长时间的轮询问题,实现里多路复用,是全双工、双向、单套接字连接,在WebSocket协议下服务器和客户端可以同时发送信息。 原理: WebSocket 同 HTTP 一样也是应用层的协议,但是它是一种双向通信协议,...阅读全文
-
Aug062019
create-react-app创建react项目踩坑总结
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. 如运行npm run ejec...阅读全文
-
May132019
js的循环遍历方法总结
js的循环遍历方法总结 一、原生的 js 循环 for - 循环代码块一定的次数。 for/in - 循环遍历对象的属性。 while - 当指定的条件为 true 时循环指定的代码块。 do/while - 同样当指定的条件为 true 时循环指定的代码块。 forEach - 方法用于调用数组的每个元素,并将元素传递给回调函数。 map - 返回一个新数组,数组中的元素为原始数组元素调用函数处...阅读全文作者:cywcd | 分类:javascript | 阅读: 3,404 次 | 标签:js循环
-
Feb202019
JS对象的深拷贝和浅拷贝的总结
对象拷贝首推简单有效的方法:JSON.stringfy()和JSON.parse()即可搞定。但是这种简单粗暴的方法有其局限性。当值为undefined、function、symbol 会在转换过程中被忽略...所以,对象值有这三种的话用这种方法会导致属性丢失。 利用window.JSON的方法做深拷贝存在2个缺点: 如果你的对象里有函数,函数无法被拷贝下来 无法拷贝copyObj对象原型链上的属性和方法 弄懂...阅读全文评论关闭
-
Nov272018
vue路由传参和router使用技巧总结
路由作为单页面应用连接页面的桥梁,而参数在其中扮演着非常重要的角色,在两座之间桥梁是否能够连接成功起着重要作用。 在vue中根据vue-router官网,我们知道vue路由组件传参提供了三种基本的传参方式:布尔模式、对象模式、函数模式;具体查看官网:路由组件传参 了解完了路由组件传参原理以后,接下来我们总结一下路由传参的方法和技巧: 路由传参方案 路由传...阅读全文
-
Nov272018
解决window下使用cmd运行node安装报错: npm ERR! code EIO
最近在推进多个不同项目中使用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命令提示符中存在Unicode...阅读全文