![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 59
全栈练习生
全栈/前端开发工程师
展开
-
实现一个自定义前端脚手架
什么前端脚手架?前端脚手架是一种工具,用于快速搭建前端项目的基础结构,提供了一套约定和标准,帮助开发人员快速启动项目开发。常见的前端脚手架包括Create React App、Vue CLI、Angular CLI、@nestjs/cli等。我为什么要写一个自己的前端脚手架?过去一年里,因为前端业务的需要,自己编写了一个前端脚手架,并在前端业务中应用,快速搭建项目,遵循最佳实践,提高开发效率。自定义脚手架可以减少重复性的工作,不再需要复制其他项目再删除无关代码,或者从零创建一个项目和文件。原创 2024-08-01 12:07:46 · 486 阅读 · 0 评论 -
nodemon:无法加载文件 C:\Users\*\AppData\Roaming\npm\nodemon.ps1因为在此系统上禁止运行脚本。‘.‘ 不是内部或外部命令,也不是可运行的程序或批处理文。
在Windows PowerShell等终端输入(npm、cnpm、nodemon)运行项目命令时,被提示无法加载文件,系统禁止运行脚本。具体错误描述如下图:这个错误通常是由于Windows系统安全策略导致的,系统会默认阻止运行某些脚本文件。系统阻止某些脚本运行,时为了保护系统不被恶意脚本入侵。原创 2023-06-16 15:45:55 · 6726 阅读 · 1 评论 -
前端实现水印防篡改
水印很难不被篡改,因此我们必须给水印修改做一定的篡改防范,让用户不那么容易修改。然后使用watchEffect()重新制作水印。当用户删除水印元素或修改水印样式时,通过判断MutationObserver捕获到元素的变化,确定是否执行flag.value++,从而触发watchEffect()重新执行绘制水印操作,也就达到了防止水印被篡改的效果。使用该组件必须专递水印文本,水印字体默认30,各水印间隙默认为20。用户可能会右键检查元素并删除水印,所以我们需要监控用户删除或修改水印元素时,重新生成水印元素。原创 2023-05-31 15:09:44 · 1085 阅读 · 0 评论 -
优化Webpack打包时产生的错误uglifyjs / terser
在学习webpack优化打包时,发生的打包错误。使用uglifyjs-webpack-plugin或terser-webpack-plugin插件优化打包,都会报这样的错误。直接执行打包Webpack命令,是没有问题,就是配置vue.config.js之后,不行了。当然,也找到一些回答,说是webpack版本与插件版本不对应产生的。找了半天暂时还没有解决,大家有什么好的解决方案吗?vue.config.js配置。原创 2023-04-14 23:46:16 · 692 阅读 · 0 评论 -
vue-cli(webpack)自动注入全局Sass或Less样式
在vue项目中,我们并不能像*.css一样,直接在项目入口main.js导入Sass/Less样式。那么,我们应该如何导入Sass/Less的全局样式呢。原创 2023-02-27 21:05:23 · 850 阅读 · 0 评论 -
修改element-ui中el-select下拉菜单箭头的位置
需求:让el-select下拉选择箭头的位置与选项中的文字竖直对齐。原创 2023-02-26 11:48:39 · 2004 阅读 · 0 评论 -
JSON.stringify()方法 和 JSON.parse()方法
JSON.stringify()和JSON.parse()是一对处理JSON数据的方法,前者是将JSON对象序列化为字符串,而后者是将JSON字符串解析为JSON对象。原创 2023-02-16 21:02:25 · 997 阅读 · 0 评论 -
使用reduce()+ arguments.callee() 方法实现不规则的多维数组扁平化
数组扁平化 是指将数组中不规则的多维数组去除维度,使其变成为一维数组。原创 2023-02-14 22:39:42 · 125 阅读 · 0 评论 -
使用FileReader + canvas.toDataURL() 实现图片压缩
主要借助FileReader读取文件、canvas的toDataURL(压缩后图片的格式, 要压缩图片的质量0~1)方法实现图片质量压缩。原创 2023-02-11 23:09:38 · 1099 阅读 · 0 评论 -
npm install -g/--save-dev/--save
npm install -g/--save-dev/--save安装包位置转载 2022-07-31 18:54:00 · 337 阅读 · 0 评论