随笔分类 -  前端

前端相关博客
摘要: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 阅读(140) 评论(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 阅读(367) 评论(2) 推荐(1) 编辑
摘要:Vue3响应式系统实现原理(一)没有摘要 阅读全文
posted @ 2022-07-04 19:03 CherishTheYouth 阅读(714) 评论(2) 推荐(1) 编辑
摘要:Vue3 使用router打开并跳转到一个新窗口没有摘要 阅读全文
posted @ 2022-05-12 15:45 CherishTheYouth 阅读(2019) 评论(0) 推荐(0) 编辑
摘要:Vue3使用插槽时的父子组件传值Vue3使用插槽时的父子组件传值 用法见官方文档深入组件章节,插槽部分: 参考文档:插槽-作用域插槽-插槽prop 作用域插槽 有时让插槽内容能够访问子组件中才有的数据是很有用的。 需求:插槽内容能够访问子组件中才有的数据 实现 子组件 TodoList.vue <template> <div v- 阅读全文
posted @ 2022-05-12 09:13 CherishTheYouth 阅读(2077) 评论(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 阅读(2019) 评论(1) 推荐(1) 编辑
摘要:Vue中的Class Component使用指南 本文由官方文档进行翻译而来,限于笔者英文能力和对技术理解能力有限,翻译或有不准确和出错之处,请多多包涵,可于评论中点出。 原文地址:Vue Class Component 一般性指引 使用@Component注解,将类转化为 Vue 的组件,以下是一 阅读全文
posted @ 2021-07-25 21:41 CherishTheYouth 阅读(7874) 评论(0) 推荐(1) 编辑
摘要:![](https://img2020.cnblogs.com/blog/1454180/202106/1454180-20210603155152305-311016480.jpg) 阅读全文
posted @ 2021-06-03 15:53 CherishTheYouth 阅读(74) 评论(0) 推荐(0) 编辑
摘要:Web Worker技术 Web Worker为Web内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。 web worker 是运行在后台的 JavaScript,不会影响页面的性能。 1 用法 1.1 创建Web Worker let worker = new Wo 阅读全文
posted @ 2020-12-15 14:36 CherishTheYouth 阅读(502) 评论(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 阅读(4527) 评论(0) 推荐(0) 编辑
摘要:React中一个倒计时功能,从实现,到改进,再到解耦抽离成公共模块。 阅读全文
posted @ 2020-09-16 13:12 CherishTheYouth 阅读(1404) 评论(0) 推荐(0) 编辑
摘要:1.前言 在之前的博客中,我写了一篇关于todo-list实现的博客,一步一步详细的记录了如何使用基础的React知识实现一个React单页面应用,通过该篇文章,能够对React入门开发有一个直观的认识和粗浅的理解。 近期,个人学习了一下Redux,又将该项目使用 React+Redux的方式进行了 阅读全文
posted @ 2020-08-11 11:40 CherishTheYouth 阅读(337) 评论(0) 推荐(1) 编辑
摘要:CSS怎么画几何图形 阅读全文
posted @ 2020-07-21 16:51 CherishTheYouth 阅读(255) 评论(0) 推荐(0) 编辑
摘要:最近学习了一小段时间的React,对一些React开发组件的基础有了一点认识,跟着教学视频,自己实现了一个ToDoList组件的功能,今天把做这个组件的过程记录一下,加深学习印象,给同样的前端入门者做一个参考。 阅读全文
posted @ 2020-07-19 23:08 CherishTheYouth 阅读(1469) 评论(1) 推荐(0) 编辑
摘要:没有摘要,我在VsCode上下载了一个插件,可以直接使用VSCode编写和发博客到博客园,在这里测试一下,真的上来了,好牛逼呀。 阅读全文
posted @ 2020-07-10 15:46 CherishTheYouth 阅读(389) 评论(1) 推荐(0) 编辑
摘要:我们在使用React的时候经常会遇到这种情况,3000端口号被占用。有时候可以关掉3000端口,但更多时候,我们需要打开多个项目的时候,就必须要开启多个端口了。这时候就需要修改默认端口号了。 阅读全文
posted @ 2020-07-09 11:27 CherishTheYouth 阅读(6230) 评论(1) 推荐(1) 编辑
摘要:本篇内容: 1.函数的扩展; 2.数组的扩展; 1.函数的扩展 1.函数的扩展 (1)函数参数的默认值 ES6之前的版本无法为函数的参数指定默认值 ES6之后可以给函数参数指定默认值,用法如下: 调用结果: 注意: 函数参数变量是默认声明的,所以不能用 let 或 const再次声明: 参数默认值的 阅读全文
posted @ 2019-05-28 16:25 CherishTheYouth 阅读(498) 评论(0) 推荐(0) 编辑
摘要: ES是ECMAScript的简称,ECMA是国际化标准化组织的简称,所以ECMAScript其实就是JavaScript的国际标准。写Js代码时,尽量遵从标准。 阅读全文
posted @ 2019-05-24 18:00 CherishTheYouth 阅读(517) 评论(1) 推荐(0) 编辑
摘要:原文链接:https://www.cnblogs.com/shytong/p/4960418.html 一篇详细的介绍和对比,转载自 博客园 “很好玩的博客” 的一片博文,非常感谢他贡献优质文章。 阅读全文
posted @ 2019-04-25 15:02 CherishTheYouth 阅读(309) 评论(0) 推荐(0) 编辑
摘要:最近公司项目需求,要做一个百度地图电子围栏的功能,在网上查了一下资料,看了很多博客,大多数都写的不是很详细,我看的云里雾里的,最后终于集合所有的几篇资料,自己做出了一个简单的demo,下面将过程记录和分享一下,希望给予有需要同学一些帮助,我这个人说话比较啰嗦,所以写的一定会很详细的,哈哈!闲言少叙, 阅读全文
posted @ 2019-04-16 17:00 CherishTheYouth 阅读(30960) 评论(11) 推荐(8) 编辑

点击右上角即可分享
微信分享提示