![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
shiningchen322
快乐工作,快乐生活。
展开
-
VUE添加动态路由,退出重新登录后页面报提示:路由重复 [vue-router] Duplicate named routes definition: {
VUE添加动态路由,退出重新登录后页面报提示:路由重复 [vue-router] Duplicate named routes definition: {原创 2022-11-21 10:08:26 · 1022 阅读 · 0 评论 -
项目优化:echarts与lodash的按需加载
项目优化:echarts与lodash的按需加载转载 2022-06-10 17:08:47 · 827 阅读 · 0 评论 -
VUE双向绑定的原理(简单版)+虚拟DOM 节点的创建和更新
VUE双向绑定原理原创 2022-06-09 17:40:36 · 687 阅读 · 0 评论 -
自定义ElementUI el-table 的列tooltip,解决当tooltip文字多(超过1000字),高度不够一直闪,不显示的问题,主要还是max-width的设置,别无他法,就加大最大宽度
<el-table-column min-width="130" prop="remark" label="原因" align="left" header-align="left" ...原创 2022-05-27 17:13:12 · 3240 阅读 · 0 评论 -
使用patch-package定制化node_modules依赖包
郑重申明:本人不是原创,只是没有原文链接,在原文的基础上修改了一下,希望帮到大家,谢谢使用背景:很多时候我们使用的依赖包不能完全满足我们的需求,尤其是一些第三方的ui库需要我们进行定制化开发。但是,我们修改对应文件以后,你的小伙伴拉取代码再次npm install一下,你的修改就会被覆盖掉,这样就带来很大困扰。当然你可以选择复制源码,再根据自己的需求进行修改自己封装一个组件,但是这样工作量相对较大,比较麻烦。解决方案:我们可以通过使用patch-package对依赖包打补丁的方式,后续我们无论使转载 2022-03-18 15:25:07 · 503 阅读 · 0 评论 -
npm install 不更改 package-lock.json 文件的解决方法
package-lock.json 文件是版本锁定文件package-lock.json 是在 `npm install` 时候生成的一份文件,用以记录当前状态下实际安装的各个 npm package 的具体来源和版本号。package-lock.json 文件的作用锁定安装时的包的版本号,并且需要上传到 git,以保证其他人在 `npm install` 时大家的依赖能保证一致。为了防止各个开发者采用各个依赖一致性原则, 下载其他人合并之后的依赖时应采用:npm install --no-转载 2022-03-18 15:10:57 · 990 阅读 · 0 评论 -
DOM的解析渲染流程
DOM的解析渲染流程一、大致分为五步: 1.解析HTML 2.构建DOM树 3.DOM树与CSS样式进行附着构造呈现树 4.布局 5.绘制二、解析渲染过程 1.DOM Tree:浏览器将HTML解析成树形的数据结构。 2.CSS Rule Tree:浏览器将CSS解析成树形的数据结构。 3.Render Tree: DOM和CSSOM合并后生成Render Tree(渲染树)。 4.layout: 有了Render Tree,浏览器已经能知道网页转载 2021-05-25 10:57:49 · 783 阅读 · 0 评论 -
CommonJS、AMD、 CMD 和 ES6模块化的对比
commonJS es6require 支持 支持export/import 不支持 支持exports/module.exports 支持 不支持--------------------------------------------------commonJS: 输出:值拷贝 加载方式:对象es6 输出:引用,也就是地址 加载方式:静态代码块--------------------------------------------------common...原创 2021-04-01 17:50:49 · 109 阅读 · 0 评论 -
JS数组实现栈
function Stack () { this.list = []; Stack.prototype.push = (item) => { this.list.push(item); } Stack.prototype.pop = () => { this.list.pop(); } Stack.prototype.size = () => { return this.list.len.原创 2021-03-29 10:57:52 · 433 阅读 · 0 评论 -
输入N个随机整数,大小取值范围在1-N之间,且不能有重复
const aa = 12let bb = new Array(aa)for(let i = 0; i < bb.length; i++) { const cc = parseInt(Math.random() * aa) + 1; if(bb.indexOf(cc) === -1) { bb[i] = cc; } else { i--; }}bb.sort((a, b) => a-b)// bb的结果 [1, 2,.原创 2021-03-25 17:59:00 · 230 阅读 · 0 评论 -
【前端】webpack、npm、node、nodejs之间的关系
简略:1、手撸HTML,CSS,JS的时代已经过去,前端产品,不再是手撸HTML了,他们会先安装node.js,用npm,用webpack,用yarn,用各种cli。2、vue-cli是一个vue项目的脚手架,可以快速的构建一个vue的基于npm的模块化项目,vue内部的打包机制其实还是借助webpack;3、webpack是一个打包工具,可以帮你把你通过模块化开发的项目 打包为简洁版的浏览器可识别的静态资源;4、npm包管理工具传统的HTML,CSS,JS管理太繁杂...转载 2021-01-14 11:18:32 · 976 阅读 · 0 评论