随笔分类 - JavaScript
JavaScript随记
摘要：背景 最近公司项目不多，比较清闲，划水摸鱼混迹于各大技术博客平台，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来，不由的发出一声感叹！ 前端可真是博大精深 于是突发奇想，现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容，俗话说，独乐乐不如众乐乐
阅读全文
摘要：背景 最近小编接了一个新需求，用h5开发页面，通过webview嵌入原生APP中，自己在浏览器上开发爽歪歪，什么信息都能看到，可是一嵌入原生app中，瞬间就熄火了，啥也看不到了，不知道为什么，反正就是页面点不动了。 这可把我急坏了，不知道有没有小伙伴有和我一样的困扰，我们在开发手机版网页的时候，常常
阅读全文
摘要：what？你没有看错，强大的JavaScript也可以实现人脸识别功能。小编精心整理了一个人脸识别的JavaScript库（tracking.js），通过这篇文章，你可以了解到如何在网页中实现一个人脸识别功能。 tracking.js Tracking.js 是一个独立的JavaScript库，用于
阅读全文
摘要：Sass是一种CSS预处理语言。CSS预处理语言是一种新的专门的编程语言，编译后形成正常的css文件，为css增加一些编程特性，无需考虑浏览器的兼容性（完全兼容css3），让css更加简洁、适应性更强，可读性更佳，更易于代码的维护等诸多好处。 CSS预处理语言有Scss(Sass) 和Less、Po
阅读全文
摘要：什么是跨域？ 跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。 什么是同源策略？ 同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，它是由Netscape提出的一个著名的安全策略。 同源
阅读全文
摘要：在项目开发中，接口请求是必不可少的，为了方便使用和维护，大家都会将接口请求的方法二次封装。下面小编将我项目中接口封装使用的方法分享给大家，希望可以帮到大家。喜欢的给个三连击再走哟。 目前前端常用的请求方式主要有两种：axios、Fetch。下面小编就这两种给大家详细的介绍介绍。 axios axio
阅读全文
摘要：在前端项目开发中，前端的本地存储是必不可少的，今天小编就前端的本地存储在项目中的使用详细的介绍一下。前端本地存储主要有： cookie localStorage sessionStorage webSQL/indexDB 接下来就这三种前端常用的存储方式进行介绍。 cookie cookie就是存储
阅读全文
摘要：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中的内
阅读全文
摘要：话不多说，直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>贪吃蛇</title> <style type="text/css"> * { margin: 0; padding: 0; font-f
阅读全文
摘要：今天学习了canvas，利用它做了一个简易版的画板，校验自己所学的知识，分享出来以供大家学习指教。先上效果图。 主要是使用了canvas的stroke和clearReact来实现画板的绘画和橡皮擦功能，然后通过监听鼠标的按下、移动、弹起事件，完成绘画及擦除功能。直接上才艺代码 html: <inpu
阅读全文
摘要：项目中对axios进行二次封装 随着前端技术的发展，网络请求这一块，越来越多的程序猿选择使用axios来实现网络请求。但是单纯的axios插件并不能满足我们日常的使用，因此我们使用时，需要根据项目实际的情况来对axios进行二次封装。 接下来就我对axios的二次封装详细的说说，主要包括请求之前、返
阅读全文
摘要：浅拷贝 浅拷贝是按位拷贝对象，它会创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值；如果属性是内存地址（引用类型），拷贝的就是内存地址 ，因此如果其中一个对象改变了这个地址，就会影响到另一个对象。 var a = [ 1, 3, 5, { x: 1
阅读全文
摘要：公司项目要求需要兼容ie9，开发过程中遇到了许多问题，在这里记录一下，希望可以帮到其他需要的小伙伴。 浏览器兼容性问题无外乎三点，css样式兼容、JavaScript兼容及h5部分标签的兼容。主要介绍以下几种常见兼容问题： 1、 flex布局兼容问题 相信很多小伙伴在开发的时候，都喜欢用flex进行
阅读全文
摘要：最近做项目遇到一个需求，需要显示广东省各个地级市的地图，并且鼠标移入高亮显示，鼠标点击可以选中某个地级市。在网上查阅了大量资料之后，最后选择了使用echarts实现该需求。在此记录一下，希望可以帮到有需求的小伙伴。本人初次使用，有不足之处希望大家可以指出，先看看效果图： 该需求主要有以下几个关键点：
阅读全文
摘要：// 匹配邮箱 let reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$ // (新)匹配手机号 let reg = /^1[0-9]{10}$/ // (旧)匹配手机号 let reg = /^1(3|4|5|7|8)[
阅读全文
摘要：我们都知道频繁触发执行一段js逻辑代码对性能会有很大的影响，尤其是在做一些效果实现方面，或者逻辑中需要进行后端请求，更是会导致卡顿，效果失效等结果，所以在处理类似的情况时，可以考虑使用函数节流和函数去抖来解决，至于具体使用哪一种方式，根据实际情况分析定夺,先来讲解一些这两者的概念,以下是我个人的一些
阅读全文
浙公网安备 33010602011771号