![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
lzg9527
从事前端开发,熟悉Html,Css,Javascript,Vue,微信小程序开发
展开
-
分享8个非常实用的Vue自定义指令
本文在github做了收录github.com/Michael-lzg…demo源码地址github.com/Michael-lzg…在 Vue,除了核心功能默认内置的指令 ( v-model 和 v-show ),Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式,通过Vue.directive( id, [definition] )方式注册全局指令。然后在入口...原创 2020-12-15 14:58:37 · 287 阅读 · 0 评论 -
从零构建一个类似vue-cli的脚手架
前言想必大多数人在开发 vue 等 SPA 项目都时候都会直接用vue-cli等脚手架开发,一是方便省去了好多配置上的功夫,二是vue-cli毕竟是久经考验较为成熟的东西,遇到问...原创 2020-05-27 09:37:38 · 816 阅读 · 0 评论 -
webpack4构建一个前端项目
webpack是一种模块打包工具:它将各种静态资源(比如:JavaScript 文件,图片文件,样式文件等)视为模块,它能够对这些模块进行解析优化和转换等操作,最后将它们打包在一起,打包后的文件可用于在浏览器中使用。webpack的优点:1、代码转换: TypeScript 编译成 JavaScript、SCSS,LESS 编译成 CSS.2、文件优化:压缩 JavaScript、CSS、HTML 代码,压缩合并图片。3、代码分割:提取多个页面的公共代码、提取首屏不需要执行部分的代码让其异步加载原创 2020-05-10 10:10:06 · 365 阅读 · 1 评论 -
2020年你不能不知道的webpack基本配置
前言在很久很久以前,在我们前端还只是页面切图仔的年代,我们开发一个html页面,通常会遇到这些情况:需要引入十几个css和js文件,而且因为他们彼此间有着依赖关系,所以引入的顺序还不能乱。 传统的html+css+js开发方式不能不能很好地运用less/scss等css预处理器以及ES6+的高级语法。 代码复用性差,可维护性差。此时就需要一个处理这些问题的工具,webpack应运而生...原创 2020-05-05 17:37:30 · 382 阅读 · 0 评论 -
JS基础总结(4)——this指向及call/apply/bind
前言在2020年春节及疫情期间,整理了一下javascript的基础知识,在此给大家做下分享,喜欢的大佬们可以给个小赞。本文在github也做了收录。本人github:github.com/Michael-lzgJS基础总结(1)——数据类型JS基础总结(2)——原型与原型链JS基础总结(3)——作用域和闭包JS基础总结(4)——this指向及call/apply/bindJS基础总结...原创 2020-04-27 21:50:20 · 212 阅读 · 0 评论 -
搭建一个vue-cli的移动端H5开发模板
简介vue-mobile 是是基于 vue-cli 实现的移动端 H5 开发模板,其中已经搭建好基本的开发框架,可帮助您实现快速开发。 技术栈:vue + vux + axios + less源码地址:github.com/Michael-lzg…功能搭建项目目录 配置 css 预处理器 配置 UI 组件库 vux 解决移动端适配 配置页面路由缓存 axios 请求封装...原创 2019-10-29 17:37:06 · 1976 阅读 · 0 评论 -
移动端rem使用及高清适配
一、相关概念rem(fontsizeoftherootelement)是指相对于根元素(html)的字体大小的单位。简单的说它就是一个相对单位。em(fontsizeoftheelement)是指相对于父元素的字体大小的单位。它们之间其实很相似,只不过一个计算的规则是依赖根元素一个是依赖父元素计算。设备物理像素:通俗的讲设备屏幕有多少个可以闪烁的点 是一个具体的概念 比如...原创 2019-03-11 22:50:49 · 601 阅读 · 0 评论