自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(307)
  • 收藏
  • 关注

原创 从0到1使用Vite创建一个SSR模版项目

最近找到一个VUE的文档,它将VUE的各个知识点进行了总结,整理成了《Vue 开发必须知道的36个技巧》。内容比较详实,对各个知识点的讲解也十分到位。

2023-02-01 14:15:55 4

原创 初次实践husky+lint工具合集-标准化工作流

到目前为止,回顾开头的目标,我们使用了husky管理git hooks强制性在提交文件阶段做了两件事,在commit-msghook使用commitlint规范commit信息,并且有严格清晰的格式规则;在pre-commithook使用将暂存区文件,小范围内进行格式化,使用eslint校验代码,prettier格式化代码,保证参与项目每个人的代码风格一致。可以尝试按照文章的步骤从0开始,看看效果吧,这样记忆会更加深刻💕。

2023-01-31 19:46:38 12

原创 不对劲,用了vue2.7 composition-api的 ref 方法,页面怎么不更新?

整理了75个JS高频面试题,并给出了答案和解析,基本上可以保证你能应付面试官关于JS的提问。

2023-01-31 15:32:15 13

原创 安装node配置环境变量,安装yarn,安装vue脚手架,vue搭建项目流程

最近找到一个VUE的文档,它将VUE的各个知识点进行了总结,整理成了《Vue 开发必须知道的36个技巧》。内容比较详实,对各个知识点的讲解也十分到位。

2023-01-30 09:46:33 18

原创 动态彩虹渐变字效,靓仔,快拿去装逼

最近还整理一份JavaScript与ES的笔记,一共25个重要的知识点,对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识,提升工作效率。

2023-01-29 20:52:54 24

原创 Webpack完整打包流程分析

webpack在前端工程领域起到了中流砥柱的作用,理解它的内部实现机制会对你的工程建设提供很大的帮助(不论是定制功能还是优化打包)。下面我们基于 webpack5 源码结构,对整个打包流程进行简单梳理并进行实现,便与思考和理解每个阶段所做的事情,为今后扩展和定制工程化能力打下基础。最近找到一个VUE的文档,它将VUE的各个知识点进行了总结,整理成了《Vue 开发必须知道的36个技巧》。内容比较详实,对各个知识点的讲解也十分到位。

2023-01-29 14:53:09 15

原创 Webpack 实践 - optimization.splitChunks

最近还整理一份JavaScript与ES的笔记,一共25个重要的知识点,对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识,提升工作效率。

2023-01-28 16:30:00 22

原创 Vue响应式依赖收集原理分析-vue高级必备

Vue 初始化时就会通过 Object.defineProperty 拦截属性的 getter 和 setter ,为对象的每个值创建一个 dep 并用 Dep.addSub() 来存储该属性值的 watcher 列表。触发依赖收集的阶段是在 beforeMount 时,它会为组件创建一个渲染 Watcher,在执行 render 的过程中就会触发对象的 getter 方法,通过dep.depend()将订阅者收集起来。

2023-01-28 09:29:25 10

原创 vue3组件渲染流程

vue组件树的渲染,是一个深度遍历的过程,从根节点开始寻找可创建真实节点的叶子节点,叶子节点完成真实节点的渲染后,再将其el交给父组件。依次类推,叶子节点将其el交给上一次中间组件,中间组件沿着树交给父级组件,最终会交给根组件。纰漏之处在所难免,请批评指正。最近还整理一份JavaScript与ES的笔记,一共25个重要的知识点,对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识,提升工作效率。

2023-01-18 09:47:01 33

原创 Vue3响应式原理以及依赖模型解析

在看一些关于Vue的资料时,经常都能看到依赖收集和依赖更新的字样,那么什么是依赖?export type Dep = Set & TrackedMarkers // 依赖定义可以看出来,依赖本质上就是一个的Set集合。关于参数,在介绍依赖收集优化时分析。最近还整理一份JavaScript与ES的笔记,一共25个重要的知识点,对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识,提升工作效率。

2023-01-17 17:05:35 20

原创 Vue3+TS写个数字滚动效果CountTo组件

