- 博客(14)
- 收藏
- 关注
RSS订阅原创 前端国际化全流程解决方案
通过使用该一键式国际化解决方案插件，我们大大简化了项目的国际化过程，提高了开发效率和代码质量。开发人员可以更专注于业务逻辑的实现，而无需花费大量时间和精力在翻译和替换上。这一智能化的国际化方案为多语言版本的开发提供了便利，也为项目的国际化需求提供了更好的解决方案。朋友们，如果您觉得这款插件对您有帮助，欢迎访问我的GitHub您可以在该地址找到插件的详细文档、使用示例以及源代码。我会持续追加新特性和改进已有功能，让插件变得更加优质。不知是否有兴趣帮我们点个Star支持一下呢？
2024-06-25 20:42:27
708
原创 如何做组件库的单元测试
前言在我们开发完一个组件库的后，在做单元测试时，代码覆盖率常常被拿来作为衡量测试好坏的指标，甚至，用代码覆盖率来考核测试任务完成情况，比如，代码覆盖率必须达到80％或 90％。于是乎，测试人员费尽心思设计案例覆盖代码。用代码覆盖率来衡量，有利也有有弊。首先，让我们先来了解一下所谓的“代码覆盖率”。我找来了所谓的定义：代码覆盖率 ＝ 代码的覆盖程度，一种度量方式。关于如何开发组件库，可看这篇：如何基于vue开发ui组件库（heaven-ui）单元测试英文叫 Unit Testing，又称为模块测
2022-04-26 17:48:44
1003
原创 pm2的基本使用
PM2PM2 是一个带有负载均衡功能的 Node 应用进程管理器。主要特性：内建负载均衡（使用 Node cluster 集群模块） 后台运行 0 秒停机重载 具有 Ubuntu 和 CentOS 的启动脚本 停止不稳定的进程（避免无限循环） 控制台检测 提供 HTTP API 远程控制和实时的接口 API（Nodejs 模块，允许和 PM2 进程管理器交互）全局安装pm2npm install -g pm2复制代码启动进程pm2 start app.js//
2022-02-19 17:02:32
613
原创 如何搭建一个自己的脚手架
脚手架搭建脚手架的目的就是快速的搭建项目的基本结构并提供项目规范和约定。目前日常工作中常用的脚手架有 vue-cli、create-react-app、angular-cli 等等，都是通过简单的初始化命令，完成内容的快速构建。其实我们也可以用git clone url来新建（复制）项目，再 low 一点的方法就是复制粘贴整个文件夹，一样也能达到初始化的目的。脚手架的本质也是从远程下载一个模板来进行一个新项目，但是脚手架可是高级版的克隆，它主要是提供了交互式的命令让我们可以动态的更改模板，然后用一句
2022-02-19 16:54:39
1919
原创 TypeError: token.type.endsWith is not a function vue eslint 报错问题修复
问题现象维护了很久的vue项目，发现 eslint 会报错token.type.endsWith is not a function问题原因babel-eslint npm包已被弃用，我们无法在下载到这个包，导致项目缺少依赖报错问题解决将弃用的babel-eslint换成@babel/eslint-parser即可移除babel-eslint添加："eslint": "7.30.0","eslint-plugin-vue"...
2021-12-11 20:08:44
2810
1
原创 Git提交规范保护
Git 规范Git 作为现在最流行的分布式管理工具，基本上是每个团队的必备。Git Commit格式校验准备commitlint/cli用于格式校验准备husky用于git提交代码时触发校验huskyhusky 是创建 git 客户端 hooks 的神器。目前最新版本是 7.*，文档在这里(opens new window)初始化 husky 只需要三步。首先要安装：$ npm i husky --save-dev执行下面的脚本，会初始化一个 .husky 目录：$ npx hu
2021-11-25 18:58:23
206
原创 搭建组件库文档
前言在我们开发完一个组件库的时候，需要有一个组件说明文档，文档页面是最直接的获取信息的窗口。而文档页一般包含了这些信息：组件的描述组件 Demo 示例的展示、描述和源码组件的参数文档组件说明文档是让其他人了解组件库的关键环节，包括组件库的适用范围（pc端，移动端，轻量级还是重量级），兼容浏览器的版本，设计原则和背景，以及社区生态，使用方法等。关于如何开发组件库，可看这篇：heaven-ui文档生成这里推荐 vuepress ，可以快速帮我们完成组件库文档的建设。(https://vue
2021-08-21 17:20:57
432
原创 什么是XSS？
什么是XSS呢跨网站指令码（英语：Cross-site scripting，通常简称为：XSS）是一种网站应用程式的安全漏洞攻击，是[代码注入]的一种。它允许恶意使用者将程式码注入到网页上，其他使用者在观看网页时就会受到影响。这类攻击通常包含了 HTML 以及使用者端脚本语言。XSS 分为三种：反射型，存储型和 DOM-based如何攻击XSS 通过修改 HTML 节点或者执行 JS 代码来攻击网站。例如通过 URL 获取某些参数<!-- http://www.domain.com?n
2021-07-13 15:44:02
443
原创 什么是Event loop
众所周知 JS 是门非阻塞单线程语言，因为在最初 JS 就是为了和浏览器交互而诞生的。如果 JS 是门多线程的语言话，我们在多个线程中处理 DOM 就可能会发生问题（一个线程中新加节点，另一个线程中删除节点），当然可以引入读写锁解决这个问题。JS 在执行的过程中会产生执行环境，这些执行环境会被顺序的加入到执行栈中。如果遇到异步的代码，会被挂起并加入到 Task（有多种 task） 队列中。一旦执行栈为空，Event Loop 就会从 Task 队列中拿出需要执行的代码并放入执行栈中执行，所以本质上来说 J
2021-06-19 12:38:51
72
原创 深入剖析webpack
背景说到构建工具，我往往会在前面加「自动化」三个字，因为构建工具就是用来让我们不再做机械重复的事情，解放我们的双手的。什么是前端自动化？前端工程师需要维护的代码极为庞大和复杂，代码维护、打包、发布等流程也变得极为繁琐，同时浪费的时间和精力也越来越多，当然人为的错误也随着流程的增加而增加了更多的出错率。致使每一个团队都希望有一种工具，能帮助整个团队在开发中能精简流程、提高效率、减少错误率。随之讨论自动化部署也越来越多，并且国内很多大型团队也都有自己成熟的自动化部署工具。常用的构建工..
2021-06-12 18:02:43
231
原创 如何基于vue开发ui组件库（heaven-ui）
前⾔Vue是⼀套⽤于构建⽤户界⾯的渐进式框架,⽬前有越来越多的开发者在学习和使⽤。⽽组件库能帮我们节省开发精⼒，⽆需所有东⻄都从头开始去做，通过⼀个个⼩组件拼接起来，就得到了我们想要的最终⻚⾯。在⽇常开发中如果没有特定的⼀些业务需求，使⽤组件库进⾏开发⽆疑是更便捷⾼效，⽽且质量也相对更⾼的⽅案。本⽂阐述了如何基于vue⼀步步完成⼀个UI组件库的打造。组件库官⽹github地址npm地址⼀、技术栈我们先简单了解⼀下要搭建⼀个UI组件库，会涉及到哪些技术栈，下⾯是我选⽤的内容：..
2021-05-23 12:48:00
470
原创 升级webpack 5实战
一、背景本次对公司项目进行webpack的升级 ， 原有版本是webpack4.42.1， 本次升级目标是webpack5.28.0，已经是很新的版本了。目标，升级Webpack5，应用长效缓存，提升构建速度。二、步骤按照官网升级文档"vue-loader": "^15.9.6","terser-webpack-plugin": "^5.1.1","style-loader": "^2.0.0","mini-css-extract-plugin": "^1.4.0...
2021-05-19 14:04:28
2022
原创 vite初体验
Vite —— 一种新的、更快地 web 开发工具。vite 是什么vite —— 一个由 vue 作者尤雨溪开发的 web 开发工具，它具有以下特点：1.快速的冷启动 2.即时的模块热更新 3.真正的按需编译Vite介绍Vite，一个基于浏览器原生 ES imports 的开发服务器。利用浏览器去解析 imports，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。同时不仅有 Vue 文件支持，还搞定了热更新，而且热更新的速度不会随着模块增多而变慢。针对生产环境.
2021-05-19 14:02:53
488
4
原创 微信小程序如何快速的申请开通流量主
1、先开发小程序，小程序需要有亮点，毕竟新颖（这样别人才更好去点击查看）2、条件是独立访客（UV）不低于1000，1000人说多不多，说少也不少，因为小程序是没有链接的，是不可以进行一个流量刷取的，独立访客是需要1000个实实在在的用户，并不是访问量。3、开发好小程序之后，自己要为自己宣传，前提小程序需要做的完美，小程序一定要做分享功能，将小程序分享到个人、微信群、朋友圈，这样估计很容易就达到几百了。4、后续可以去各种论坛发帖，切记不要恶意刷用户量，会导致小程序被封5、等达到1000用户量，
2021-04-13 14:22:47
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人