javascript
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 · 290 阅读 · 0 评论 -
谈谈图片上传及canvas压缩的流程
我们通常在做图片上传的时候都会遇上这样的情况,一是后端接口限制上传图片的大小,或者是即使后端没有限制大小,因为图片太大在前端渲染时太慢,造成页面加载体验较差。因此我们很有必要对上传的图片进行压缩。本文在gitthub做了收录:github.com/Michael-lzg…本文主要包括以下流程:用户通过input框选择图片 使用FileReader进行图片预览 将图片绘制到canvas画布上 使用canvas画布的能力进行图片压缩 将压缩后的Base64(DataURL)...原创 2020-06-11 11:44:24 · 342 阅读 · 0 评论 -
从零构建一个类似vue-cli的脚手架
前言想必大多数人在开发 vue 等 SPA 项目都时候都会直接用vue-cli等脚手架开发,一是方便省去了好多配置上的功夫,二是vue-cli毕竟是久经考验较为成熟的东西,遇到问...原创 2020-05-27 09:37:38 · 820 阅读 · 0 评论 -
webpack4构建一个前端项目
webpack是一种模块打包工具:它将各种静态资源(比如:JavaScript 文件,图片文件,样式文件等)视为模块,它能够对这些模块进行解析优化和转换等操作,最后将它们打包在一起,打包后的文件可用于在浏览器中使用。webpack的优点:1、代码转换: TypeScript 编译成 JavaScript、SCSS,LESS 编译成 CSS.2、文件优化:压缩 JavaScript、CSS、HTML 代码,压缩合并图片。3、代码分割:提取多个页面的公共代码、提取首屏不需要执行部分的代码让其异步加载原创 2020-05-10 10:10:06 · 366 阅读 · 1 评论 -
2020年你不能不知道的webpack基本配置
前言在很久很久以前,在我们前端还只是页面切图仔的年代,我们开发一个html页面,通常会遇到这些情况:需要引入十几个css和js文件,而且因为他们彼此间有着依赖关系,所以引入的顺序还不能乱。 传统的html+css+js开发方式不能不能很好地运用less/scss等css预处理器以及ES6+的高级语法。 代码复用性差,可维护性差。此时就需要一个处理这些问题的工具,webpack应运而生...原创 2020-05-05 17:37:30 · 383 阅读 · 0 评论 -
JS基础总结(5)—— JS执行机制与EventLoop
前言在2020年春节及疫情期间,整理了一下javascript的基础知识,在此给大家做下分享,喜欢的大佬们可以给个小赞。本文在github也做了收录。本人github:github.com/Michael-lzgJS基础总结(1)——数据类型JS基础总结(2)——原型与原型链JS基础总结(3)——作用域和闭包JS基础总结(4)——this指向及call/apply/bindJS基础总结...原创 2020-05-04 15:35:27 · 232 阅读 · 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 · 213 阅读 · 0 评论 -
JS基础总结(3)——作用域和闭包
前言在2020年春节及疫情期间,整理了一下javascript的基础知识,在此给大家做下分享,喜欢的大佬们可以给个小赞。本文在github也做了收录。本人github:github.com/Michael-lzgJS基础总结(1)——数据类型JS基础总结(2)——原型与原型链JS基础总结(3)——作用域和闭包JS基础总结(4)——this指向及call/apply/bindJS基...原创 2020-04-25 22:43:49 · 215 阅读 · 0 评论 -
JS基础总结(2)——原型与原型链
前言农历2019即将过去,趁着年前几天上班事情少,整理了一下javascript的基础知识,在此给大家做下分享,喜欢的大佬们可以给个小赞。本文在github也做了收录。本人github:github.com/Michael-lzg掘金:https://juejin.im/post/5e25017a6fb9a030026e804e构造函数每个构造函数(constructor)都...原创 2020-01-20 11:26:06 · 151 阅读 · 0 评论 -
JS基础总结(1)——数据类型
前言农历2019即将过去,趁着年前几天上班事情少,整理了一下javascript的基础知识,在此给大家做下分享,喜欢的大佬们可以给个小赞。本文在github也做了收录。本人github:github.com/Michael-lzg掘金:https://juejin.im/post/5e23eae9f265da3e2a79230cJavaScript 是弱类型语言,而且 JavaS...原创 2020-01-19 15:45:35 · 218 阅读 · 0 评论 -
总结解决跨域的几个方法
本文源自https://juejin.im/post/5e0d4b1c6fb9a048167710c3什么是跨域跨域:指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对 javascript 施加的安全限制。同源策略:是指协议,域名,端口都要相同,其中有一个不同都会产生跨域;跨域问题的解决jsonp虽然现在大部分项目并不会使用它来解决跨域,但是...原创 2020-01-06 15:43:05 · 271 阅读 · 0 评论 -
总结几种数组去重的方法
数组去重,是前端开发中处理数据常用到的方法,也是面试中常会被问到的知识点。下面我将介绍几种常见的方法,仅做参考!文章来源https://juejin.im/post/5dc00d8bf265da4d185fbacf1、利用数组的indexOf下标属性来查询function unique4(arr) { var newArr = [] for (var i = 0; i &...原创 2019-12-27 14:04:29 · 189 阅读 · 0 评论 -
浅谈JavaScript的 深拷贝和浅拷贝
文章来源:https://juejin.im/post/5da5bc60f265da5b8d18d4d3深拷贝深拷贝复制变量值,对于非基本类型的变量,则递归至基本类型变量后,再复制。 深拷贝后的对象与原来的对象是完全隔离的,互不影响,对一个对象的修改并不会影响另一个对象。浅拷贝浅拷贝是会将对象的每个属性进行依次复制,但是当对象的属性值是引用类型时,实质复制的是其引用,当引用指向的值...原创 2019-12-27 13:47:36 · 171 阅读 · 0 评论 -
Flow语法入门总结
看一段常见代码function foo(x) { return x + 10}foo('Hello!')上述的函数传参肯定不是我们希望的,因为JavaScript 是一门动态类型语言,变量和参数的类型是可以随时改变的,这样会提高在运行时产生错误的概率。但是怎么去避免这样的错误呢?#Flow语法没有类型的静态检查是 JavaScript 语言的先天缺失,所有很多变量类型相...原创 2019-11-01 14:59:41 · 3965 阅读 · 0 评论