![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技术
王中奎
这个作者很懒,什么都没留下…
展开
-
vue 倒计时
HTML:<div>{{countDownList}}</div>script:export default { data() { return { countDownList: '00天00时00分00秒', actEndTime: '2018-11-19 18:50:00' }; }, created(...原创 2019-11-25 11:25:00 · 130 阅读 · 0 评论 -
Javascript中的上下文详解 this
执行上下文是当前 JavaScript 代码被解析和执行时所在环境的抽象概念。执行上下文的类型执行上下文总共有三种类型 全局执行上下文:只有一个,浏览器中的全局对象就是 window 对象,this 指向这个全局对象。 函数执行上下文:存在无数个,只有在函数被调用的时候才会被创建,每次调用函数都会创建一个新的执行上下文。 Eval 函数执行上下文: 指的是运...原创 2018-12-06 17:20:43 · 254 阅读 · 0 评论 -
面试题引起的思考
一道面试题引起的思考今天在认真干(划)活(水)的时候,看到群里有人发了一道头条的面试题,就顺便看了一下,发现挺有意思的,就决定分享给大家,并且给出我的解决方案和思考过程。题目如下:实现一个get函数,使得下面的调用可以输出正确的结果const obj = { selector: { to: { toutiao: “FE Coder”} }, target: [1, 2, { name: ‘...原创 2018-12-05 19:37:04 · 132 阅读 · 0 评论 -
设计模式-观察者模式
进击的观察者模式原文链接: 进击的观察者模式商品信息改变带来的烦恼Talk is cheap. Show me the code. (译: 屁话少说, 放码过来)以下所有代码参见Design pattern transformation.// 商品的信息: 价格 & 折扣const data = { price: 100, discount: 0...翻译 2018-11-28 19:48:43 · 90 阅读 · 0 评论 -
详解JavaScript ES7 ES8 ES9 新特性
拓跋的前端客栈 详解JavaScript ES7 ES8 ES9 新特性题记:本文提供了一个在线PPT版本,方便您浏览 细解JAVASCRIPT ES7 ES8 ES9 新特性 在线PPT ver本文的大部分内容译自作者Axel Rauschmayer博士的网站,想了解更多关于作者的信息,可以浏览Exploring JS: JavaScript books for progra...转载 2018-11-28 19:45:23 · 281 阅读 · 0 评论 -
强大的console.log
多彩的 console.log今天看到一篇很有意思的一篇文章,如何打印多彩的console.log?前端的小伙伴对console.log再熟悉不过了,但是至今为止,我都是一直在用其最普通的用法,控制台中打印一条message。没想到,还能给console.log应用样式呢?不知道你们是否知道呢?console.log('%cHello', 'color: green; background...翻译 2018-11-28 19:33:40 · 166 阅读 · 0 评论 -
简单的前端网页分享功能怎么做?
分享是现在的web开发,最常用的功能,对于前端网页,有很多现成的别人已经做好的东西,提供给我们使用。 第一类——常用分享方式 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"原创 2018-11-30 16:20:18 · 5175 阅读 · 0 评论 -
详解Javascript数组和对象的遍历问题
前端遍历有多种情况,除最常用的for循环外,还有for in、for of 等等,有针对数组的map遍历、forEach遍历,有针对对象的Object.keys、object.values等等。1、for循环,for in,for of的区别在哪里?先说说数组,举个栗子。普通的for循环,就是遍历我们的数组。for in循环,会把原型上的属性和属性值都遍历下来,遍历的是键名。for of...原创 2018-11-30 15:59:20 · 283 阅读 · 0 评论 -
前端做异步并发量的控制解析
需求来源在小程序中,它规定了数据请求的并发量不超过10个,那么在代码层面,我们如何避免这种情况的出现呢?设计思路设计思路其实很简单,假如并发量控制是 51,首先,瞬发 5 个异步请求,我们就得到了并发的 5 个异步请求// limit = 5while(limit–) {handleFunction(list)}2,然后,等每个异步请求执行完,执行下一个list项let rec...原创 2018-11-30 15:52:19 · 679 阅读 · 0 评论 -
vscode常用命令以及开发者安装插件
Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。 vsc常用快捷键:同时打开多个窗口(查看多个项...原创 2018-11-30 15:46:58 · 1966 阅读 · 0 评论 -
fetch的实现原理解析
fetch的实现原理解析说明fetch是基于原生的XMLHttpRequest对象来实现数据请求的。同时,fetch也是基于Promise实现链式调用的。那么,实现fetch的本质:就是实现ajax的封装以及Promise的实现。ajax的封装在原生的api中,XMLHttpRequest对象是封装ajax的核心。其最简单的封装步骤如下:function ajax(ur...原创 2018-11-29 14:09:31 · 1374 阅读 · 0 评论 -
ES6 使用教程
ES6 完全使用手册前言这里的 "ES6" 泛指 ES5 之后的新语法 这里的 "完全" 是指本文会不断更新 这里的 "使用" 是指本文会展示很多 ES6 的使用场景 这里的 "手册" 是指你可以参照本文将项目更多的重构为 ES6 语法此外还要注意这里不一定就是正式进入规范的语法。1. let 和 const在我们开发的时候,可能认为应该默认使用 let 而不是 var,这...原创 2018-11-29 10:20:32 · 308 阅读 · 0 评论