最近开发有个需求需要酷炫的文字滚动效果,发现版本的组件不适用与,没有轮子咋办,那咱造一个呗。其实大多数版本更替导致公共组件不可用,最简单的做法就是在原版本的基础上进行修改调整,总体来讲花费的时间成本以及精力成本最低。先看下效果,明确需求,然后开始搬砖。明确基础功能扩展功能定义一个开始函数核心方法配置项属性描述类型默认值startVal开始值Number0endVal结束值Number0duration持续时间Number0autopla

2023-01-17 14:27:12 13

原创 Vue2数据响应式原理深度解析( 三 )

大家好,欢迎来到今天的学习,在上一篇文章当中我们实现了关于对象绑定响应式的操作,今天我们来实现关于如何对数组内部的元素及数组内部新添加的元素进行响应式绑定。关于数组内追加新元素运用数组方法并使之变为响应式的过程当中,要理清以下几点1.Object.setPrototypeOf(…, …)方法的运用2.Object.create(…)方法的运用3.slice(…)方法在其中的作用4.forEach大循环内部的代码逻辑。

2023-01-17 11:01:03 13

原创 vue usePop弹窗控制器

最近找到一个VUE的文档,它将VUE的各个知识点进行了总结,整理成了《Vue 开发必须知道的36个技巧》。内容比较详实,对各个知识点的讲解也十分到位。

2023-01-16 16:09:19 7

原创 vite-pretty-lint 源码解读之为 vite 项目添加 eslint和prettier

vite作为一种前端工具,创建项目是非常快的,但是今天我们要聊的并不是vite创建项目有多快有多好,而是来聊聊如何为vite项目添加eslint和prettier,这对一个项目规范而言是非常重要的。如何为vite项目自动添加eslint和prettier,我们可以直接使用命令,然后它会自动给你添加基本的配置文件。我们可以去github根据找到源码入口,找到源码入口就可以分析代码了。的源码逻辑简洁,阅读起来不是很难。通过分析源码可以项目添加eslint和prettier提供了更多思路。

2023-01-16 13:44:06 13

原创 unjs系列——自动引入api那些事

插件,为 Vite、Webpack、Rollup 和 esbuild 按需自动导入 API,支持TypeScript为 Vite、Webpack、Rollup 和 esbuild 按需自动导入 api,我们可以使用该插件并且配置上内置的预设,达到不用手动引入vue或者react的api,也能正常运行工程并使用api。插件的自动注入api功能是使用了unimport插件,关于unimport插件的具体实现我们留到下一篇讲解。

2023-01-14 13:41:21 11

原创 TypeScript类型推论和类型断言

最近找到一个VUE的文档,它将VUE的各个知识点进行了总结,整理成了《Vue 开发必须知道的36个技巧》。内容比较详实,对各个知识点的讲解也十分到位。

2023-01-14 10:49:06 7

原创 react源码分析:深度理解React.Context

通常,一个组件的更新可通过执行内部 setState 来生成,其方式也是标记Fiber.lane让组件不进入 bailout;对于Context,当 Provider.value 发生更新后,它会查找子树找到消费组件,为消费组件的 Fiber 节点标记 lane。当组件(函数组件)进入阶段进行处理时,不满足bailout,就会重新被调用进行重渲染,这时执行useContext,就会拿到最新的。这就是实现过程。

2023-01-12 09:30:27 10

原创 React基于路由进行代码分割

最近还整理一份JavaScript与ES的笔记,一共25个重要的知识点,对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识,提升工作效率。

2023-01-11 13:50:38 15

原创 Pug -- 全新的 Vue 高效书写体验

在年初Vue3刚成为Vue的默认版本时,在文档中看到了Pug的影子,虽然好奇,由于时间关系一直没能专心去尝试一下Pug在Vue3🀄️的体验。最近决定不能一拖再拖了,熬夜体验了一番,果然没让人失望。最近还整理一份JavaScript与ES的笔记,一共25个重要的知识点,对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识,提升工作效率。

2023-01-10 15:48:07 36

原创 npm 发包过程中遇到的问题及解决方案

