摘要: 【源码】Vue.js 官方脚手架 create-vue 是怎么实现的? 最近系统学习了vue.js 的官方脚手架create-vue的源码,深入分析了里面的技术实现细节,本文是我整理的源码学习文章。 阅读全文
posted @ 2023-09-11 12:31 CherishTheYouth 阅读(674) 评论(0) 推荐(1) 编辑
摘要: Pinia 快速上手要点 1. 使用 defineStore 创建一个 store, 每个 store 要设置一个唯一 id; ```ts import { defineStore } from 'pinia' import { ref } from 'vue' // useStore 可以是 useUser、useCart 阅读全文
posted @ 2023-08-29 12:40 CherishTheYouth 阅读(106) 评论(0) 推荐(0) 编辑
摘要: Vue3响应式系统实现原理(二) 本文内容: 分支切换与cleanup 嵌套的effect与effect栈 避免无限递归循环 调度执行 1. 分支切换与cleanup 1.1 分支切换 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http- 阅读全文
posted @ 2022-08-10 14:06 CherishTheYouth 阅读(274) 评论(2) 推荐(1) 编辑
摘要: Vue3响应式系统实现原理(一) 没有摘要 阅读全文
posted @ 2022-07-04 19:03 CherishTheYouth 阅读(646) 评论(2) 推荐(1) 编辑
摘要: Vue.js  3.x 优化概览 没有摘要,请直接点开阅读。 阅读全文
posted @ 2022-04-21 15:21 CherishTheYouth 阅读(250) 评论(1) 推荐(0) 编辑
摘要: 从各方各面搜集整理的js编码小技巧,吐血整理,强烈建议收藏 7个条件判断简化技巧 1. 多条件检查 把多个值放在一个数组中,然后调用数组的 includes 方法。 //longhand if (x 'abc' || x 'def' || x 'ghi' || x 'jkl') { //logic 阅读全文
posted @ 2021-08-25 15:16 CherishTheYouth 阅读(275) 评论(1) 推荐(2) 编辑
摘要: Vue中的Class Component使用指南 本文由官方文档进行翻译而来,限于笔者英文能力和对技术理解能力有限,翻译或有不准确和出错之处,请多多包涵,可于评论中点出。 原文地址:Vue Class Component 一般性指引 使用@Component注解,将类转化为 Vue 的组件,以下是一 阅读全文
posted @ 2021-07-25 21:41 CherishTheYouth 阅读(7542) 评论(0) 推荐(1) 编辑
摘要: ![](https://img2020.cnblogs.com/blog/1454180/202106/1454180-20210603155152305-311016480.jpg) 阅读全文
posted @ 2021-06-03 15:53 CherishTheYouth 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 本文适合作为一个速查手册使用,希望深入了解 git 的同学,请前往 [Pro Git 中文版](https://git-scm.com/book/zh/v2) 下载 《Pro Git》手册进行学习 Cherish作为一名菜鸟程序员在刚刚接触git时,虽然仔细阅读了《Pro Git》的第一、二章,基本清楚了git的使用流程,然而在实际运用中,却因为记不住各种常用的git 命令而常常畏手畏脚,经常因为使用了错误的git命令而把工作搞得焦头烂额,因为不记得各种 git 命令,常常要在使用时临时翻看手册,在经历过一番煎熬后,我下定决心要对常用的 git 技巧进行一个简练概括的总结,以下是我结合参考资料和平时的日常使用总结出来的31个git 实用技巧。随着在工作中更过使用场景的丰富,还会不断添加新的技巧,不断丰富和完善。 阅读全文
posted @ 2021-04-27 23:45 CherishTheYouth 阅读(696) 评论(0) 推荐(3) 编辑
摘要: Taro3小程序中使用eslint standard校验踩坑 摘要 在taro项目中,一般很少有集成其他eslint 格式校验规则的情况,如 standard / airbnb 等,但没准呢,对于所有项目都使用相同校验规则的团队来说,别人就是想集成自己喜欢的校验规则,就是不中意taro自带的校验规则 阅读全文
posted @ 2021-04-17 14:09 CherishTheYouth 阅读(831) 评论(0) 推荐(1) 编辑
摘要: JavaScript面向对象程序设计之继承(一) 1. 原型链式继承 1.1 原型模式 原型模式是JavaScript中创建对象的一种最常见的方式。JavaScript是一种弱类型的语言,没有类的概念,也不是一种面向对象的语言。但是,在JavaScript中,借助函数的原型(也就是prototype 阅读全文
posted @ 2021-01-28 13:29 CherishTheYouth 阅读(160) 评论(1) 推荐(2) 编辑
摘要: Web Worker技术 Web Worker为Web内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。 web worker 是运行在后台的 JavaScript,不会影响页面的性能。 1 用法 1.1 创建Web Worker let worker = new Wo 阅读全文
posted @ 2020-12-15 14:36 CherishTheYouth 阅读(419) 评论(0) 推荐(1) 编辑
摘要: 本文转载于:https://www.cnblogs.com/syfwhu/p/5711975.html,点击查看原文,感谢原文作者归纳总结。 IE IE6 User-Agent:Mozilla/4.0 (Windows; MSIE 6.0; Windows NT 5.2) IE7 User-Agen 阅读全文
posted @ 2020-12-08 15:02 CherishTheYouth 阅读(4186) 评论(0) 推荐(0) 编辑
摘要: 深入理解JavaScript中面向对象的程序设计,弄清原型模式的底层逻辑和工作原理。 阅读全文
posted @ 2020-11-04 10:22 CherishTheYouth 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 创建项目 使用 vue-cli 快速搭建项目结构,关于vue-cli的更多用法,请阅读官方说明 !vue-cli官方文档 创建项目 vue create cloud-film-vue 安装依赖 vscode中,在终端打开文件夹,然后 npm install或yarn npm install 或 vu 阅读全文
posted @ 2020-10-21 19:25 CherishTheYouth 阅读(440) 评论(0) 推荐(0) 编辑
摘要: Express项目搭建及配置 声明:本文记载为笔者根据官方文档及网上的博客创建Express项目以及对其进行项目配置的简单笔记,非精心创作,旨在记录,不保证其方法的优越性。 创建Express项目 运行Express生成器(只需一次) npx express-generator 创建Express项 阅读全文
posted @ 2020-10-15 15:03 CherishTheYouth 阅读(676) 评论(0) 推荐(0) 编辑
摘要: React中一个倒计时功能,从实现,到改进,再到解耦抽离成公共模块。 阅读全文
posted @ 2020-09-16 13:12 CherishTheYouth 阅读(1336) 评论(0) 推荐(0) 编辑
摘要: 解决方案: 解决方案在我的语雀上,请点击以下链接: 踩坑:如何在 UmiJs 中配置使用 Sass 阅读全文
posted @ 2020-08-25 10:35 CherishTheYouth 阅读(901) 评论(1) 推荐(0) 编辑
摘要: 1.前言 在之前的博客中,我写了一篇关于todo-list实现的博客,一步一步详细的记录了如何使用基础的React知识实现一个React单页面应用,通过该篇文章,能够对React入门开发有一个直观的认识和粗浅的理解。 近期,个人学习了一下Redux,又将该项目使用 React+Redux的方式进行了 阅读全文
posted @ 2020-08-11 11:40 CherishTheYouth 阅读(332) 评论(0) 推荐(1) 编辑
摘要: 大部分编程语言,在一句代码结束,都会以分号对代码进行分割,JavaScript也是如此。但JavaScript中并非必定要在语句结束时添加分号不可,原因是在程序进行编译时,JavaScript会自动给代码添加分号。所以在JavaScript中也可以不加语句末尾添加分号,那么你知道什么情况下分号可以不加吗? 阅读全文
posted @ 2020-08-09 16:09 CherishTheYouth 阅读(497) 评论(0) 推荐(1) 编辑
摘要: Vue3 使用router打开并跳转到一个新窗口 没有摘要 阅读全文
posted @ 2022-05-12 15:45 CherishTheYouth 阅读(1497) 评论(0) 推荐(0) 编辑
摘要: Vue3使用插槽时的父子组件传值 Vue3使用插槽时的父子组件传值 用法见官方文档深入组件章节,插槽部分: 参考文档:插槽-作用域插槽-插槽prop 作用域插槽 有时让插槽内容能够访问子组件中才有的数据是很有用的。 需求:插槽内容能够访问子组件中才有的数据 实现 子组件 TodoList.vue <template> <div v- 阅读全文
posted @ 2022-05-12 09:13 CherishTheYouth 阅读(1445) 评论(0) 推荐(0) 编辑
摘要: 最近想系统学习一下vue3的源代码,本篇内容记录和分享一下,如何调试vue3的源代码。 1. 下载源代码 1.1 github下载 想获取vue3的源码,需要直接从github上vue3的仓库获取,vue3github源码地址为: https://github.com/vuejs/core 注意,v 阅读全文
posted @ 2022-02-19 16:41 CherishTheYouth 阅读(1650) 评论(1) 推荐(1) 编辑