![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 78
朝着大前端冲鸭
欢迎大家访问本人其他平台:github--->woshiitdaniu
展开
-
vue异步加载的简单试验
网络上关于vue的优化手段非常多,有些有效有些就一般般了,习惯了ctrl+c/v拿来主义的人来说,直接照搬过项目就好了,然而这些优化手段是不是都用上才会秒开呢?或者说也许我们只要一个就好?因为优化的目的就是为了减少项目体积,增强体验的。下面利用工作之余 我做了些优化手段的简单对比,也让新手们知道怎么去做简单的对比试验来检验自己的优化效果。注明:以下测试都是本地、wifi环境 实际生产环境优化效果会更明显!!路由的异步加载项目代码通过使用webpack提供的import方法可以让对应的.原创 2021-12-18 13:17:53 · 896 阅读 · 0 评论 -
vuex是怎么工作的
vuex插件是vue全家桶中十分重要的一款插件,它的作用是沟通各个组件通信的桥梁,通过定义state状态,所有组件都可以通过this.$store.getter或者是mapState来获得状态,也可以通过this.$store.commit来改变状态,那么它是如果开始的?又是如何做到所有组件共享状态的?为什么状态变了其他组件也能立即感知并重新渲染?下面就让我们带着问题一步步去揭开这些神秘的面纱吧首先我们看看插件的源码结构然后再看看我们是如何使用它的Vue main.js...原创 2021-06-22 20:15:17 · 148 阅读 · 1 评论 -
vue-diff的鼻祖snabbdom patch函数源码
import{Module}from"./modules/module";import{vnode,VNode}from"./vnode";import*asisfrom"./is";import{htmlDomApi,DOMAPI}from"./htmldomapi";typeNonUndefined<T>=Textendsundefined?never:T;functionisUndef(s:a...原创 2021-06-06 22:59:30 · 176 阅读 · 1 评论 -
将真实dom保存到内存中,将内存中的vnode变成真实dom
<div id="demo" class="test"> <p>你好javascript</p> <ul> <li>{{name}}</li> </ul> </div> <script type="text/javascript"> ...翻译 2020-07-18 16:22:37 · 399 阅读 · 0 评论 -
微信小程序电商常用滚动套路
<template> <view style="height: 100vh;background: #C7C7C7;"> <!-- 顶部tab导航部分 1.scroll-into-view="{{showView}}" 这里需要借助这个属性来指定显示tab 2.scroll-left="{{navScrollLeft}}" 借助left来使scroll能让遮盖的tab动画显出 -->...原创 2020-06-17 21:59:07 · 294 阅读 · 0 评论 -
vue 实现多组合复选框案例
完成效果如图:当我们点击标题全选时 指定店铺所有商品都被选中,取消时全取消当我们选择某店铺商品数量等于该店铺所有商品时,该店铺全选按钮被选中废话不多说,代码呈上 欢迎给出更好的方案实现该功能---------------------------------------------------- goods_select.vue ----------------...原创 2019-03-16 18:18:30 · 4220 阅读 · 0 评论