摘要：
JavaScript介绍 什么是JavaScript？ Javascript是一门面向对象的，跨平台的脚本语言。 JavaScript有什么特点？ 解释性脚本语言 运行在浏览器（浏览器内核带有js解释器，Chrome v8引擎） 弱类型语言（松散型） 事件驱动（动态） 跨平台 JavaScript有 阅读全文
摘要：
gzip压缩 gzip压缩效率很高，可以达到70%的压缩率 //npm i -D compression-webpack-plugin 安装插件依赖 configureWebpack: config => { const CompressionPlugin = require('compressio 阅读全文
摘要：
在介绍宏任务和微任务之前，先抛出一个问题。相信大家在面试的时候，会遇到这样的相似的问题： setTimeout(function(){ console.log('1') }); new Promise(function(resolve){ console.log('2'); resolve(); } 阅读全文
摘要：
基本数据类型 在深入探讨深拷贝和浅拷贝之前，我们需要先了解一下Javascript得数据类型。众所周知JavaScript得数据类型，分为基本数据类型和引用数据类型。那么这两种类型到底有什么区别？接下来我们详细的谈谈。 导图： js内存 接下来我们还需要了解一个重要的知识点 js中的内存 js中的内 阅读全文
摘要：
最近做了一个后台管理系统主体框架是基于React进行开发的，因此系统的路由管理，选用了react-router（4.3.1）插件进行路由页面的管理配置。 实现原理剖析 1、hash的方式 以 hash 形式（也可以使用 History API 来处理）为例，当 url 的 hash 发生变化时，触发 阅读全文
摘要：
全局的请求进度条，我们可以使用nprogress来实现，效果如下： 首先需要安装插件： npm i nprogress -S 然后使用的时候主要有两种方式，第一种是切换页面的时候，第二种则是请求接口的时候。 切换页面可以在入口文件添加如下代码： import NProgress from 'npro 阅读全文
摘要：
最近做项目遇到一个需求，需要显示广东省各个地级市的地图，并且鼠标移入高亮显示，鼠标点击可以选中某个地级市。在网上查阅了大量资料之后，最后选择了使用echarts实现该需求。在此记录一下，希望可以帮到有需求的小伙伴。本人初次使用，有不足之处希望大家可以指出，先看看效果图： 该需求主要有以下几个关键点： 阅读全文
摘要：
手写签名（H5\小程序） 手写签名主要是用canvas实现。通过监听手指触碰屏幕事件来完成（touchstart、touchmove、touchcancel） H5： 这里是用的vue封装一个手写签名的组件 话不多说直接上代码 html： <template> <div class="hand_pa 阅读全文
摘要：
前言 最近忙里偷闲，给自己加油充电的时候，发现自己脑海中布局这块非常的凌乱混杂，于是花了一些时间将一些常用的布局及其实现方法整理梳理了出来，在这里，分享给大家。 单列布局 单列布局是最常用的一种布局，一般是将一个元素作为容器，设置一个固定的宽度，水平居中对齐。 单列布局一般有两种形式： (图片来源： 阅读全文
摘要：
背景 最近公司项目不多，比较清闲，划水摸鱼混迹于各大技术博客平台，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来，不由的发出一声感叹！ 前端可真是博大精深 于是突发奇想，现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容，俗话说，独乐乐不如众乐乐 阅读全文
摘要：
背景 最近小编接了一个新需求，用h5开发页面，通过webview嵌入原生APP中，自己在浏览器上开发爽歪歪，什么信息都能看到，可是一嵌入原生app中，瞬间就熄火了，啥也看不到了，不知道为什么，反正就是页面点不动了。 这可把我急坏了，不知道有没有小伙伴有和我一样的困扰，我们在开发手机版网页的时候，常常 阅读全文
摘要：
你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? IE: trident内核 Firefox：gecko内核 Safari:webkit内核 Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核 Chrome:Blink(基于webkit，Goo 阅读全文
摘要：
发送按钮悬停效果 效果图 HTML <div id="send-btn"> <button> // 这里是一个svg的占位 Send </button> </div> CSS #send-btn{ display: flex; align-items: center; justify-content 阅读全文
摘要：
控制台报错'Component' is defined but never used，是因为eslint的原因，你定义了该组件但是没有使用过。 以下demo组件名用Form做演示 解决方案一 命令行报错如下: 翻译:已定义“Form”，但未使用已定义变量 解决方式如下: 解决方案二 命令行末尾提示如 阅读全文
摘要：
what？你没有看错，强大的JavaScript也可以实现人脸识别功能。小编精心整理了一个人脸识别的JavaScript库（tracking.js），通过这篇文章，你可以了解到如何在网页中实现一个人脸识别功能。 tracking.js Tracking.js 是一个独立的JavaScript库，用于 阅读全文
摘要：
在日常项目开发中，树状下拉框的需求还是比较常见的，但是element并没有这种组件以供使用。在这里，小编就基于element如何封装一个树状下拉框做个详细的介绍。 通过这篇文章，你可以了解学习到一个树状下拉框组件是如何一步一步封装成功的。 话不多说，先看效果图： 封装组件 该组件主要基于elemen 阅读全文
摘要：
Sass是一种CSS预处理语言。CSS预处理语言是一种新的专门的编程语言，编译后形成正常的css文件，为css增加一些编程特性，无需考虑浏览器的兼容性（完全兼容css3），让css更加简洁、适应性更强，可读性更佳，更易于代码的维护等诸多好处。 CSS预处理语言有Scss(Sass) 和Less、Po 阅读全文