随着业务的不断累积，目前我们 ToC 端主要项目，除去 node_modules， build 配置文件，dist 静态资源文件的代码量为 137521 行，后台管理系统下各个子应用代码，除去依赖等文件的总行数也达到 100万 多一点。 本文会在主要描述以 Vue 技术栈为技术…

js文件一般是同步加载的，放在页面内会阻塞主要js文件加载。 使用场景：有的项目必须引入jquery等文件时，在组件内部引入这些文件一定程度会阻塞页面渲染，因而通过特定事件（点击或者弹窗）动态加载jquery等JS文件，可以使主页面快速显示出来。 当页面展示的版块是固定的时候且…

最近开发的埋点项目，需要记录用户行为轨迹即用户页面访问顺序。需要在页面跳转的时候，记录用户访问的信息（比如 url ，请求头部等），非单页面应用可以给 window 对象加上一个 beforeunload 事件，在页面离开时触发采集开关，但是现在很多业务是单页面应用，用户切换地…

这段时间写了一个 Vue 的滚动组件：starkwang/vue-virtual-collection，现在正式宣传一下~ 类似的 vue 列表滚动组件已经有好几个了，但一直没有针对瀑布流的 vue 滚动组件，也就是类似这样的滚动组件： https://www.zhihu.c…

随着组件的细化，就会遇到多组件状态共享的情况，Vuex当然可以解决这类问题，不过就像Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是vue.js 2.6新增加的Observable API ，通过使用这个api我们可以应对一些简单的跨…

1、Vue.js的数据绑定形式是使用“Mustache”语法（双大括号）的形式，针对Html代码，需要使用v-html指令。 2、Mustache语法不能作用在HTML特性上面，此时需要使用v-bind指令。 1、一些指令能够接收一个“参数”，在指令名称之后以冒号表示，如v-b…

Vue-cli@3.0 是一个全新的 Vue 项目脚手架。不同于 1.x/2.x 基于模板的脚手架，Vue-cli@3.0 采用了一套基于插件的架构，它将部分核心功能收敛至 CLI 内部，同时对开发者暴露可拓展的 API 以供开发者对 CLI 的功能进行灵活的拓展和配置。接下来…

骨架页面（Skeleton Page）指的是当你打开一个 H5 页面，在页面解析和数据加载之前，首先给用户展示页面的大概样式。在骨架页面中，图片、文字、图标都将通过灰色矩形块来展示，在真实页面展示之前，用户能够感知到即将加载页面的基本 CSS 样式和页面布局。饿了么移动 web…