vue
w候人兮猗
https://www.ahwgs.cn
展开
-
使用plop实现自动新建项目文件
为什么一般项目开发过程中,我们都要编写(CV)一大堆重复性的代码,比如一个views/login/index.vue比如store/modules/app.js这些文件都是重复毫无意义的,找一个自动生成的工具就很有价值了使用在github上找到了这样一个包plop,具体信息可以自行去看官方文档,下面直接给出我在项目中使用的可以看我的这个项目,里面有具体的demofast_h5_vue1....原创 2020-03-14 14:40:45 · 585 阅读 · 0 评论 -
遇到 Loading chunk {n} failed问题不要慌
前言最近在写个vue的demo,调试过程中出现个问题,vconsole中提示[vue-router] Failed to resolve async component default:Error:Loading chunk 10 failed.大致意思就是路由异步加载组件的时候报错了报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。...原创 2020-02-09 00:14:40 · 6350 阅读 · 2 评论 -
自定义mixin.less并全局注入至项目中
前言有的时候写项目,需要一些通用的css样式来实现一些功能,比如居中、渐变、单行溢出省略号、多行溢出省略号等.项目使用的less预处理器,所以整理了一些常见的mixin函数实现新建mixin.less文件,整理了一些笔者常用的几个,其他的可以自行添加具体less如何使用可以看https://www.w3cschool.cn/less/less_installation.html.ell...原创 2019-12-06 00:46:12 · 797 阅读 · 0 评论 -
实现一个vuex-loading插件
前言在项目中,如何管理loading是一个很头疼的方式,有的是在请求封装里去做了一个全屏loading,有的是在单页面中管理一个loading,比如如下:data(){ return{ loading:false }},methods:{ async change(){ this.loading = true // 执...原创 2019-11-08 14:50:18 · 1158 阅读 · 0 评论 -
实现一个简化版的Vue3数据侦测
前言距离国庆假期尤大发布vue3前瞻版本发布已经有一个月的时间,大家都知道在vue2x版本中的响应式数据更新是用的defineProperty这个API。在vue2中,针对Object和Array两种数据类型采用了两种不同的处理方式。对于Object类型,通过Object.defineProperty通过getter/setter递归侦测所有对象的key,实现深度侦测对于Array类型,通...原创 2019-11-06 17:08:25 · 245 阅读 · 0 评论 -
vue-cli3配置骨架屏方案
vue-cli3配置骨架屏方案前言最近在学vue,准备使用vue写一个移动端项目。考虑到首页白屏优化,需要实现骨架屏需求。这里介绍两种方案,当然都是根据现有的轮子搭的步骤安装vue-skeleton-webpack-plugin插件npm install --save-dev vue-skeleton-webpack-pluginvue.config.js配置const p...原创 2019-04-26 11:35:04 · 2677 阅读 · 2 评论 -
CSS 16种水平居中垂直居中方法
水平居中若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.若是块级元素, 该元素设置 margin:0 auto即可.若子元素包含 float:left属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-content,并且配合margin, 作如下设置:.parent{ width: -moz-fit-content; ...转载 2019-04-28 09:10:18 · 757 阅读 · 0 评论 -
优秀文章收藏(慢慢消化)持续更新~
better-learning整理收藏一些优秀的文章及大佬博客留着慢慢学习原文:https://www.ahwgs.cn/youxiuwenzhangshoucang.htmlgithub:https://github.com/ahwgs/better-learning规范协作规范中文技术文档协作规范(阮一峰)Javascript编程风格凹凸实验室前端代码规范vuejs风格指...原创 2019-05-15 11:11:41 · 580 阅读 · 0 评论 -
移动端H5 input输入完成后页面底部留白问题
说明最近在用vue写几个H5页面在微信上展示,遇到一个在弹窗上input输入完成之后点击键盘的完成,页面底部留出一片空白的问题出现原因分析当键盘抬起时,window.scrollY会从0变到键盘的高度,所以解决办法就是当input失去焦点的时候,将window.scrollY重新设置为0解决给所有的input``textarea组件设置获取焦点和设置焦点事件,失去焦点的时候将...原创 2019-05-21 16:42:20 · 2575 阅读 · 1 评论