自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 canvas轨迹运动, 利用向量实现点匀速运动

最近做了一个人员轨迹运动的需求, 来分享下代码.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点轨迹运动</title> <style> .canvas-box { ...

2019-06-06 14:33:08 5444 4

原创 axios封装,使用拦截器统一处理接口,超详细的教程

最近从0开始搭了一个vue-cli的项目, 虽然axios也可以直接拿来用,但是对接口比较零散,不太好进行维护,也会产生大量的重复代码,所以笔者对axios进行了统一接口处理,废话不多说,直接上代码。首先,在vue-cli项目的src路径下新建一个axios文件夹,在axios文件夹里新建aps.js和request.js,api.js用于写接口,对axios的封装写在request.j...

2018-08-14 14:38:31 100875 29

原创 vite2.0介绍及原理分析

一、前端发展史二、vite介绍三、vite特点四、vite原理分析五、vite vs webpack六、问题

2021-06-11 15:00:04 2852 1

原创 判断某个点是否在多边形内

isPointInPoly = (pt: { x: number; y: number }, poly: { x: number; y: number }[]) => { //判断点是否在多边形内 let c = false, i = -1, len = poly.length, j = len - 1; for (; ++i &...

2020-12-14 14:26:55 182

原创 JavaScript基础----数组的深拷贝与浅拷贝

前段时间面试, 面试官上来就问数组的深浅拷贝问题, 今天有时间, 刚好来总结一下.首先, 什么是深拷贝和浅拷贝呢? JS中数据类型分为基本数据类型和引用数据类型,基本类型存放在栈中,存的是值; 引用类型存放在堆中, 存的是地址。只有引用数据类型才有深拷贝、浅拷贝的概念深拷贝:深拷贝是指, 在计算机中开辟了一块内存地址用于存放复制的对象, 新对象与原对象不会相互影响;浅拷贝: 浅拷贝是...

2019-04-24 20:39:24 763

原创 ES6系列----Set和Map数据结构对比

一、Set和Map数据结构定义区别 Set数据结构 Map数据结构 定义 Set类似于数组,但是成员的值都是唯一的,没有重复。使用new Set()创建Set实例 Map类似于对象,但是键的范围不限于字符串,各种类型的值都可以作为键值。使用new Map()创建Map实例 二、Set和Map操作方法的区别 Set数据结构 Map数据结构 ...

2018-08-29 10:57:50 3757 3

原创 ES6系列----扩展运算符...

一、 定义:扩展运算符是三个点(...),可以讲一个数组转换成用逗号分隔的参数序列。console.log(...[1,2,3]);//1,2,3二、作用:1. 合并数组:let arr1 =[1, 2];let arr2 =[3];let arr3 =[4, 5];//ES5arr1.concat(arr2, arr3);// [1, 2, 3, 4, 5]...

2018-08-29 10:57:32 1236

原创 ES6系列----变量的解构赋值

ES6规定,允许按照一定模式从数组和对象中提取值,对变量进行赋值,这种被称为解构。一、数组的解构赋值数组的解构赋值是指,左边是一个数组,右边也是数组,按照对应的位置对左边的变量进行赋值。let [a, [b], c] = [1, [2,3], 4]; //a=1, b=2, c=4如果结构不成功,变量的值就等于undefined。let [x, y, ...z]=['...

2018-08-29 10:57:24 210

原创 ES6系列----let、const

总结:1. 块级作用域 :let、const声明的变量,只在该代码块内有效;2. 变量不会提升:let、const不存在变量提升,在未声明前使用变量,会报ReferError: x is not defined;3. 暂时性死区:let、const声明的变量,存在暂时性死区,只要块级作用域内存在let、const命令,她内部的变量将不会受外界变量的影响;4. 不允许重复声明:在同一...

2018-08-29 10:57:03 155

原创 JavaScript基础----隐式转换

不同类型的变量比较要先转类型,叫做类型转换,类型转换也叫隐式转换。隐式转换通常发生在运算符加减乘除、等于、还有小于、大于等。js隐式转换,可以说是一个很大的坑了,下面就来侃一侃js隐式转换的规律。1. ==隐式转换如图,js在隐式转换(==)的时候,会按图示进行转换:关于==隐式转换的规则,可以概括如下几点: 1. 字符串和数字比较时,字符串转数字; ...

2018-08-28 11:06:09 1188

原创 CSS----flex布局

2018-08-28 10:31:36 176

原创 JavaScript基础----类型判断typeof()、Object.prototype.toString.call()

typeof() Object.prototype.toString.call() 用法 typeof(val) Object.prototype.toString.call(val) 数字 number [object Number] 字符串 string [object String] unde...

2018-08-24 11:38:49 582

原创 移动端兼容问题总结----持续更新

1. input标签添加上disable属性在移动端字体颜色不兼容解决方案input[disabled], input:disabled{ color: #666; -webkit-text-fill-color: #666; -webkit-opacity: 1; opacity: 1;}2. ios系统不识别yyyy-mm-dd格式的日期...

2018-08-15 16:22:30 764

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除