Js高级API

2023-01-13
阅读 21 分钟
1k
Decorator装饰器针对属性 / 方法的装饰器 {代码...} vue中使用Decoratorts开发一定对vue-property-decorator不会感到陌生,这个插件提供了许多装饰器在methods里面的方法上面使用装饰器,这时候装饰器的target对应的是methods。可以在生命周期钩子函数上面使用装饰器,这时候target对应的是整个组件对象。 {代码...} tes...
封面图

浅剖0.1 + 0.2 = ?

2022-07-08
阅读 2 分钟
1.6k
溯源数字计算机当中是以二进制存储,所以这里我们需要先知道十进制转二进制的规则,和二进制转十进制的规则十进制转换二进制分两种规则:整数转二进制:除2取余,逆序排列。小数转二进制:乘2取整,正序排列怎么理解这两句:比如 9.375这个数字,整数是9,小数是0.375整数9转成二进制就是: 1001那么小数0.375转成二进制就...
封面图

vue中H5的progress标签仿写一个进度条和逻辑

2020-10-14
阅读 2 分钟
2.1k
*载入:0~5秒,每秒增加8%进度;5~10秒,每秒增加4%进度;10~20秒,每秒增加2%进度;超过20秒,每秒增加0.2%进度,最多不超过95%*

Fetch在项目中灵活使用

2020-09-13
阅读 1 分钟
1.4k
fetch的兼容 {代码...} Fetch的post请求 {代码...} Fetch mock数据 {代码...}

前端javascript封装SDK 简易版

2020-09-08
阅读 6 分钟
4.3k
**由于我不确定中台在使用时,有没有axios之类的依赖库,所以在sdk内部封装了ajax。尽量做到一处封装,处处可用。**unicomMiddle.js {代码...} 使用 {代码...} API

ES6 元编程:Reflect

2020-08-27
阅读 12 分钟
2.9k
符号(symbol)是指包含在实现中的反射 - 通过向已有的类和对象中添加符号来改变其行为。反射(refect)是指通过内省来实现反射 - 用于从代码中发现更低层次的信息。代理(proxy)是通过拦截实现反射 - 包装对象,然后通过设置陷阱来拦截它们的行为。

Object对象的方法

2020-08-27
阅读 2 分钟
1.5k
Object.setPrototypeOf(),为现有对象设置原型,返回一个新对象 接收两个参数:第一个是现有对象,第二是原型对象。 2、new 命令通过构造函数新建对象实例的过程,其本质是将实例的原型,指向了构造函数的prototype属性,然后在实例上执行构造函数。

二十年九月记

2020-07-18
阅读 3 分钟
1.3k
对于在模板字符串中遍历的遍历的数据转数组数据为空的情况 {代码...} 实现对页面上某些对象文本信息的控制,禁止鼠标在当前元素上拖动. {代码...} 解决本地和线上环境的路径不同的问题window.location.replace无论前面的路径是什么只替换后面的文件路径名 {代码...} js的导出方式 {代码...} Object.isObject.is()方法判...

工具函数

2020-06-24
阅读 1 分钟
1k
获取当前网页的完整路径如:[链接] {代码...}

时间格式的转换和使用

2020-05-04
阅读 2 分钟
1.4k
dateUtil.js {代码...} 计算目前到目标日期还剩多少天 引入import dateUtil from '@/util/dateUtil' {代码...}

面试常问undefined与null的区别,如何详细讲下去

2020-04-12
阅读 2 分钟
13.7k
所以设置一个值为 null 是合理的,如 objA.valueA = null; 但设置一个值为 undefined 是不合理的,如 objA.valueA = undefined; // 应该直接使用 delete objA.valueA; 任何一个存在引用的变量值为undefined都是一件错误的事情。

最近的兼容

2020-03-06
阅读 3 分钟
1.3k
find()函数用来查找目标元素,找到就返回该元素,找不到返回undefined。findIndex()函数也是查找目标元素,找到就返回元素的位置,找不到就返回-1。

数字的精度的控制 和自定义指令

2020-01-27
阅读 4 分钟
2.8k
JS是没有类的概念的,把JS中的构造函数看做的类所以说类式继承也是一种针对构造函数来做继承的一种方式 将父类创建出来的对象赋值给子类的原型,就是类式继承 改变el-popover的触发方式 {代码...} 文字强制换行 {代码...} 把代码中的换行换成br标签 {代码...} 小数点的精度控制 {代码...} 自定义事件 {代码...} @input 一...

VUE 20年十月整理

2019-12-14
阅读 3 分钟
2.1k
slot标签还可以有一个name属性,可以在template标签上用v-slot:name指令将内容替换到固定name值的slot标签上, ==v-slot可简写为 一个井号 # ==

GoJS

