文章库ARTICLE COLUMN

  • [源码阅读]通过react-infinite-scroller理解滚动加载要点

    [源码阅读]通过react-infinite-scroller理解滚动加载要点

    摘要:看它的源码主要意义不在知道如何使用它,而是知道以后处理滚动加载要注意的东西。通过判断不为的情况,确保滚动组件正常显示和在无滚动的情况下,和相等,都为在有滚动的情况下,表示实际内容高度,表示视口高度。 react-infinite-scroller就是一个组...

    cikenerdcikenerd 评论0 收藏0
  • JS 中的深拷贝与浅拷贝

    JS 中的深拷贝与浅拷贝

    摘要:什么是深拷贝浅拷贝见名知义,无论是深拷贝还是浅拷贝,都是的问题。使用如下以上就是关于中的深拷贝与浅拷贝的知识和如何进行深拷贝的知识了,如果有错或者有其他方式的话,欢迎在下面留言评论啦 前言 最近在写项目的时候涉及到一些父子组件传递个对...

    ztyzzztyzz 评论0 收藏0
  • 【速记】借助ES6的模版字符串,在不用Babel插件的情况下实现一个轻量级类JSX功能

    【速记】借助ES6的模版字符串,在不用Babel插件的情况下实现一个轻量级类JSX功能

    摘要:引发此篇文章是看到了阮一峰的在掘金上的转载的作者创建的利用字符串标签模版实现的类的库,可以将标签模版的类字符串转化成类或函数用来创建对象的函数字符串介绍重点阅读模版字符串和标签模版两节浏览器级别将字符串解析成对象原始的思考原文如下 引...

    wayneliwayneli 评论0 收藏0
  • 【速记】React解决IE浏览器svg标签不支持innerHTML操作的问题及相关拓展知识

    【速记】React解决IE浏览器svg标签不支持innerHTML操作的问题及相关拓展知识

    摘要:代码资料文件文件文件关于系列的的网页的操作需要权限的相关文档关于浏览器无法一些元素无法设置属性的解决方案和原因 react代码资料: 文件:packages/react-dom/src/client/setInnerHTML.js /** * Copyright (c) Facebook, Inc. and its affiliates...

    smallStonesmallStone 评论0 收藏0
  • es6基础0x024:babel简单使用

    es6基础0x024:babel简单使用

    摘要:简单的说就是,新语法编译器旧语法。说明所以,对于新特性,我们可以通过使用,也可以通过语法转化来达到兼容。 0x001 polyfill 我们都知道,js总是一直存在着兼容性问题,虽然其他语言也存在着兼容性问题,比如c++、java,但那种兼容性是新特性在旧版...

    wangbinkewangbinke 评论0 收藏0
  • ES6的Symbol竟然那么强大,面试中的加分点啊

    ES6的Symbol竟然那么强大,面试中的加分点啊

    摘要:中的获取针对这个,添加了方法。这个和其他的一些属性不同,他是默认不存在一些标准对象上。进行类型转换的时候,会被强制的调用一个参数,在规范中这个参数被称之为这个参数是三个值其中的一个。来上面的类型,你可以试试。 symbol是es6出的一种类型...

    LeexMullerLeexMuller 评论0 收藏0
  • [盘点]项目中可以怎么优化图片

    [盘点]项目中可以怎么优化图片

    摘要:雪碧图雪碧图就是把很多小的图整合到一起,制作成一张比较大的图,然后作为元素的背景图片使用,定位到相应的图片即可。除此之外,使用雪碧图,有两个个注意地方不要把页面所有的图片都合并,比如把整合会破坏的语义结构。 看似平常的事物,往往会蕴含...

    lykopslykops 评论0 收藏0
  • 精读《使用 CSS 属性选择器》

    精读《使用 CSS 属性选择器》

    摘要:引言虽然现在与更流行,但使用它们会导致过分依赖滥用做唯一定位,违背了选择器的初衷。本期精读的文章是,带你重新理解强大的选择器。讨论地址是精读使用属性选择器如果你想参与讨论,请点击这里,每周都有新的主题,周末或周一发布。 1 引言 虽然现...

    zhangxiangliangzhangxiangliang 评论0 收藏0
  • ES6核心特性

    ES6核心特性

    摘要:报错不报此外还有个好处就是简化回调函数正常函数写法箭头函数写法改变指向长期以来,语言的对象一直是一个令人头痛的问题,在对象方法中使用,必须非常小心。 前言 ES6 虽提供了许多新特性,但我们实际工作中用到频率较高并不多,根据二八法则,我们...

    loostudyloostudy 评论0 收藏0
  • React专题:react,redux以及react-redux常见一些面试题

    React专题:react,redux以及react-redux常见一些面试题

    摘要:我们可以为元素添加属性然后在回调函数中接受该元素在树中的句柄,该值会作为回调函数的第一个参数返回。使用最常见的用法就是传入一个对象。单向数据流,比较有序,有便于管理,它随着视图库的开发而被概念化。 面试中问框架,经常会问到一些原理性的...

    darcranddarcrand 评论0 收藏0
  • 【每日一包0016】striptags

    【每日一包0016】striptags

    摘要:地址剥去字符串中的标签,和里面的函数一样普通用法用法返回流模式初始化一个流模式,传入用法返回 [github地址:https://github.com/ABCDdouyae...] striptags 剥去字符串中的html标签,和php里面的strip_tags函数一样 普通用法 用法:striptags(html...

    qpwoeiru96qpwoeiru96 评论0 收藏0
  • 一、 函数调用栈,执行上下文及变量对象

    一、 函数调用栈,执行上下文及变量对象

    摘要:最先执行完毕的一定是最里面的函数,执行过后弹出调用栈,接着执行上一层函数,直至所有函数执行完,调用栈清空。到这里你应该就会明白,上面函数调用栈,就是生成了一个函数的执行上下文。 showImg("http://upload-images.jianshu.io/upload_images/7...

    kbyyd24kbyyd24 评论0 收藏0
  • DOM操作笔记

    DOM操作笔记

    摘要:它实际上等于清除当前文档流,重新写入内容方法用于关闭方法所新建的文档。如果页面已经渲染完成关闭了,再调用方法,它会先调用方法,擦除当前文档所有内容,然后再写入我们的页面渲染的时候就会去打开一个文档流,当渲染绘制结束,就关闭这个文档流。...

    newtreknewtrek 评论0 收藏0
  • JS处理base64编码

    JS处理base64编码

    摘要:因为项目需求,需要处理编码,再次记录,便于之后调用关于的本质就是把每位的编码变成另外一个每位的编码,用另外一个参照表进行对应翻译。 因为项目需求,需要处理base64编码,再次记录,便于之后调用 关于base64: base64的本质就是把每8位的ASCII编...

    stormgensstormgens 评论0 收藏0
  • canvas高效绘制10万图形,你必须知道的高效绘制技巧

    canvas高效绘制10万图形,你必须知道的高效绘制技巧

    摘要:最近的一个客户项目中,简化的需求是绘制按照行列绘制很多个圆圈。等等,客户要求绘制的极限是万个,而且每次绘制不能卡顿。然后通过通过创建对象,并把的绘制上下文的指定为该对象。另外绘制的效果其实是没有绘制的效果好的,锯齿严重。 最近的一个客...

    you_Deyou_De 评论0 收藏0
  • 《JS高级程序设计》读书笔记----JS创建对象的七种模式

    《JS高级程序设计》读书笔记----JS创建对象的七种模式

    摘要:用对象字面量形式创建的对象,直接赋值给函数的原型对象,本质上完全重写了其对象,因此属性也就变成了新对象的属性指向构造函数,不再指向函数。 【上一篇】:JavaScript对象内部属性及其特性总结 showImg("https://segmentfault.com/img/bVbjYsc?w=8...

    DogeeDogee 评论0 收藏0
  • js错误处理权威指北

    js错误处理权威指北

    摘要:第一个是,是你传递给异常的构造函数的参数,比如你可以使用属性来访问到该消息第二个参数是异常堆栈跟踪,非常重要。异常产生后能在后端正确处理是的关键部分。我将向你展示自定义构造函数和错误代码的方法,我们可以轻松地将其传递给前端或任何调用者...

    lykopslykops 评论0 收藏0
  • Better Way to Use orientationchange Event on Mobil

    Better Way to Use orientationchange Event on Mobil

    Preface When I was using orientationchange event, I met a few bugs. So, I take it down. Main compatibility problem When I was testing my code on my android, it was ok. However, it doesn"t work on...

    JulylovinJulylovin 评论0 收藏0
  • Angular 5.0 来了! 有这些大变化

    Angular 5.0 来了! 有这些大变化

    摘要:以下简单介绍的重大变化。状态转交及对的支持这样更便于在服务端和客户之间共享应用状态。状态转交的相关文档几周后会发布。我们删除很多以前废弃的如,也公布了一些新的废弃项。以上指南会详细介绍这些变更。已知问题当前已知与相关的问题。 我们很高...

    张红新张红新 评论0 收藏0
  • 数组的reduce用法

    数组的reduce用法

    摘要:定义方法接收一个函数作为累加器,数组中的每个值从左到右开始缩减,最终计算为一个值。对空数组是不会执行回调函数的。 定义 reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。对空数组是不会执行回调函...

    琛h。琛h。 评论0 收藏0
  • electron制作聊天界面(仿制qq)

    electron制作聊天界面(仿制qq)

    摘要:将炙啖朱亥,持觞劝侯嬴。三杯吐然诺,五岳倒为轻眼花耳热后,意气素霓生。救赵挥金槌,邯郸先震惊。千秋二壮士,烜赫大梁城。纵死侠骨香,不惭世上英。谁能书阁下,白首太玄经。是唐代大诗人李白借乐府古题创作的一首诗。 效果图:showImg("https://se...

    LucasTwilightLucasTwilight 评论0 收藏0
  • 浏览器渲染过程

    浏览器渲染过程

    摘要:在这个过程中,中可能会通过去引入其他相应的资源,比如的资源,这个时候浏览器可能就会兵法的向服务器去请求这个相关的静态资源,请求回来后通过解析器对其进行解析,从而生成一个树,去和树进行结合生成一个,进一步的进行一个布局,最终进行绘制。 ...

    hlcchlcc 评论0 收藏0
  • 前端校招准备系列--js中的setTimeout到底是什么?

    前端校招准备系列--js中的setTimeout到底是什么?

    摘要:浏览器是多进程的,而浏览器的内核渲染进程是多线程的。如果已经将回调函数放进任务队列,但是主线程正在执行一个非常耗时的任务,当这个任务执行完毕后,主线程去任务队列中取任务,这个时候,就会出现连续执行的情况,也就是说相当于失效了。 前言 ...

    GodtoyGodtoy 评论0 收藏0
  • JavaScript阴沟里翻船之运算符优先级

    JavaScript阴沟里翻船之运算符优先级

    摘要:操作符的两种形态其实在的操作符描述中,语法是你会发现被中括号所包围也就意味着可缺省,因此,如果对于不含参数的构造函数而言与二者并无区别,那我们接着思考一个问题,对于前面返回函数的而言,当的时候为什么执行的是而不是呢。  首先欢迎大家关...

    selfimprselfimpr 评论0 收藏0
  • 我从来不理解JavaScript闭包,直到有人这样向我解释它...

    我从来不理解JavaScript闭包,直到有人这样向我解释它...

    摘要:最近看到的一些文章,终于,有人用于一种让我明白方式对闭包进行了解释,我将在本文中尝试使用这种方法来解释闭包。让我们看一个返回函数的函数示例,因为这对于理解闭包非常重要。调用函数时,执行到第行。 正如标题所述,JavaScript闭包对我来说一直...

    宋华宋华 评论0 收藏0

热门文章

<