加载中
深入vue-公司分享ppt

组件注册 全局注册 注册组件,传入一个扩展过的构造器 Vue.component('my-component', Vue.extend({/.../})) 注册组件,传入一个选项对象(自动调用Vue.extend) Vue.component('my-componen...

前天 22:01
9
针对回流和重绘的渲染优化--公司分享

如果是你,你会如何实现浏览器内核,你认为的浏览器渲染的流程是怎么样的 工作开发中,你有做过哪些关于性能优化的工作(代码),或者目前的业务中有哪些是可以做优化的 浏览器渲染机制 什么...

10/17 20:01
9
webpack优化公司内部分享ppt小记

Webpack整个的构建过程是基于事件流 Webpack 就像一条生产线,要经过一系列处理流程后才能将源文件转换成输出结果。 这条生产线上的每个处理流程的职责都是单一的,多个流程之间有存在依赖关...

10/15 17:54
11
webpack分享小记

多入口多出口 通常项目的需求: 构建我们发布需要的 HTML、CSS、JS 文件 使用 CSS 预处理器来编写样式 处理和压缩图片 使用 Babel 来支持 ES 新特性 本地提供静态服务以方便开发调试 resolv...

10/11 11:20
10
提升webpack构建速度

减少resolve解析 resolve: { modules: [ path.resolve(__dirname, 'node_modules'), // 使用绝对路径指定 node_modules,不做过多查询 ], // 删除不必要的后缀自动补全,少了文件后缀的自动匹...

05/29 23:04
12
优化js资源加载

按需加载 在webpack中按需加载代码模块比较简单,采用动态加载语法import来编写代码即可 // import 作为一个方法使用,传入模块名即可,返回一个 promise 来获取模块暴露的对象 // 注释 webp...

vue预渲染

prerender-spa-plugin 安装prerender-spa-plugin (插件使用见npm官网)[https://www.npmjs.com/package/prerender-spa-plugin] npm install prerender-spa-plugin --save-dev 配置prerender-s...

05/24 22:46
18
抽离css以及公共js

分离css 分离css:为何要把 CSS 文件分离出来,而不是直接一起打包在 JS 中。最主要的原因是我们希望更好地利用缓存。 extract-text-webpack-plugin 假设我们原本页面的静态资源都打包成一个...

loader学习小计

resolve 用于匹配 resource 路径的方法: { test: ... } 匹配特定条件 { include: ... } 匹配特定路径 { exclude: ... } 排除特定路径 { and: [...] }必须匹配数组中所有条件 { or: [...] } ...

05/17 22:12
6
vue中provide-inject跨多组件通讯

provide/inject 这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。如果你熟悉 React,这与 React 的上下...

05/15 21:49
86
$on与$emit实现父子跨多组件通信

众所周知,$on是做事件监听,$emit是做事件的派发,但对于$dispatch 和 $broadcast大家可能就比较陌生了,这对api是vue1.x版本的,在vue2.x里已经被废弃 $on和$emit $on对于自身触发的事件,...

05/14 21:23
33
vue高级组件之路由权限组件

主要是用render渲染函数 在路由配置文件中使用该组件,判断渲染哪一个页面 // right.js import haveNoRight from './haveNoRight'; export default (Comp, rightType) => ({ components: { ...

05/13 22:23
7
vue高级组件之节流组件

运用render 和 vm.$scopedSlots.default() vm.$scopedSlots.default()获取插槽vnode 节流工厂函数可以使用lodash库的throttle的节流函数或者自己封装一个 **注意:**Vue 选项中的 render 函数...

05/13 22:13
9
通过v-model‘实现’组件双向数据绑定

单向数据流 单向数据流是Vue组件一个非常明显的特征,不应该在子组件中直接修改props的值 如果传递的prop仅仅用作展示,不涉及修改,则在模板中直接使用即可 如果需要对prop的值进行转化然后...

05/12 18:03
7
vue组件事件属性穿透

组件事件属性穿透 属性 $attrs包含从父组件传过来的属性,但不包含子组件中prop中的属性以及class和style,所以对于那些html元素原生属性,可以不用再子组件中声明,直接从父组件中传进来就好...

05/12 12:26
51
vue-router小记

history模式下的问题: 我们知道对于单页应用来讲,理想的使用场景是仅在进入应用时加载index.html,后续在的网络操作通过Ajax完成,不会根据URL重新请求页面,但是难免遇到特殊情况,比如用...

vue技巧汇总-持续更新

不同路由的的组件复用 如果不同路由跳转的是同一个组件,就会发现奇怪的问题,页面数据没有更新,created函数里面的方法没有执行,通常的解决的方法是采用对$route做监听,再去执行created里...

05/11 11:24
5
设计模式之观察者模式小笔记

如何实现 首先要指定好谁当发布者 然后给发布者添加一个缓存列表,用于存放回调函数以便通知订阅者 发布者发布消息的时候,发布者会遍历这个缓存列表,依次触发存放在里面的订阅者回调函数,...

05/09 23:17
5
设计模式之迭代模式

迭代模式 定义:提供一种方法顺序访问一个聚合对象中各个元素,简单说就是遍历,比较简单的一个设计模式,都可说算不上是一种设计模式 内部迭代器 var each = function (ary, cb) { for(var ...

05/06 22:28
6
scss控制指令

控制指令 @if @else if @else $type: monster; p { @if $type == ocean { color: blue; } @else if $type == matador { color: red; } @else if $type == monster { ......

没有更多内容

加载失败,请刷新页面

返回顶部
顶部