- 博客(62)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 ES6模块化和CommonJs模块化区别
ES6模块化和CommonJS是两种常见的模块化规范，它们在语法、加载方式和运行时特性上有显著差异。在Node.js环境中，CommonJS模块更常用，因为它是Node.js的默认模块系统。模块输出的是一个值的拷贝，这意味着模块内部的变化不会影响到输出的值。模块输出的是值的引用，这意味着模块内部的变化会影响到输出的值。此外，CommonJS模块是同步加载，而ES6模块是异步加载。模块是运行时加载，这意味着模块在代码运行时被加载。模块是编译时加载，这意味着模块在编译时就被加载。后缀，而ES6模块使用。
2025-02-15 14:52:41
401
原创 vue2和vue3实现图片懒加载方式（第三方组件库）
简单来说，懒加载（也称为延迟加载）是指在实际需求出现时才进行资源加载的技术策略。具体而言，当内容或资源尚未处于用户当前可视区域或交互范围之内时，并不立即加载它们，而是在用户即将访问或需要这些资源的时候再进行加载。
2024-12-25 09:06:39
316
原创 前端图片滚动懒加载
懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。在比较长的网页或应用中，如果图片很多，所有的图片都被加载出来，而用户只能看到可视窗口的那一部分图片数据，这样就浪费了性能。如果使用图片的懒加载就可以解决以上问题。在滚动屏幕之前，可视化区域之外的图片不会进行加载，在图片进入可视区域后才加载。这样使得网页的加载速度更快，减少了服务器的负载。懒加载适用于图片较多，页面列表较长（长列表）的场景中。
2024-12-24 14:31:24
1180
原创 uniapp中使用axios打包到小程序时报 TypeError: adapter is not a function
uniapp中使用axios打包到小程序时报 TypeError: adapter is not a function
2023-09-27 00:24:50
1053
原创 Vue中引入一个异步组件
在Vue中引入异步组件可以通过动态导入（Dynamic Import）和异步组件工厂函数（Async Component Factory Function）来实现
2023-08-31 00:07:39
1195
1
原创 vue中自定义指令
在Vue中，可以通过自定义指令实现对DOM元素的自定义行为和交互。钩子函数： 在自定义指令的钩子函数中，我们可以操作元素、修改样式、添加事件监听等。自定义指令的具体行为和操作根据需求而定，你可以根据自己的需要在钩子函数中编写逻辑。：在元素插入到父节点时调用，可以用于执行一些需要在元素插入到DOM后执行的操作。指令的参数可以是动态的，通过绑定对象传递。：在指令与元素解绑时调用，可以用于清理一些事件监听或其他资源。：在元素与指令绑定时调用，可以用于进行一次性的初始化设置。使用指令： 在Vue模板中，可以使用。
2023-08-18 20:50:47
291
原创 Observer和Dep以及wacher概念
用于将一个普通的JavaScript对象转换为响应式对象。这样，在属性被获取或修改时，就能够触发相应的操作。用于观察响应式对象的变化，并执行相应的回调函数。属性发生变化时，监听器函数会被调用，接收到新值和旧值作为参数。在Vue的响应式系统中，每个响应式对象都有一个对应的。当属性被访问时，会将依赖收集到该属性对应的。实例，用于监听某个属性的变化。下面是一个简单的例子，展示了如何在Vue中使用。实例中，而当属性被修改时，会通知该属性对应的。会接收到通知，并执行相应的回调函数。希望以上解释对你有所帮助！
2023-08-18 20:48:31
478
原创 vue2和vue3响应式原理
1.Proxy性能优于Object.defineProperty。Proxy代理的是整个对象Object.defineProperty只代理对象上的某个属性,如果是多层嵌套的数据需要循环递归绑定;2.对象上定义新属性时，Proxy可以监听到，Object.defineProperty监听不到。3.数组使用下标获取和修改Object.defineProperty监听不到，Proxy可以监听到。4.Proxy在ie浏览器存在兼容性问题。
2023-08-18 20:46:44
491
原创 css,less,scss中的深度选择器，结合elementUi使用
css中深度选择器用到的是 >>>加类名 可以很方便的找到自己想要修改的样式。lees中用到 /deep/ 加类名。scss中用到::v-deep 加类名。
2023-07-07 16:56:06
1654
原创 Vue2中使用ElementUI组件Form组件的校验validate
注意的是 如果是双向绑定的如（input）的prop的名字必须和绑定的元素名字一样，比如我的收集数据为SkuForm.skuName那么prop值为skuName就好了，否则有可能校验不起来。先准备一些el-form元素 这里面el-form中:model(v-bind:model)是单项绑定的，如果你写成了v-model=""可能会出现校验没有效果的情况。1.在el-form中绑定一个ref，名字自拟,后续触发检验结果需要使用到它。3.需要校验的元素上需要加上prop，这个是对应校验的内容的。
2023-07-06 18:11:05
1786
原创 vue2使用lodash中的防抖（debounce）函数
通过使用防抖函数，可以节省资源并提高用户体验，避免在频繁触发的事件中重复执行操作。记得在组件销毁前取消防抖函数的注册，避免潜在的内存泄漏问题。在Vue中使用防抖函数可以避免在频繁触发的事件中重复执行操作，例如搜索框输入时的实时搜索。方法的执行，300毫秒内如果有新的输入，将重新计时，直到没有新的输入后触发。首先，你需要安装一个防抖函数库，例如lodash库的。方法进行实际的搜索操作。
2023-07-05 23:16:13
7262
原创 使用Promise在开发中使用的案例
Promise在开发中用于处理异步操作，例如网络请求、文件读取、定时器等。这些案例演示了如何使用Promise来处理异步操作，并通过。方法来处理操作的结果或错误。
2023-07-05 20:07:18
210
原创 wning: in the working copy of ‘vue.config.js‘, CRLF will be replaced by LF the next time Git touch
这意味着在提交文件时，Git 会将 CRLF 转换为 LF。这也是一种推荐的方式，因为 LF 是 Unix 风格的换行符，而大多数版本控制系统（包括 Git）都更喜欢使用 LF。当 Git 发现你的文件中存在换行符格式的改变时，会给出这样的警告信息。注意，这个命令会影响所有的 Git 仓库。如果你只想对当前仓库生效，可以将。修改完配置后，可以尝试再次提交文件，看是否还会出现警告信息。这个命令将全局配置的。
2023-07-05 10:55:24
1329
原创 Vue3本电脑稳定的less-loader,node-sass,sass-loader版本
less-loader,node-sass,sass-loader版本
2022-10-09 22:49:12
1036
原创 第⼆⼗⼆章 玩转Spring5.X bean 的⽣命周期和⼆次处理
spring ioc容器Bean的⽣命周期的init和destroy⽅法以及XML中Autowire使用
2022-08-03 20:08:02
95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人