- 博客(32)
- 收藏
- 关注
RSS订阅原创 js面试准备
以前是叫宏队列、微队列，微队列的优先级高于宏任务，根据最新的w3c给出的说明，不再有宏队列的叫法了，以为简单的宏队列已经不能满足当下复杂的业务了，于是有了延时队列、交互队列、微队列等，当一个延时函数先会由计时线程处理，然后放到延时队列里面，然后主线程根据队列的优先级。函数调用前创建的一个对象，用来保存函数内部的执行环境，也叫执行期上下文，函数执行完后销毁，函数里面定义的变量，将会作为AO对象的属性，这也就解释了局部变量的概念；比如：浏览器进程负责顶部的窗口标签栏的渲染，交互，不包括页面的内容；
2023-04-07 10:40:46
154
原创 前端脚手架z-start
是一个使用commander、inquirer、chalk等技术实现的一个`本地脚手架`，让你不需要剥洋葱一样，一层一层的找目录，可以在任何目录打开你的项目
2023-03-17 16:16:46
183
原创 zCrud组件(vue2封装增删查改到一个组件)
vue使用elementUI框架封装新增、查询、编辑、删除、批量删除、分页等功能与一体的组件，并支持自定义组件；
2023-03-14 15:31:14
554
原创 vue3图片懒加载指令(typescript)
图片懒加载能减少服务器压力，比如一个前台展示网站，里面包含很多图片，如某宝它有很多商品的图片，但是用户不一定会浏览完整的网页，用户可能从某个分类的入口进入到了别的页面，那么就会造成加载了这么多的图片，压根没人看的境地
2023-02-26 00:37:10
284
原创 Nuxt3+Typescript+Unocss开源官网项目
这是一个开源的SSR服务端渲染响应式项目，可自己稍微改造成官网或者个人网站nuxt3+ts开源项目提示：项目中的公司、文案描述都是胡编乱造的，纯属虚构。
2023-02-23 10:28:28
1256
转载 总结前端换肤的 N 种方案
最近在做网站换肤的需求，也就是主题切换。那么如何切换主题的颜色呢？以下是网站换肤的实现以及基于换肤拓展的一些方案分享给大家，希望大家在做类似需求的时候能够有些参考
2023-02-07 11:10:44
661
原创 免费的在线画图编辑器excalidraw
excalidraw是一款专门用于画图的。github在已经有41k+的Star。的在线编辑器，可用于梳理逻辑的草图。
2023-02-06 22:45:20
410
原创 内务穿透(远程办公,部署公网网站到你家里电脑)
1.可以在家里访问公司的局域网2.可以在公司访问家里的局域网3.如果你的服务器性能不够，你也可以通过内务穿透部署到你家里的电脑，然后通过公网可以访问你家里所部署的网站；4.疫情时代，居家办公时，可以用来前后端联调；
2023-02-06 16:17:55
195
原创 DocumentFragment
对于document.createDocumentFragment()，所有浏览器都支持（包括IE6），而构造函数方法就不是所有浏览器都有效了（IE没有实现该方法）。通常的用例是创建文档片段，将元素附加到文档片段，然后将文档片段附加到 DOM 树。在 DOM 树中，文档片段被其所有的子元素所代替。它被作为一个轻量版的 Document 使用，就像标准的 document 一样，存储由节点（nodes）组成的文档结构。与 document 相比，最大的区别是它不是真实 DOM 树的一部分，
2023-02-02 10:00:19
896
原创 前端规范(四)之husky+lint-staged+commitizen+commitlint
如果按照之前的章节所论述的那样，为了适用ESlint、Prettier、Stylelint我们需要执行下面的很多的命令,然而我们可以在husky的pre-commit钩子中自动帮我们执行下面的命令，也就是说我们只管提交代码。此后执行npx cz，就相当于执行git commit，不过npx cz会以命令行的方式让我们填写commit的信息，如下图所示，以交互的形式。自动触发命令，可以有效避免漏执行命令的出现，让我们的开发更为的规范，同时适用commitlint让我们的git commit的内容更为规范。
2023-01-31 18:50:00
4184
原创 前端规范(二)之Prettier
Prettier规范的是代码偏向于排版层面上的风格，也就是增加代码的阅读性层面上的；ESlint,它规范的是代码偏向语法层面上的风格。比如说不能使用console，箭头函数参数必须包裹在括号中等等；这两个工具的侧重点不同，从目前较多开源项目中开，绝大多数采用eslint+prettier来归档代码；
2023-01-31 14:15:32
4061
原创 前端规范(一)之ESlint以及@antfu/eslint-config
本文将记录工作中eslint相关的内容，常用的配置、插件等；团队项目中规范尤其重要，否则合并代码的时候会有大量冲突出现；通过eslint和vscode工作区的setting.json设置能有效的使团队的规范保持一致；
2023-01-30 17:57:33
15901
1
原创 推荐个快速构建本地环境的工具(小皮面板)
近期在学习后端java，后端涉及到mysql、redis、有时候后端启动了多个端口还会用到nginx反向代理到不同的后端端口，这个软件简直就是一个神器，能基本满足你的环境需求；同时也希望后续小皮能把rabbitmq、ssh终端管理器等这些也加入到小皮的应用商城里面去。
2023-01-30 12:00:31
866
原创 verdaccio(npm私服)
Verdaccio 是一个简单的、轻量级的本地私有 npm 私服。无需整个数据库即可开始！Verdaccio 开箱即用，拥有自己的小型数据库。
2023-01-30 10:21:07
139
原创 nvm的使用
NVM全称node.js version management ，专门针对node版本进行管理的工具，通过它可以安装和切换不同版本的node.js。
2023-01-30 10:03:36
41
原创 前端自动化部署jenkins+gitee一个博客系统vuePress项目
前端自动化部署jenkins+gitee一个博客系统vuePress项目,由于我的是博客系统，每次写文档后都要手动部署，于是实践了jenkins+gitee，vue项目也是同样的操作。
2023-01-19 22:39:10
346
原创 数据大屏项目Vue3+TypeScript+tailwindcss+Vite+DataV+Echart+pinia
本着学习vue3+ts技术栈的目前，敲了这个项目。主要的技术栈为Vue3、Vite、DataV、Echart、TypeScript、pinia、vue-router、 tailwindcss等数据的接口使用的是163的接口，此项目使用到的数据可能存在误差，正确的数据请到相关网站查阅,此项目主要的侧重于前端技术站栈的练习,不在于数据本身。注意：本地dev已经配置好vite代理，部署到nginx请设置nginx代理才能调用163疫情接口此项目源码于github,地址如下，如果此项目对你有帮助，麻烦点个小星星wf
2022-12-06 14:22:03
4520
1
原创 手撸一套原子类css(类似tailwindcss、unocss、windcss)
用最少的代码手敲一套原子类css，共计约1100个左右的常用样式；关于增加1100个左右的样式会不会增加项目体积，新项目的大小约8kb,加上1100个样式后为45kb；github仓库地址：wfxt0911/atomicClass: 原子类css (github.com)如果该示例对你有启发，希望您给个Star
2022-11-11 18:00:14
4302
原创 hooks表格封装useTable
在学习vue3中，极致的hook封装，业务与视图分离已经成为趋势。 于是试着封装成适用于自己项目的通用型useTable，视图使用elementPlus的el-table和el-pagination,视图不做过多赘述。
2022-11-08 16:56:23
1786
原创 vite配置gzip压缩
前段时间由于贫穷，用了家里的电脑做服务器，白嫖了同事的frp,映射到同事的服务器，达到可以公网访问的目的，预感到frp相对会慢一点点，没想到这么慢 ，发现vite打包后的部分js文件过大，导致首屏加载慢等用户体验及其不佳的现象，如下图所示，js文件高大1.2M，实在接受不了，必须对vite打包优化。
2022-11-07 11:39:05
7957
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人