- 博客(58)
- 收藏
- 关注
RSS订阅原创 防抖与节流
实现机制：两者都可以通过JavaScript的setTimeout函数实现，利用时间延迟来控制回调函数的执行。性能优化：它们的共同目的都是减少函数的执行频率，以此来提高程序的性能，避免不必要的计算资源消耗。
2024-09-04 17:32:47
764
原创 Git的一些学习
创建一个新的分支建一个新的基于master分支的本地分支修改完代码之后想要推送上去git add .git commit -m "备注"git push origin 分支名。
2024-08-22 15:25:28
269
原创 Vue3实现word预览
原文链接：https://blog.youkuaiyun.com/w1314_1314/article/details/140551850。
2024-07-29 17:12:57
648
原创 Vuex和Pinia
Vuex适合大型的项目，Pinia适合中小型项目，而且Vuex有时间旅行（回滚，可以查看历史存储情况）和当运行Vue应用并打开Vue开发者工具时，可以在“Vuex“标签页中查看和编辑Vuex store的状态。
2024-06-11 10:01:27
791
原创 webpack和vite
前端开发中，打包工具是不可或缺的工具之一。它们可以将分散的代码、样式和资源文件打包成更高效的形式，以提高性能、减少加载时间，并优化开发流程。
2024-06-06 10:17:06
1060
原创 VUE解决跨域问题
当在Vue应用中通过axios等工具发送HTTP请求时，如果请求的目标URL与当前页面的域名、协议、端口号不一致，就会触发浏览器的同源策略限制，导致跨域问题。跨域问题是由浏览器引起的安全限制，而不是Vue框架本身导致的。Vue本身并不限制跨域访问，它只是一个前端框架，负责构建用户界面和处理数据逻辑。
2024-06-05 16:06:27
2100
原创 node创建项目
Web的开发体系中，分成前端，后端，工具，三个主要的领域。前端主要由由浏览器，HTML+CSS+浏览器端JS完成。后端主要是由Web服务器，数据库，动态脚本语言，其它的业务服务器等组成。还有就是很多基础设计与便利资料，我们可以统称为工具。比如源码管理，编辑器，数据库备份，加密，解密，防火墙等一系列的工具。
2024-06-04 14:20:40
2393
原创 object.defineProperty和proxy、nextTick
代理（Proxy）是 ES6 中新增的一个特性，它可以用来自定义对象中的操作。代理是一个对象，它可以拦截并重定义基本操作，如属性查找、赋值、枚举、函数调用等。代理对象可以用来创建一个对象的代理，并且可以拦截对该对象的所有操作。
2024-05-30 11:31:04
852
原创 一篇文章带你学习react
/ 定义类式组件render() {return (Hello 组件// React 中使用了默认暴露和分别暴露，所以可以使用下面的引入方式// 定义类式组件render() {return (Welcome组件能使用以上引用方式是因为 React 中使用了 默认暴露 和 分别暴露// 分别暴露 Component// 默认暴露 React。
2024-05-22 15:54:30
1298
原创 js执行顺序
同步任务：指的是在主线程上排队执行的任务，只有当前一个任务执行完毕，才能执行下一个任务（按照顺序执行）异步任务：指的是不进入主线程上的任务，进入任务队列的任务，只有当任务队列通知主线程某个异步任务可以执行，方可进入主线程进行执行。异步任务又分宏任务跟微任务宏任务：异步ajax请求、setTimeout、setInterval、文件操作、其他微任务：Promise.then、.catch 和.finally，process.nextTick、其他。
2024-04-29 16:43:19
765
原创 vue跟jQuery中的事件冒泡、事件捕获、事件委托（事件代理）
鼠标点击或者触发了dom事件，浏览器会从根节点（Document 对象）流向目标元素，途中会经过目标元素的各个父级节点，并在这些节点上触发捕获事件，直至到达事件的目标元素。在捕获完成后，与事件捕获相反，事件会从目标元素流向文档根节点，途中会经过目标元素的各个父级节点，并在这些节点上触发捕获事件，直至到达文档的根节点。在网页中，有时我们需要动态增加或移除页面中的元素，使用事件委托不需要再为新增的元素绑定事件，也不需要为删除的元素解绑事件。一直向下到目标元素后，从目标元素开始向上执行冒泡元素。
2024-04-29 11:52:08
1810
原创 从0到1学习typescript（更新版）
首先要明确一个概念，ts中确定了类型之后，就不能再修改类型// 根据初始赋值来推导出变量的类型，以后的str的类型就是字符串// str = 2;// 报错，原因：变量在定义的时候，类型已经确定下来了，不能修改a = 1;a = '1';// 报错，原因：变量在定义的时候，类型已经确定下来了，不能修改let b:10;// 相当于b是常量了b = '1';// 报错，常量不能被修改// 类型为1，常量不能被修改，所以它的值就是它的类型// 类型为2// 类型为'123'
2024-04-22 09:13:18
265
1
原创 vue2跟vue3生命函数 watch computed
可选值有："pre"（立即更新DOM）、"post"（延迟到队列中的所有回调函数执行完毕后再更新DOM）和"sync"（在变更时同步应用更改）。相当于将watch的依赖源和回调函数合并，当任何你有用到的响应式依赖更新时，该回调函数便会重新执行。watchEffect 是 Vue3 中的一个响应式 API，允许你监听响应式状态的变化，并在其发生变化时触发作用函数。watch函数内部使用响应式用来追踪依赖关系，只有在回调函数中使用的响应式数据发生变化，才会执行回调函数。onStop：当停止观察时执行的函数。
2024-04-18 15:45:03
415
原创 css第一个元素first-child匹配失败原因
匹配不到任何元素，因为在这里两个span都不是div的第一个子元素。匹配不到任何元素，因为在这里h1是div的第二个元素，不是第一个。匹配的是p元素，因为p元素是div的第一个子元素。匹配的是p元素，因为p元素是div的第一个子元素。
2024-03-20 10:13:22
864
原创 vue2.x和vue3.x多种通信方式
</div>provide('flag', true) // 传递的是 普通的值 非响应式的值</script>｡◕‿◕｡ 后代组件<template><div>
2024-03-11 15:41:12
676
原创 uniapp项目在开发者工具运行-记录
2，找到基础配置，查看其中的uni-app的appid是不是没填，没有填写的话点击后面的获取，自动获取填上即可。3，找到小程序运行配置，填写自己的微信开发者工具所在路径（不知道可以右键点击打开文件所在位置）H5(网页端)会按照当前页面的 url 构建完整的请求 url，所以可以请求成功，小程序不行。找到微信开发者工具的设置-》通用设置-》安全，然后将服务端口打开即可正常使用了。在HBuilder X工具栏-》运行-》运行到小程序模拟器-》微信开发者工具。2，点击工具，然后点击运行配置。
2024-02-28 18:14:03
869
原创 记录vue3运行项目
node 版本应不小于 16 ，pnpm 版本应不小于 6，如果您还没安装 pnpm，请执行下面命令进行安装。如果你的项目有vue2和vue3的，建议下载一个node版本管理器nvm，详情请看下面的文章。如果更新依赖报错，尝试更新一下淘宝源。
2024-02-27 11:48:53
262
原创 nginx配置
cmd 进入nginx文件夹 输入命令行：nginx -s reload。cmd 进入nginx文件夹 输入命令行：start nginx。输入http:localhost:80显示以下表示启动成功。或者双击nginx.exe。将项目放到html文件夹下。
2024-02-20 15:12:52
190
原创 vue中点击事件修饰符的作用
不要把 .passive 和 .prevent一起使用，因为 .prevent 将会被忽略，同时浏览器可能会向你展示一个警告。请记住，passive 会告诉浏览器你不想阻止事件的默认行为。给组件绑定原生事件，使用封装组件的时候，原生事件可能会失效，可以用native。即事件既不是从内部也不是从外部触发，只有自身触发才执行处理函数。元素自身触发的事件先在此处理，然后才交由内部元素进行处理。这个.passive 修饰符尤其能够提升移动端的性能。点击事件将只会触发一次。
2023-11-15 11:26:22
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人