文章库ARTICLE COLUMN

  • 如何实现一个虚拟 DOM——virtual-dom 源码分析

    如何实现一个虚拟 DOM——virtual-dom 源码分析

    摘要:具体代码如下,,下面,我们来简单介绍下这个排序算法检查和中的是否拥有字段,如果没有,直接返回的数组。通过上面这个排序算法,我们可以得到一个新的的数组。 概述 本文通过对virtual-dom的源码进行阅读和分析,针对Virtual DOM的结构和相关的Diff...

    qieangel2013qieangel2013 评论0 收藏0
  • ES6常用知识学习札记

    ES6常用知识学习札记

    摘要:在年正式发布了,简称,又称为。再次简写循环迭代数组每个元素都执行一次回调函数。方法用于调用数组的每个元素,并将元素传递给回调函数。注意对于空数组是不会执行回调函数的。 转载请注明出处 原文连接 http://blog.huanghanlian.com/article/5c7aa...

    tracymac7tracymac7 评论0 收藏0
  • JS设计模式之Obeserver(观察者)模式、Publish/Subscribe(发布/订阅)模式

    JS设计模式之Obeserver(观察者)模式、Publish/Subscribe(发布/订阅)模式

    摘要:观察者模式定义设计模式中对的定义一个对象称为维持一系列依赖于它观察者的对象,将有关状态的任何变更自动通知给它们。如图模式比较观察者模式则多了一个类似于话题调度中心的流程,发布者和订阅者解耦。 Obeserver(观察者)模式 定义 《js设计模式...

    荆兆峰荆兆峰 评论0 收藏0
  • 小程序movable-area拖拽fixed点击失效

    小程序movable-area拖拽fixed点击失效

    摘要:前言先看效果实现了拖拽,但是可拖拽区域下层的点击事件失效,本来做拖拽就是为了解决下层被遮挡然后无法点击这下可好了,无法点击的区域更高了。 前言 先看效果showImg("https://segmentfault.com/img/bVbpILz?w=374&h=560");实现了拖拽,但是可拖拽...

    xi4oh4oxi4oh4o 评论0 收藏0
  • 盘点一下Javascript的那些隐式转换

    盘点一下Javascript的那些隐式转换

    摘要:产生于年设计者如果不是公司的决策,称绝不可能把作为设计的原型。作为设计者,他一点也不喜欢自己的这个作品与其说我爱,不如说我恨它。它是语言和语言一夜情的产物。十八世纪英国文学家约翰逊博士说得好它的优秀之处并非原创,它的原创之处并不优秀。...

    godiscodergodiscoder 评论0 收藏0
  • 使用 Nuxt.js 快速搭建服务端渲染(SSR) 应用

    使用 Nuxt.js 快速搭建服务端渲染(SSR) 应用

    摘要:安装官方提功了两种方法来进行项目的初始化,一种是使用团队的脚手架工具,一种是根据自己的需求自由配置使用脚手架适合新手,对后台框架有所了解按照自己需求自由配置,需要对如何配置以及后台框架有所了解。两种方式比较下就是原生和插件的区别。 安...

    luodongseuluodongseu 评论0 收藏0
  • Webpack5.0 新特性尝鲜实战

    Webpack5.0 新特性尝鲜实战

    摘要:而且作为一个版本,其中有一些,可能会导致一些配置和插件不工作。但这并无妨碍我们去开始对上的新特性进行尝鲜实战。 作者:志佳老师 本文首发微信公众号:jingchengyideng欢迎关注,每天都给你推送新鲜的前端技术文章 前言 在老袁写这篇文章的时候...

    curriedcurried 评论0 收藏0
  • 拖拽参考线及吸附工具react-dragline

    拖拽参考线及吸附工具react-dragline

    摘要:剩下的,就是把精力集中于实现核心功能参考线和吸附。以下根据拖拽的事件周期,,分别阐述。但是考虑到吸附功能是需要对元素的位置具备完全地控制能力,因为初步决定只提供的使用方式。 大概在2017年7月,我司计划开发一款可视化建站的项目。由于团队...

    asce1885asce1885 评论0 收藏0
  • Node.js基金会和JS基金会合并为OpenJS基金会

    Node.js基金会和JS基金会合并为OpenJS基金会

    摘要:基金会由家企业和最终用户成员支持,包括和。基金会和基金会已经独立共存多年。合并过程在六个月前开始,包括社区的共识收集,以及与基金会和基金会和基金会的管理委员会的密切合作。 新成立的基金会将加速JavaScript生态系统增长的下一阶段 showImg("...

    raoyiraoyi 评论0 收藏0
  • KOA2框架原理解析和实现

    KOA2框架原理解析和实现

    摘要:实现的四大模块上文简述了源码的大体框架结构,接下来我们来实现一个的框架,笔者认为理解和实现一个框架需要实现四个大模块,分别是封装创建类构造函数构造对象中间件机制和剥洋葱模型的实现错误捕获和错误处理下面我们就逐一分析和实现。 什么是koa...

    tracymac7tracymac7 评论0 收藏0
  • React16性能改善的原理(二)

    React16性能改善的原理(二)

    摘要:接下来我们就是正式的工作了,用循环从某个节点开始遍历树。最后一步判断全局变量是否存在,如果存在则把这次遍历树产生的所有更新一次更新到真实的上去。 前情提要 上一篇我们提到如果 setState 之后,虚拟 dom diff 比较耗时,那么导致浏览器 FPS 降...

    guqiuguqiu 评论0 收藏0
  • 学习node.js 断言的使用

    学习node.js 断言的使用

    摘要:如果不想全局使用的话,可以直接使用带的方法。遗留模式的子类,表示断言失败,模块抛出的错误都是的实例。检测参数和参数之间的严格不相等性,使用比较。使用提供的错误消息或默认错误消息抛出。错误值使用嵌套对象需要存在所有属性。 assert模块提供...

    zerozero 评论0 收藏0
  • 还不会正则表达式?看这篇!

    还不会正则表达式?看这篇!

    摘要:匹配次匹配次匹配次匹配次匹配次,等价于匹配次,等价于元字符在正则表达式中有一些具有特殊含义的字母,被称为元字符,简言之,元字符就是描述字符的字符,它用于对字符表达式的内容转换及各种操作信息进行描述。 showImg("https://segmentfault.com/...

    go4itgo4it 评论0 收藏0
  • 前端常见面试题总结

    前端常见面试题总结

    摘要:个人总结的一些常见面试题欢迎各位同时非常欢迎贡献问题一起来完善不定期更新常见前端面试题总结 个人总结的一些常见面试题,欢迎各位star,issues,同时非常欢迎贡献问题!一起来完善.不定期更新常见前端面试题总结...

    ingoodingood 评论0 收藏0
  • 禁用审查元素,禁用控制台

    禁用审查元素,禁用控制台

    禁用按键 document.addEventListener("touchmove", function (e) { e.preventDefault() }, false); $(document).ready(function () { $(document).bind("contextmenu", functi...

    qylostqylost 评论0 收藏0
  • 「每日一瞥

    「每日一瞥

    摘要:即使中没有错误,仍然会执行,这一点一般都是知道的。我们认为这是正确的前进道路,兼具战略性和务实性降低使用门槛开发人员迁移到的障碍之一是从到的并不轻松的迁移。下一步将通过一系列功能和插件为的平滑过渡提供支持,并以此回馈社区。 showImg("h...

    XboxYanXboxYan 评论0 收藏0
  • 前端中的二进制以及相关操作与转换

    前端中的二进制以及相关操作与转换

    摘要:前端中的二进制以及相关操作与转换最近工作中遇到了很多有关二进制的处理,如的生成,多个的打包,音频的拼接。数据输出或者叫数据展示或者下载,数据经二进制处理后可以由表示,然后通过等元素引用或者直接下载。 前端中的二进制以及相关操作与转换 ...

    刘厚水刘厚水 评论0 收藏0
  • Async and Defer

    Async and Defer

    async and defer async   There are actually two ways we can bypass the problem of the blocking script — async and defer.   Async scripts will download the script without blocking rendering the page and...

    JackJiangJackJiang 评论0 收藏0
  • Event-loop事件循环

    Event-loop事件循环

    摘要:事件循环首先来看一段代码运行结果是先输出,然后大概好几秒大于一秒以后依次输出,。原因就在以下这部分代码中原因就是这部分循环的代码执行过程超过了秒。而这个循环是放在里面的。 Event-loop 事件循环 首先来看一段代码 function fn(){ console....

    MingjunYangMingjunYang 评论0 收藏0
  • ES6新特性之箭头函数与function的区别

    ES6新特性之箭头函数与function的区别

    摘要:写法不同的写法箭头函数的写法的指向不同在中,指向的是调用该函数的对象使用定义的函数而在箭头函数中,永远指向定义函数的环境。变量提升存在变量提升,可以定义在调用语句后箭头函数以字面量形式赋值,是不存在变量提升的 1.写法不同 // function的...

    CarterLiCarterLi 评论0 收藏0
  • 自己常用的前端项目脚手架模板

    自己常用的前端项目脚手架模板

    摘要:自己常用的前端项目脚手架模板应用项目模板应用项目模板应用项目模板组件库项目模板组件库项目模板组件库项目模板组件库项目模板组件库项目模板后续更多博客,查看作者深予之版权声明自由转载非商用非衍生保持署名 自己常用的前端项目脚手架模板 rea...

    trigkit4trigkit4 评论0 收藏0
  • react项目如何使用iconfont

    react项目如何使用iconfont

    摘要:项目中通常会使用作为图标显示的解决方案,这里介绍下如何在项目中配置。准备工作首先配置好项目,关键需要注意前缀和两个配置。当我们配置好项目之后,就可以导出样式文件,复制如下图中的链接中的内容备用。正餐开始创建文件。 项目中通常会使用icon...

    1treeS1treeS 评论0 收藏0
  • 基于 HTTP 请求拦截,快速解决跨域和代理 Mock

    基于 HTTP 请求拦截,快速解决跨域和代理 Mock

    摘要:今天这篇文章,我们会介绍几种常见的方法和其中存在的问题,并提出如何基于请求拦截,快速解决跨域和代理问题的方案。因为没有修改该请求,只是延迟发送,这样就保持了原请求与业务服务器之间的所有鉴权等相关信息,由此解决了跨域访问无法携带的问题。...

    dreamGongdreamGong 评论0 收藏0
  • GraphQL 从入门到实践

    GraphQL 从入门到实践

    摘要:本文实例代码什么是是一种面向数据的查询风格。概述前端的开发随着框架全面普及,组件化开发也随之成为大势所趋,各个组件分别管理着各自的状态,组件化给前端仔带来便利的同时也带来了一些烦恼。 showImg("https://segmentfault.com/img/remote/14600...

    BlackjunBlackjun 评论0 收藏0
  • js如何获取字符串中出现次数最多的字符

    js如何获取字符串中出现次数最多的字符

    摘要:再对的每个属性进行遍历,找出出现次数最多的字符串合集存入数组,并把数组打印出来。最后将得到数组放在返回对象的属性中返回出去用对象返回是为了方便该方法以后的拓展。 我是一个不太会表达的人,所以我尽可能的用代码来阐释我的理解和思考,废话不...

    khs1994khs1994 评论0 收藏0

热门文章

<