随笔分类 - vue.js
摘要:背景:首先,需求是这样,Vue项目中使用的是iview第三方UI库,要修改组件DatePicker中默认选中的当日的日期(如下图),实现无论在哪个时区,均显示中国的日期 由于,iview提供的api中并没有可以设置当前选中的日期的参数,而是默认取的new Date(),也就是当前系统的时间,所以这个
阅读全文
摘要:1.介绍:是vue组件懒加载的预估插件组件。支持组件组件延时加载, 加载真实组件前展示骨架组件,提高用户体验,真实组件代码分包异步加载 // 安装 npm install @xunlei/vue-lazy-component // 使用方式一 // main.js文件中全局注册使用 import V
阅读全文
摘要:Vue中 常见的组件通信方式可分为三类 父子通信 父向子传递数据是通过 props,子向父是通过 events($emit); 通过父链 / 子链也可以通信($parent / $children); ref 也可以访问组件实例; provide / inject; $attrs/$listener
阅读全文
摘要:前言今早偶尔读到方神发表了一篇 sentry(一)初探 的文章,正是我最近需要的,于是自己动手丰衣足食,搭建了一个属于自己的基于Sentry的前端监控平台。 为什么要做前端监控?相信每个前端开发人员都会遇见到下面这种情况! 客户:为什么我这个页面看不到数据??我:(急忙打开网站),我这边数据显示正常
阅读全文
摘要:源码地址:http://github.com/micro-zoe/micro-app 官网地址:http://zeroing.jd.com/micro-app 微前端的概念是由ThoughtWorks在2016年提出的,它借鉴了微服务的架构理念,核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应
阅读全文
摘要:创建项目 创建项目 创建组件 编写每个组件对应的配置文件 最外层index.js文件夹配置 配置文件 package.json 配置文件webpack.config.js 打包 测试 发布 封装vue的插件用webpack-simple很合适,vue init webpack-simple name
阅读全文
摘要:安装# npm 安装npm install vue-cropper@next # yarn 安装yarn add vue-cropper@next注意vue3使用的是vue-cropper@next , vue2 使用的是vue-cropper。 安装时要做好区分避免不必要的报错。 插件地址http
阅读全文
摘要:一、sass 简介 sass提供了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,强化了css的功能,编写css更便捷,功能更强大 使用 1. 安装sass 以前用vue-cli的时候,还要安装sass-l
阅读全文
摘要:版本号规则 从日常的开发中我们可以看到,npm 包的版本号的格式都是 X.Y.Z。那么大家发布的 npm 包为什么都在遵循这个格式呢?这个格式其实是由 Gravatars 创办者兼 GitHub 共同创办者 Tom Preston-Werner 所建立。由 GitHub 起草的统一的版本号表示规则,
阅读全文
摘要:查看npm 版本: npm view vuex versions --json 清除缓存命令: npm cache clean --force
阅读全文
摘要:建立文件夹 vuepressDemo 安装 vuepress npm install -g vuepress 初始化 默认配置 npm init -y 配置package.json { "scripts": { "dev": "vuepress dev docs", "build": "vuepre
阅读全文
摘要:https://www.jb51.net/article/147285.htm
阅读全文
摘要:左下角管理点开,选择设置。在用户设置下找到vetur,打开settings.json 放入下面的配置保存: "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions"
阅读全文
摘要:https://www.yuque.com/bzsxmz/siuq1w/gl8y01 登录流程分析 路由权限
阅读全文
摘要:<template> <i-form v-ref:form-validate :model="formValidate" :rules="ruleValidate" :label-width="80"> <Form-item label="姓名" prop="name"> <i-input :val
阅读全文
摘要:Vue.directive('resize', { bind(el, binding) { let width = '', height = ''; function get() { const style = document.defaultView.getComputedStyle(el); i
阅读全文