这是我自己总结的时间处理工具包:us-chrounstips: 工具还太少,文档不是很完善。目前内置了判断美国夏令时和冬令时的方法,以及一个对文章发表过去时间的计算。整理了75个JS高频面试题,并给出了答案和解析,基本上可以保证你能应付面试官关于JS的提问。有需要的小伙伴,可以点击下方卡片领取,无偿分享) 2. 使用对应的下载源,例如使用淘宝镜像) 3.新增一个下载源,例如新增一个叫 np 的下载) 我确定已经没有问题了,可就是发布失败!我想想是不是node版本的问题。

2023-01-10 09:42:31 25

原创 Nestjs 自定义注解实现接口权限控制

梳理好系统中一共有多少种角色,并为每种角色确定好 Code,然后声明为枚举类型。这里的角色类型可以自定义,根据业务需要设多少都行。新建一个文件,就可以在 Controller 中使用@Roles注解了最近还整理一份JavaScript与ES的笔记,一共25个重要的知识点,对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识,提升工作效率。

2023-01-09 17:02:42 15

原创 js中dom节点操作

最近还整理一份JavaScript与ES的笔记,一共25个重要的知识点,对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识,提升工作效率。

2023-01-09 10:00:56 7

原创 js基础面对对象

现实生活中——对象是某一个具体的事物在编程中——对象是一个键值对的集合age : 12,console.log('你好,我叫'+this.name);我们见过的对象document、window、元素…这些对象都是可以直接使用属性和方法的——对象里面就是很多的键值对键值对就是属性和方法使用属性描述具体事物的特征,使用方法描述具体事物行为比方说要描述一个具体的学生age : 18,关注实现的过程,关注过程中的每一步,什么事情都是亲力亲为为大家准备了一个前端资料包。

2023-01-07 10:25:40 8

原创 JavaScript如何实现继承?

下面以一张图作为总结:通过来划分不同的继承方式,最后的寄生式组合继承方式是通过组合继承改造之后的最优继承方式,而extends的语法糖和寄生组合继承的方式基本类似最近找到一个VUE的文档,它将VUE的各个知识点进行了总结,整理成了《Vue 开发必须知道的36个技巧》。内容比较详实,对各个知识点的讲解也十分到位。

2023-01-06 13:46:22 9

原创 Jan Ozer:高清直播互动场景下的硬编码如何选型?

整理了一套《前端大厂面试宝典》,包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法,一共201道面试题,并对每个问题作出了回答和解析。

2023-01-06 09:16:12 16

原创 Flutter Widget 之 flutter_rating_bar

最近找到一个VUE的文档,它将VUE的各个知识点进行了总结,整理成了《Vue 开发必须知道的36个技巧》。内容比较详实,对各个知识点的讲解也十分到位。

2023-01-05 14:35:19 21

原创 Express的中间件,保证让你看的明明白白