2019-11-25
阅读 9 分钟
7.9k
GoJS是用于实现交互式图的JavaScript库。GoJS是依赖HTML5功能的JavaScript库, 使用 {代码...} 直接链接到CDN提供的GoJS库: {代码...} 每个GoJS图表都包含在<div>您的HTML页面的HTML元素中,您可以提供明确的大小: {代码...} 在JavaScript代码您传递<div>的id制作图表时: {代码...} 注意,这go是所有GoJS...

js的技巧

2019-11-03
阅读 3 分钟
1.5k
接收参数更好的方式 {代码...} 箭头函数返回对象/表达式 {代码...} Set数组去重 {代码...} try..catch..finally {代码...} 检查值是否为数组 {代码...} 获取对象的所有键值 {代码...} 双问号语法这个??的意思是 如果?? 左边的值是null 或者是undefined,那么就返回右边的 {代码...} .检查数值是不是NAN {代码...} 检查数...

最近看的比较好的文章的链接

2019-11-03
阅读 1 分钟
1.6k
Object.create()方法 JS 原生面经从初级到高级【近1.5W字】 JavaScript中的Object.defineProperty()和defineProperties() 吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧《上》 「硬核JS」一次搞懂JS运行机制 Vue读懂这篇,进阶高级

封装ajax请求函数(ajax.js)与接口请求函数(index.js)以及如何在项目中使用

2019-10-21
阅读 3 分钟
2.3k
api文件下的ajax {代码...} ajax文件下的index.js {代码...} 配置代理 在项目中使用

ES6之class

2019-09-28
阅读 6 分钟
1.4k
在实际开发中,我们往往需要创建很多相同类型的对象,如用户、商品或其他对象。我们知道,通过new一个function可以创建一个对象,但在现代的JavaScript里,有一个更高级的“类”结构,对于面向对象编程提供了一些很不错的特性。

ES6 Iterators (改变不能遍历迭代的对象,使之可以迭代)

2019-09-26
阅读 6 分钟
2.3k
可迭代是一种数据结构,它希望使其元素对外部可访问,通过实现一个关键字是Symbol.iterator的方法来实现,该方法是迭代器的工厂,也就是说,它将创建迭代器。迭代器是一个指针,用于遍历数据结构的元素,我们将使用computed property语法来设置这个键,如下:

vue中以Element写一个分页组件

2019-09-20
阅读 2 分钟
1.5k
组件代码 {代码...} 别的组件引入 {代码...}

ES6中的函数参数默认值

2019-09-20
阅读 2 分钟
2.5k
ES6语法的好处:1.简洁2.阅读代码的人可以看出哪些参数是可以省略的,不用查看函数体或文档3.有利于将来的代码优化,即使未来的版本即使拿掉这个参数,以前的代码也可以运行还有参数变量是默认声明的,不能在函数体内部再进行声明。

ES中的map的使用

2019-09-20
阅读 1 分钟
4.3k
Map 结构转为数组结构 {代码...} Map 循环遍历Map 原生提供三个遍历器: keys():返回键名的遍历器。values():返回键值的遍历器。entries():返回所有成员的遍历器。 {代码...} 可以和set一起使用构建一个map对象 {代码...}

Object.assign的入门

2019-09-10
阅读 3 分钟
1.5k
Object.assign()方法用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象,它将返回目标对象。 1、该方法复制的是可枚举的属性的值,不可枚举的属性不会处理。 2、它返回的是一个对象。

代码优化片段

2019-09-04
阅读 10 分钟
1.9k
passive就是为了改善移动端滚屏性能而设计的简单说就是如果你监听了window的scroll或者touchmove事件,你应该把passive设置为true,这样滚动就会流畅很多

移动端通用mixins stylus版

2019-08-30
阅读 2 分钟
1.5k
移动端通用mixins stylus版基础配置 {代码...}

前端将后端返回的数据处理成树形结构数据

2019-08-29
阅读 2 分钟
8.8k
不过,该方法有个缺点,在我使用组件的时候需要的数据结构中,如果子级没有数据children返回[]。需要将数据整理树形结构的主要在菜单栏或分类的树形结构上,当然还有像省市这种有从属关系的结构。

javascript之职责链模式

2019-08-29
阅读 4 分钟
1.2k
场景: 某电商针对已付过定金的用户有优惠政策, 在正式购买后, 已经支付过 500 元定金的用户会收到 100 元的优惠券, 200 元定金的用户可以收到 50 元优惠券, 没有支付过定金的用户只能正常购买。

装饰者模式

2019-08-28
阅读 2 分钟
1.1k
生活中的例子: 天气冷了, 就添加衣服来保暖;天气热了, 就将外套脱下;这个例子很形象地含盖了装饰器的神韵, 随着天气的冷暖变化, 衣服可以动态的穿上脱下。

最近印象深的代码片段

2019-08-25
阅读 7 分钟
1.3k
消息铃抖动 {代码...} Axios同步请求 {代码...} js utf-8解码 {代码...} 弹窗树结构 {代码...} 利用jsZip解析zip包 并将数据转换成树结构 {代码...} 未完待续。。。