文章库ARTICLE COLUMN

  • 每日前端进阶第一题:如何正确判断this的指向?

    每日前端进阶第一题:如何正确判断this的指向?

    摘要:作者陈大鱼头链接背景最近高级前端工程师刘小夕在上开了个每个工作日布一个前端相关题的,怀着学习的心态我也参与其中,以下为我的回答,如果有不对的地方,非常欢迎各位指出。当一个函数用作构造函数时使用关键字,它的被绑定到正在构造的新对象。 作...

    MiyangMiyang 评论0 收藏0
  • JS 字符串与数组你必须要知道的API(一)

    JS 字符串与数组你必须要知道的API(一)

    摘要:如果数组只有一个,那么将返回该值而不使用分隔符。示例语法方法使用指定的分隔符字符串将一个对象分割成字符串数组,以将字符串分隔为子字符串,以确定每个拆分的位置。 每天4个JavaScript字符串与数组的API,帮助大家与我自己加深记忆,持续更新... ....

    kelvinleekelvinlee 评论0 收藏0
  • JS 调用栈机制与 ES6 尾调用优化介绍

    JS 调用栈机制与 ES6 尾调用优化介绍

    摘要:在调用栈中每个调用侦都对应一个函数,最上方的调用帧称为当前帧,调用栈是由所有的调用侦形成的。我们应该在日常的中,有意识的使用的尾调用优化,来减少调用栈的长度,节省客户端内存。调用栈的英文名叫做Call Stack,大家或多或少是有听过的,但是对...

    jemygrawjemygraw 评论0 收藏0
  • 前端模块化之AMD/require.js、CMD/sea.js

    前端模块化之AMD/require.js、CMD/sea.js

    摘要:代码地址模块化的主要区别此前年前前前前前端模块化,主流的就是,支持的二者都可以用为什么模块化一直以来,前端开发的痛点之一就是代码复用职责划分问题,兼容性比如等新语法的支持组件化代码压缩等不在本文讨论范围。showImg("https://user-gold-cdn...

    buildupchaobuildupchao 评论0 收藏0
  • 前端必备自定义滚动库——iScroll

    前端必备自定义滚动库——iScroll

    作者真的很懒,这篇文章从想法开始到现在都几个月了。

    dabaidabai 评论0 收藏0
  • 深入理解 Webpack 打包分块(下)

    深入理解 Webpack 打包分块(下)

    摘要:例如允许我们在打包时将脚本分块利用浏览器缓存我们能够有的放矢的加载资源。文章的内容大体分为两个方面,一方面在思路制定模块分离的策略,另一方面从技术上对方案进行落地。我之前提到测试之下是什么样具体的场景并不重要。前言 随着前端代码需要处...

    pingan8787pingan8787 评论0 收藏0
  • 重学ES6 Set 数据结构(1)

    重学ES6 Set 数据结构(1)

    摘要:数据结构类似于数组,但是成员的值都是唯一的,没有重复。本身是一个构造函数,用来生成数据结构。函数接受一个数组或者具有接口的其他数据结构作为参数。遍历的应用扩展运算符内部使用循环,所以也可以用于结构。Set数据结构类似于数组,但是成员的值...

    CaicloudCaicloud 评论0 收藏0
  • jQuery老矣,尚能饭否

    jQuery老矣,尚能饭否

    摘要:后现代的已经到了暮年,该退出浏览器的舞台了吗体积过大很多人诟病体积很大,占用资源很多,但是让我们来看一下最新的的大小。因为这就是个人写代码能力的问题了。。。。随着时代的发展,的市场占有率是越来越少,以后会不会完全被抛弃,这我不知道。 ...

    韩冰韩冰 评论0 收藏0
  • Webpack坑位之输出

    Webpack坑位之输出

    摘要:之输出的最后就是为了得到打包结果。在这里可以看到很多相似,但是有不同含义的名次,如和,和,那他们有什么区别呢而这里的又是什么意思呢将多个模块打包之后的代码集合称为。在这样打包的话,会报错。所以就想搞明白这两个的区别到底是什么。webpack...

    miqtmiqt 评论0 收藏0
  • 【进阶 6-2 期】深入高阶函数应用之柯里化

    【进阶 6-2 期】深入高阶函数应用之柯里化

    摘要:引言上一节介绍了高阶函数的定义,并结合实例说明了使用高阶函数和不使用高阶函数的情况。我们期望函数输出,但是实际上调用柯里化函数时,所以调用时就已经执行并输出了,而不是理想中的返回闭包函数,所以后续调用将会报错。引言 上一节介绍了高阶函...

    stackvoidstackvoid 评论0 收藏0
  • ES6入门之对象的新增方法

    ES6入门之对象的新增方法

    showImg("https://user-gold-cdn.xitu.io/2019/5/22/16adcec448a45d82"); 1. Object.is() 用来解决在ES5中 两种相等运算符的缺点。用来比较两个值是否严格相等,行为和(===)基本一致。 在ES5中判断两个值是否相等,只能用(==)相等运算符和(===)严格相...

    zhou_youzhou_you 评论0 收藏0
  • Webpack构建多页应用心得体会

    Webpack构建多页应用心得体会

    摘要:构建的基于的多页应用脚手架,本文聊聊本次项目中构建多页应用的一些心得体会。仓库构建的旧版多页应用构建的多页应用。例如多页应用中每个的值对应的文件。Webpack构建的基于zepto的多页应用脚手架,本文聊聊本次项目中Webpack构建多页应用的一些心得...

    Ethan815Ethan815 评论0 收藏0
  • 前端面试每日 3+1 —— 第36天

    前端面试每日 3+1 —— 第36天

    摘要:前端面试每日题,以面试题来驱动学习,每天进步一点让努力成为一种习惯,让奋斗成为一种享受欢迎在和朋友们一同讨论学习项目地址前端面试每日学习不打烊,充电加油只为遇到更好的自己,天无节假日,每天早上点纯手工发布面试题死磕自己。今天的面试题 (...

    HtmlCssJsHtmlCssJs 评论0 收藏0
  • 深入理解 Event Loop

    深入理解 Event Loop

    摘要:即使现在支持,由于没有多线程的机制,和执行线程只能通过来通信,而且由于没有锁,无法访问和对象。的单线程是指一个浏览器进程中只有一个的执行线程,即同一时刻内只会有一段代码在执行。与单线程如何实现异步设计了一个事件循环的方式。众所周知,Ja...

    CarbsCarbs 评论0 收藏0
  • [译] Elixir、Phoenix、Absinthe、GraphQL、React 和 Apollo

    [译] Elixir、Phoenix、Absinthe、GraphQL、React 和 Apollo

    摘要:对于每个案例,我们插入所需要的测试数据,调用需要测试的函数并对结果作出断言。我们将这个套接字和用户返回以供我们其他的测试使用。 原文地址:Elixir, Phoenix, Absinthe, GraphQL, React, and Apollo: an absurdly deep dive - Part 2 原文作者:...

    CymprosCympros 评论0 收藏0
  • 【译】每个JavaScript 开发者应该了解的10个面试题

    【译】每个JavaScript 开发者应该了解的10个面试题

    摘要:避免脆弱的基类问题。红牌警告没有提到上述任何问题。单向数据流意味着模型是单一的事实来源。单向数据流是确定性的,而双向绑定可能导致更难以遵循和理解的副作用。原文地址 1. 你能说出两种对 JavaScript 应用开发者而言的编程范式吗? 希望听到:...

    mykurisumykurisu 评论0 收藏0
  • 灵活运用JavaScript开发技巧

    灵活运用JavaScript开发技巧

    摘要:每写好一篇文章,都会使用大量的写作技巧。因此,我整理下三年来自己使用到的一些开发技巧,希望能让你写出耳目一新容易理解舒服自然的代码。目录既然写文章有这么多的写作技巧,那么我也需要对开发技巧整理一下,起个易记的名字。 前言 何为技巧,意指...

    VishKozusVishKozus 评论0 收藏0
  • 我是如何将业务代码写优雅的

    我是如何将业务代码写优雅的

    摘要:高内聚低耦合高内聚低耦合一直是软件设计领域里亘古不变的话题,重构的目标是提高代码的内聚性,降低各功能间的耦合程度,降低后期维护成本,特别是写业务代码,这一点相当重要。0x00 前言 我是一名来自蚂蚁金服-保险事业群的前端工程师,在一线大厂的...

    voyagelabvoyagelab 评论0 收藏0
  • 前端战五渣学JavaScript——防抖、节流和rAF

    前端战五渣学JavaScript——防抖、节流和rAF

    摘要:复仇者联盟终局之战代表着一个时代的结束,从年高二看多的钢铁侠开始,漫威电影宇宙也像哈利波特的魔法世界一样一路伴我前行。献给复仇者联盟的超级英雄们 看了《JavaScript高级程序设计》和网上的一些博客,感觉对函数节流和函数防抖的概念是反的,以...

    terenteren 评论0 收藏0
  • [译] Javascript 中 Array.push 要比 Array.concat 快 945

    [译] Javascript 中 Array.push 要比 Array.concat 快 945

    原文地址:Javascript Array.push is 945x faster than Array.concat

    Yu_HuangYu_Huang 评论0 收藏0
  • 扁平数组与JSON树结构互转

    扁平数组与JSON树结构互转

    摘要:前言在工作中我们往往可能会遇到无限级别的分类等等的需求,往往后端返回的数据结构可能不是我们想要的数据结构,所以我们来看怎么进行处理扁平数据结构转换为树型结构解忧杂货铺解忧杂货铺解忧杂货铺解忧杂货铺解忧杂货铺解忧杂货铺前言 在工作中我们...

    silvertheosilvertheo 评论0 收藏0
  • JS无形装逼,最为致命

    JS无形装逼,最为致命

    摘要:同时,我希望你能在评论中分享一些自己的藏品日历创建过去七天的数组,如果将代码中的减号换成加号,你将得到未来天的数组集合创建过去七天的数组生成随机在原型设计时经常使用的创建功能。 除了三目运算,你还知道其他的装逼姿势吗?留言走你~~ 单行...

    mdluomdluo 评论0 收藏0
  • 马蹄疾 | 详解 JavaScript 异步机制及发展历程(万字长文)

    马蹄疾 | 详解 JavaScript 异步机制及发展历程(万字长文)

    摘要:本文从入手,系统的回顾的异步机制及发展历程。需要提醒的是,文本没有讨论的异步机制。这就是之前提到的事件触发线程。其实无论是请求还是定时器还是事件,我们都可以统称它们为事件。第二阶段,引擎线程专注于处理事件。将外元素的事件回调放入调用栈...

    shaonbeanshaonbean 评论0 收藏0
  • 2019 再聊移动端 300ms 延迟 -- 附 fastClick 原理解析

    2019 再聊移动端 300ms 延迟 -- 附 fastClick 原理解析

    摘要:前言最近公司新开了一条业务线,有幸和大佬们一起从头开始构建一套适合新业务的框架。俗话说得好呀,适合自己的才是最好的前言 (Foreword) 最近公司新开了一条业务线,有幸和大佬们一起从头开始构建一套适合新业务的框架。俗话说得好呀,适合自己的才是...

    k00baak00baa 评论0 收藏0
  • 2019 再聊移动端 300ms 延迟 -- 附 fastClick 原理解析

    2019 再聊移动端 300ms 延迟 -- 附 fastClick 原理解析

    摘要:前言最近公司新开了一条业务线,有幸和大佬们一起从头开始构建一套适合新业务的框架。俗话说得好呀,适合自己的才是最好的前言 (Foreword) 最近公司新开了一条业务线,有幸和大佬们一起从头开始构建一套适合新业务的框架。俗话说得好呀,适合自己的才是...

    daryldaryl 评论0 收藏0

热门文章

<