/ 常量 mw 所指向的,就是一个中间件函数const mw = function (req, res, next) {console.log("我是一个中间件')// 注意: 在当前中间件的业务处理完毕后,必须调用 next() 函数// 表示把流转关系转交给下一个中间件或路由next()}我么可以使用 app.use()连续定义多个全局中间件。就像之前定义多个静态服务一样。客户端请求到达服务器之后,会按照中间件定义的先后顺序依次进行调用。

2023-01-05 09:54:01 18

原创 echarts设置暂无数据没有你想的那样简单

最近找到一个VUE的文档,它将VUE的各个知识点进行了总结,整理成了《Vue 开发必须知道的36个技巧》。内容比较详实,对各个知识点的讲解也十分到位。

2023-01-04 10:14:45 75

原创 CSS如何实现毛玻璃效果

这两种方法都可以实现模糊效果,但是第二种方法的兼容性不是很好,所以如果你的项目需要兼容性比较好的话,那么就使用第一种方法,如果你的项目不需要兼容性的话,那么就使用第二种方法。还有就是第一种毛玻璃效果会影响后面子元素,导致后面子元素也会被模糊掉。所以如果你的项目中有子元素并且不愿意被模糊的话,那么就建议使用第二种方法。为大家准备了一个前端资料包。包含54本,2.57G的前端相关电子书,《前端面试宝典(附答案和解析)》,难点、重点知识视频教程(全套)。

2023-01-03 16:20:08 19

原创 CSS 的快乐:画一个可爱的三只小鸟 Button

我们通过纯 CSS 实现了一个可爱的 Button,核心就是用元素 + 伪元素通过 flex + 定位来布局,然后通过 border-radius + clip-path 设置形状,通过 animation + @keyframes 来做复杂的动画,通过 transition 设置过渡效果。border-radius 可以设置 4 个角的横竖半轴的长度,从而做出很多形状,更复杂的不规则形状可以通过 clip-path 来裁剪出来。

2023-01-03 09:27:29 23

原创 chrome浏览器插件热更新vite实战

整理了一套《前端大厂面试宝典》,包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法,一共201道面试题,并对每个问题作出了回答和解析。

2022-12-31 16:56:54 38

原创 Canvas 从进阶到退学

整理了一套《前端大厂面试宝典》,包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法,一共201道面试题,并对每个问题作出了回答和解析。

2022-12-31 13:41:15 13

原创 Android Studio Flutter方法补全

为大家准备了一个前端资料包。包含54本,2.57G的前端相关电子书,《前端面试宝典(附答案和解析)》,难点、重点知识视频教程(全套)。

2022-12-31 09:18:25 97

原创 23个css动画效果,持续更新中...

最近找到一个VUE的文档,它将VUE的各个知识点进行了总结,整理成了《Vue 开发必须知道的36个技巧》。内容比较详实,对各个知识点的讲解也十分到位。

2022-12-30 11:48:06 9

原创 实现effect的scheduler功能

可能你已经注意到了,这个功能点类似于在Vue.js中连续多次修改响应式数据但只会触发一次更新,实际上Vue.js内部实现了一个更加完善的调度器,思路与上文介绍的相同。此外,综合前面的这些内容,我们就可以实现Vue.jscomputed计算属性,这个就后面再慢慢实现吧…最近找到一个VUE的文档,它将VUE的各个知识点进行了总结,整理成了《Vue 开发必须知道的36个技巧》。内容比较详实,对各个知识点的讲解也十分到位。

2022-12-30 09:41:50 13

原创 做一个极简 UI 库之代码 lint

一个好的项目离不开一整套的前端工程化工具,而常见的代码校验相关的就是 eslint prettier stylelint husky lint-stated。这些工具只要理解了,对于后面的代码维护能够起到极大地作用,而且每个项目都可以用到,一次学习处处应用,好处多多。为大家准备了一个前端资料包。包含54本,2.57G的前端相关电子书,《前端面试宝典(附答案和解析)》,难点、重点知识视频教程(全套)。

2022-12-24 21:54:08 472

原创 一文带你梳理HTTP的发展历程

最近找到一个VUE的文档,它将VUE的各个知识点进行了总结,整理成了《Vue 开发必须知道的36个技巧》。内容比较详实,对各个知识点的讲解也十分到位。有需要的小伙伴,可以点击下方卡片领取,无偿分享) **HTTP3 背后的主要思想是放弃 TCP,转而使用基于 UDP 的 QUIC (快速UDP互联网连接)协议**HTTP/0.9。

2022-12-24 20:07:55 301

原创 【源码共读】将值转换为数组《arrify》

整理了一套《前端大厂面试宝典》,包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法,一共201道面试题,并对每个问题作出了回答和解析。

2022-12-23 14:12:32 197 1

原创 【细读JS忍者秘籍】深入生成器函数的底层原理

执行生成器函数后,不执行其中的代码,而是_返回一个保存了其上下文对象的迭代器。* 每次调用迭代器的next方法,不会_创建next方法的上下文,而是_将迭代器中保存的生成器的上下文重新激活压入栈顶。* next 方法的参数作为_上次挂起的语句的返回值。最近找到一个VUE的文档,它将VUE的各个知识点进行了总结,整理成了《Vue 开发必须知道的36个技巧》。内容比较详实,对各个知识点的讲解也十分到位。

2022-12-23 10:35:11 424

原创 【架构师(第五十二篇)】 几个前端工具的基本使用

整理了75个JS高频面试题,并给出了答案和解析,基本上可以保证你能应付面试官关于JS的提问。

2022-12-22 15:35:09 314

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除