HTML
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 评论 -
有趣的Canvas,你值得拥有!
Canvas 是 HTML5 提供的一个用于展示绘图效果的标签. Canvas 原意为画布, 在 HTML 页面中用于展示绘图效果. 最早 Canvas 是苹果提出的一个方案, 今天已经在大多数浏览器中实现。canvas 的使用领域游戏 大数据可视化数据 banner 广告 多媒体 模拟仿真 远程操作 图形编辑判断浏览器是否支持 canvas 标签var canvas = document.getElementById('canvas')if (canvas.getContex原创 2020-06-06 16:45:49 · 240 阅读 · 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 评论 -
meta标签
原文链接:http://caibaojian.com/mobile-meta.html移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析HTML代码,更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。 lang="zh-cmn-Hans"> > charset='utf-8'> http-equiv转载 2018-01-12 21:54:57 · 361 阅读 · 0 评论