自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(20)
  • 收藏
  • 关注

转载 js实现十大经典排序算法(动图演示)

0、算法概述 0.1 算法分类 十种常见排序算法可以分为两大类: 比较类排序:通过比较来决定元素间的相对次序,由于其时间复杂度不能突破O(nlogn),因此也称为非线性时间比较类排序。 非比较类排序:不通过比较来决定元素间的相对次序,它可以突破基于比较排序的时间下界,以线性...

2019-08-31 11:12:00 1091

转载 微信小程序使用canvas实现生成海报图的功能

最近开发中要实现一个需求,用户点击分享生成一个图片海报,可以供用户发朋友圈或者其他使用(感觉没人会用~),用到了小程序canvas,和web上的功能基本一样,记录一下。 ---还没上线一周,这个功能就被撤了 首先预设几个工具函数 1/小程序开发使用的是 rpx,但是can...

2019-08-29 09:36:00 1274

转载 git 常用指令&stash暂存的操作

常用git命令 git checkout --track origin/name 复制远程分支到本地 git branch命令的-r选项,可以用来查看远程分支,-a选项查看所有分支。 $ git checkout -b *** 创建新分支 $ git pull orig...

2019-08-28 09:23:00 773

转载 前端面试题:清除浮动、前端路由实现、微任务、宏任务 event loop、堆栈队列...

1、清除浮动。 在一个元素脱离文档流之后,可能会对上下元素的布局造成影响,这时候需要清除浮动,可用方式 clear: left | right | both overflow: hidden | auto 触发BFC快格式化上下文 BFC是就像一道屏障,隔离出了BFC内部和...

2019-08-19 14:38:00 154

转载 js小技巧

1、创建无重复的唯一值数组 var j = [...new Set([1, 2, 3, 3])] >> [1, 2, 3] Set对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。 2、数组去除空值 Array....

2019-08-15 20:11:00 85

转载 冻结对象Object.freeze()和Object.seal()的区别

Object.freeze() Object.freeze()方法可以冻结一个对象。一个被冻结的对象再也不能被修改;冻结了一个对象则不能向这个对象添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举性、可配置性、可写性,以及不能修改已有属性的值。此外,冻结一个对象后该对象的原型...

2019-08-06 16:06:00 760

转载 css3-animation

前端实现动画效果时可以采用css动画或者js element.animate 也就是Web Animations API 来做(对于动画执行完成事件处理等易于操作),这里记录下个人使用css3做动画的一些记录点 定义和用法 animation 属性是一个简写属性,用于设置六个...

2019-08-05 17:35:00 88

转载 优化记录/工作中记录

1、接口合并优化 相同接口轮询请求的情况下,服务端压力变大,连接池繁忙,在测试时60个左右的请求循环发出,这时候第一个请求完成100ms以内,然后处理时间慢慢增加,到最后一个请求,处理时间已经在1200ms左右了 2、自定义上传裁切组件请求问题 自定义上传文件是,使用之前自己用axi...

2019-08-01 15:17:00 162

转载 常用webpack插件记录

UglifyJsPlugin uglifyJsPlugin 用来对js文件进行压缩,减小js文件的大小。 uglifyJsPlugin会拖慢webpack的编译速度,建议仅在线上环境开启即可。 // webpack.config.jsconst UglifyJsPlugi...

2019-07-30 17:11:00 98

转载 yield

yield是什么 yield是ES6的新关键字,使生成器函数执行暂停,yield关键字后面的表达式的值返回给生成器的调用者。它可以被认为是一个基于生成器的版本的return关键字。 yield关键字实际返回一个IteratorResult(迭代器)对象,它有两个属性,value和...

2019-07-18 10:38:00 87

转载 Vue自定义指令directive,插件的封装以及混合mixins

一.自定义指令directive 除了核心功能默认内置的指令 (v-model和v-show),Vue 也允许注册自定义指令。注意,在Vue2.0中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。 来个实例...

2019-07-18 09:59:00 358

转载 vue中引入typescript开发使用vue.extend()和vue.class-component

最近尝试了一下 TypeScript,试着把一个 Vue 项目改成了 TypeScript 的,感觉还不错 目前 Vue 和 TypeScript 的配合还不算很完美,Vuex 和 TypeScript 的配合挺糟糕的,尝试需要谨慎 如果想体验一下的话,强烈建议你用 vue-cli 3 直...

2019-07-17 15:37:00 2815

转载 typescript 知识点文档笔记二

类型操作符 keyof T,索引类型查询操作符。 对于任何类型T,keyof T的结果为T上已知的公共属性名的联合 T[K],索引访问操作符。只要确保类型变量K extends keyof T function pluck<T, K extends k...

2019-07-11 17:19:00 111

转载 typescript 知识点文档笔记

类型注解 // TypeScript里的类型注解是一种轻量级的为函数或变量添加约束的方式。 比如在这个例子里,我们希望 greeter函数接收一个字符串参数function greenter(person: string){ return `hello, ${pe...

2019-07-08 14:45:00 104

转载 es7/es8/es9

ES2017 Array.prototype.includes()方法 求幂运算符(**) ES2018 Async/Await String.padStart(length, str) 和 String.padEnd(length, str) 参...

2019-07-04 12:00:00 151

转载 border-radius

border-radius: 1-4 length|% / 1-4 length|%; 解释:1-4指的是radius的四个值,length和%指的是值的单位。 两个参数的时候,指上左和下右、上右和下左; 三个参数的时候,指上左、上右和下左、下右; 其中 / 前即第一个参数表示圆角的...

2019-07-04 11:44:00 86

转载 canvas 生成页面水印,MutationObserver 控制节点防修改

网上浏览的时候。看到有些页面会有背景的水印效果,使用canvas实现了个类似的效果,如图 可以作为背景,也可以作为页面前景覆盖,防止网页信息的截图 实现代码 let canvas = document.createElement('canvas')canvas.id = '__c...

2019-06-25 18:12:00 656

转载 window.requestAnimationFrame 使用方式

MDN解释 window.requestAnimationFrame()告诉浏览器——你希望执行一个动画,并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数,该回调函数会在浏览器下一次重绘之前执行 执行时机W3C建议,回调函数执行次数与浏览器屏幕...

2019-06-22 16:09:00 705

转载 JavaScript中的toString( ) 与 valueOf( )方法、隐式转换

说明 所有的对象都继承有toString() 和 valueOf() 方法,对象到字符串,对象到数字的转换,会通过调用待转换对象的这两个方法中的一个来完成。 解释 toString( )方法的作用是: 返回一个反映这个对象的字符串,而很多类都定义了不同版本的toString( )...

2019-06-11 12:03:00 377

转载 不同类型值相比较的规则和类型转换、隐式转换

相等运算符(==) 在遇到两个操作数类型不同的时候,要遵守的规则和类型转换 1、如果-个值是null, 另一个是undefined,则它们相等 null == undefined //返回true 2、如果一个值是数字,另一个是字符串,先将字符串转换为数字,然后使用转换后的值进行比较。 ...

2019-06-11 11:39:00 373

空空如也

空空如也

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

TA关注的人

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