- 博客(7)
- 收藏
- 关注
RSS订阅原创 浏览器怎么读懂vue
总结起来，浏览器不能直接读懂Vue代码，但通过Vue的编译和转换过程，浏览器可以理解和执行由Vue生成的JS代码，并通过虚拟DOM和数据绑定机制实现数据驱动的视图更新。Vue是一种用于构建用户界面的JS框架，它通过一系列的编译和转换将Vue的代码转换为浏览器能够理解和执行的代码。
2024-03-15 09:49:38
527
原创 MVC、MVP、MVVM区别
MVC框架大部分逻辑和代码都集中在Controller层，且View层复用率低，冗余代码多。MVP是把MVC中的Controller换成了Presenter，切断了View跟Model之间的联系，由Presenter充当桥梁。
2024-03-04 19:21:03
618
原创 Vue.nextTick作用及原理
Vue 采用异步更新机制来提高渲染效率，当我们修改数据时，Vue 不会立即更新 DOM，而是将 DOM 更新操作放到一个异步队列中，等到下一次事件循环时再执行。这样做可以避免频繁的 DOM 操作，提高性能。所以，如果我们修改数据后，想要立即获取更新后的 DOM，需要使用 Vue.nextTick() 方法。Vue.nextTick() 可以将回调函数推入到异步队列中，在 DOM 更新完成后执行。
2024-03-04 10:26:49
693
原创 vue路由懒加载
vue-router 配置路由，使用webpack的require.ensure技术，可以实现懒加载，这种情况下，多个路由指定相同的chunkName，会合并打包成一个js文件。第二个是回调函数,在这个回调函数里面require的文件会被单独打包成一个chunk,不会和主文件打包在一起，这样就生成了两个chunk,第一次加载时只加载主文件。const list = r => require.ensure([],()=>r(require('组件地址')),'list')一个组件会生成一个js文件。
2024-03-03 20:30:27
822
原创 vue-router详解
使用url的hash来模拟完整的url，hash（#）是url的锚点，代表页面中的一个位置，改变#后的部分，浏览器只会滚动到相应位置，不会重新加载页面。2、pushState设置的url可以与当前url相同，这样也会把记录添加到栈中，而hash设置的值必须与原来不同才会将记录添加到栈中。5、hash模式下，仅#前部分会被包含在请求中，因此即使没有对路由全覆盖，也不会返回404。1、pushState设置的url可以是与当前url同源的任意url，而hash只能修改#后面的部分。
2023-10-26 11:29:44
66
原创 JS数组常用方法，包含ES6
1、concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。var arr1 = [1,2,3];var arr2 = [4,5];var arr3 = arr1.concat(arr2);console.log(arr1); //[1, 2, 3]console.log(arr3); //[1, 2, 3, 4, 5]2、join()join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行
2021-09-09 16:58:02
320
原创 v-show 和 v-if 异同
看到其他博主写的，敲下来记录一下给自己看。原代码出处https://blog.youkuaiyun.com/weixin_44103733/article/details/88881012
2021-08-02 10:34:38
244
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人