vue
日积一步
每天保持一小步,十天就是一大步!
展开
-
视口监控场景基本通用能力 - Vue指令
目的:提供便利的指令; 满足视口监控场景,需求的基础能力; 同时适用性能优化中的图片懒加载场景;使用时的注意事项:目标在根(target)的可见区域的的任何不可见部分都会被视为不可见 注意修饰符的使用代码部分:/** 使用时:v-InterView="回调函数"* 修饰符:* once表示只触发一次,默认每次都会触发* 指令值:* 若形如:callback callback为回调函数,此时target默认为祖先元素el...原创 2022-04-24 18:34:28 · 1626 阅读 · 0 评论 -
简单实现vue国际化plugin,可在vue2、vue3中使用
/*** * 国际化实现!!! * [email protected] * 2020年11月1日 * * 参数说明 * options: * - locale: 初始化语言 * - messages: 语言配置项 * * 例如: { locale: "zh_CN", messages: { "zh_CN": { option: { .原创 2021-03-24 17:25:21 · 206 阅读 · 0 评论 -
Vue 3 改动汇总
以下列出vue3中与开发关注较高的改动,欢迎补充!1、v-for 指令不再必须指定 key 值,框架会自动生成。2、<template v-for=“...” >...</template>格式已支持指定 key 值。且将被渲染为原声的template元素。3、同一元素上 v-if 和 v-for 的优先级变更为 v-if 高于 v-for。4、v-bind="属性object" 与标签自身的属性值 合并优先级 由v-bind优先级高变更为 出现的先后顺序来判断。..原创 2020-09-23 10:54:11 · 553 阅读 · 0 评论 -
vue之vue-cli
废话没有,我们直接进入vue官方推荐的脚手架vue-cli。1、安装最新版的node(安装完成以后会自动集成npm),终端node -v 查看 nodejs版本2、安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org3、安装webpack:cnpm install webpack -g4、安装vu...原创 2019-03-08 10:22:32 · 165 阅读 · 0 评论 -
vue-cli安装及项目生成
废话没有,我们直接进入vue官方推荐的脚手架vue-cli。1、安装最新版的node(安装完成以后会自动集成npm),终端node -v 查看 nodejs版本2、安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org3、安装webpack:cnpm install webpack -g4、安装vue-cl...原创 2019-03-08 10:33:41 · 200 阅读 · 0 评论 -
高级之路篇七:webpack打包性能优化
1、只加载与首屏相关的资源文件。如在vue或react框架中采用路由懒加载、按需加载的方式,减少首页需要载入的资源。2、延迟加载或按需加载。script标签上加上async、defer async: 1)使得script脚本异步的加载并在允许的情况下执行; 2)async的执行,并不会按着script在页面中的顺序来执行,而是谁先加载完谁执行...原创 2019-04-26 15:20:48 · 860 阅读 · 0 评论 -
高级之路篇六:Object.defineproperty、Proxy与Reflect
1、Object.defineproperty 属于es5范畴。该方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。Object.defineProperty(obj, prop, descriptor) obj:要在其上定义属性的对象。 prop:要定义或修改的属性的名称。 descriptor:将被定义或修改...原创 2019-04-25 15:45:20 · 440 阅读 · 0 评论