文章库ARTICLE COLUMN

  • 构建自己的React:(1)Rendering DOM elements

    构建自己的React:(1)Rendering DOM elements

    摘要:我们用原生的对象来描述我们要渲染的东西,并称这类对象为。下一步是将元素及其子元素渲染成。所以,将会使用来表示文本节点,并使用来装文本值。创建添加事件监听设置属性递归渲染子元素将添加到父内我们目前创建了一个可以渲染元素及其子元素为的方法...

    TurboTurbo 评论0 收藏0
  • 构建自己的React:(2)Element creation and JSX

    构建自己的React:(2)Element creation and JSX

    摘要:翻译自这里上一节我们介绍了,使用了一种很麻烦的方法来代表要渲染的。这一节我们将介绍如何使用来创建。上面代码排除了子元素为,和的情况。代码头部的注释告诉了去使用来转义。下一节我们将往中加入虚拟和用来支持更新操作的一致性校验算法。 Didact...

    JensenJensen 评论0 收藏0
  • 读书笔记(02) - 可维护性 - JavaScript高级程序设计

    读书笔记(02) - 可维护性 - JavaScript高级程序设计

    摘要:解耦优势代码复用,单元测试。常用比较误区可同时判断,可用来判断对象属性是否存在。使用作判断无法进行充分的类型检查。文件中应用常量参考文档高级程序设计作者以乐之名本文原创,有不当的地方欢迎指出。 showImg("https://segmentfault.com/img/bV...

    k00baak00baa 评论0 收藏0
  • 重写原型对象

    重写原型对象

    摘要:请看下方的例子我们可以看一下构造函数的原型对象再来看一下的原型对象指针指向的对象所以在修改了原型对象之后,只有在修改之后生成的实例对象上会有新的属性和方法,之前的实例对象指向的仍然是之前的原型对象。 引出问题 function Person(name,...

    陈江龙陈江龙 评论0 收藏0
  • leetcode 简化路径

    leetcode 简化路径

    摘要:给定一个文档的完全路径,请进行路径简化。例如,边界情况你是否考虑了路径的情况在这种情况下,你需返回。此外,路径中也可能包含多个斜杠,如。解决的思路很简单,用栈来解决。正常的路径入栈,出栈,忽略 给定一个文档 (Unix-style) 的完全路径,请...

    h9911h9911 评论0 收藏0
  • 一张图带你学设计模式-单例模式

    一张图带你学设计模式-单例模式

    showImg(https://segmentfault.com/img/bVbkt56?w=1078&h=1760);

    zengdongbaozengdongbao 评论0 收藏0
  • 8张图帮你一步步看清 async/await 和 promise 的执行顺序

    8张图帮你一步步看清 async/await 和 promise 的执行顺序

    摘要:第部分画图一步步看清宏任务微任务的执行过程我们以开篇的经典面试题为例,分析这个例子中的宏任务和微任务。注意这里只是把推入微任务队列,并没有执行。执行结束,才能继续执行后面的代码如图此时当前宏任务都执行完了,要处理微任务队列里的代码。 ...

    weizxweizx 评论0 收藏0
  • 前端er,你真的会用 async 吗?

    前端er,你真的会用 async 吗?

    摘要:异步函数是值通过事件循环异步执行的函数,它会通过一个隐式的返回其结果。 async 异步函数 不完全使用攻略 前言 现在已经到 8012 年的尾声了,前端各方面的技术发展也层出不穷,VueConf TO 2018 大会 也发布了 Vue 3.0的计划。而在我们(我)的日常中...

    JadenJaden 评论0 收藏0
  • react+graphql起手和特性介绍(三)

    react+graphql起手和特性介绍(三)

    摘要:如果你对这系列文章有疑问或发现有错误的地方,欢迎在下方留言讨论。 紧接上篇react+graphql起手和特性介绍(二),介绍完graphql与koa的服务搭建和graphql的一些常用特性,接下来我们介绍下在react中如何使用graphql我们使用create-react-app创建reac...

    soasmesoasme 评论0 收藏0
  • package.json文件各字段的说明

    package.json文件各字段的说明

    摘要:字段由脚本命令组成的字典,这些命令运行在包的各个生命周期中。在打包过程中,如果遇到字段会优先使用字段表示的路径下的文件,如果不存在,则用字段表示的作为入口,并按照的规范打包。其中还分析了文件中字段和字段的不同以及和两个字段的区别。 所...

    yzdyzd 评论0 收藏0
  • 用Promise构造函数来解决地狱回调问题

    用Promise构造函数来解决地狱回调问题

    摘要:简介是一个构造函数,既然是构造函数,那么,我们就可以得到一个的实例在上,有两个函数,分别叫做成功之后的回调函数和失败之后的回调函数在构造函数的属性上,有一个方法,也就说,只要是构造函数创建的实例,都可以访问到方法表示一个异步操作每当我...

    darryrzhongdarryrzhong 评论0 收藏0
  • 打造属于你自己的instagram! 全栈项目(react + egg.js)

    打造属于你自己的instagram! 全栈项目(react + egg.js)

    摘要:简介小伙伴们,如果觉得本文还不错,记得点个赞或者给个,你们的赞和是我编写更多更丰富开源项目的动力地址技术栈全家桶前后端分离开发模式,前端项目与后端项目属于不同的工程前端工程后端工程注此项目纯属个人瞎搞,与无任何关系。 简介 Hello 小伙...

    scq000scq000 评论0 收藏0
  • React入门0x017: 函数组件

    React入门0x017: 函数组件

    摘要:概述函数组件其实就是一个函数,一个函数。所以可以用来做一些快速的封装,比如,一个组件的代码太多,显得咋乱,又没有复杂到需要另起一个组件,可以用函数组件源码这是标题栏这是导航栏哈哈效果总结没有多余的东西,对性能也有所提升哦 0x000 概述 ...

    weaponweapon 评论0 收藏0
  • vue 使用前端框架 iview时,引入iview.css 报错

    vue 使用前端框架 iview时,引入iview.css 报错

    vue安装完iview后,启动项目,提示 in ./node_modules/dist/styles/iview.css 报错 打开 webpack.base.conf.js,找到 test:/.css$/,添加includ项即可 { test:/.css$/, loader:"style-loader!css-loader!stylus-loader", ...

    vvpvvpvvpvvp 评论0 收藏0
  • # 编写第一个Chrome Extension

    # 编写第一个Chrome Extension

    摘要:可以加载到内,通过操纵浏览器,从而完成一些定制的工作。一个最低需求的文件是必要的可选的图标等。如果这样验证都是如期望的话,就表明你的第一个扩展已经开发成功。正式发布可以在内发布扩展,只要点击进入后,按照操作指示即可。 Chrome Extension...

    joyqijoyqi 评论0 收藏0
  • 函数防抖(debounce)和节流(throttle)以及lodash的debounce源码赏析

    函数防抖(debounce)和节流(throttle)以及lodash的debounce源码赏析

    摘要:防抖函数防抖和节流是一对常常被放在一起的场景。同时,这里会设置一个定时器,在等待后会执行,的主要作用就是触发。最后,如果不再有函数调用,就会在定时器结束时执行。 函数节流和去抖的出现场景,一般都伴随着客户端 DOM 的事件监听。比如scroll ...

    EnlightenmentEnlightenment 评论0 收藏0
  • 12-2 知识点

    12-2 知识点

    摘要:另一个角度后面要接的是异步操作,而是同步操作并发操作,也就是说无论是在里面还是后面接都不行系列文章异步神器微信小程序云开发数据库操作更新记录微信小程序云开发增删改查 wait使用中的阻塞和并发 https://www.cnblogs.com/manup... async 函数 h...

    cnTomatocnTomato 评论0 收藏0
  • 一篇文章了解移动端文本垂直居中

    一篇文章了解移动端文本垂直居中

    摘要:经常我们在浏览器上调试的好好的,但是到了移动端就会有各种奇特的适配问题最经常遇见莫过于中文字稍微偏上了。为什么中文本偏上文本都会有一个内容区域,这个区域就是我们选中文本时展示的区域。 在日常工作中,经常会遇到图片+文字+背景色的设计稿实...

    sutakingsutaking 评论0 收藏0
  • 测试领域,小白问题大集合(适合未入门和入门初级者)

    测试领域,小白问题大集合(适合未入门和入门初级者)

    摘要:前言大家好,这里是平头哥联盟,我是首席背锅官松鼠,今天要分享的是最给一些还没入门的同学或需要提升的同学一些指引详细说明自己这几年来经历怎么一步一步转型给大家一个参考希望可以少走些弯路写在最前由平头哥联盟测试同学整理作者首席背锅官松鼠交...

    silvertheosilvertheo 评论0 收藏0
  • js全屏模式轻松掌握[局部元素全屏展示]

    js全屏模式轻松掌握[局部元素全屏展示]

    摘要:推荐这么做,因为如果每个都要这样重复的判断浏览器前缀,那也太恶心了浏览器是否支持全屏模式属性返回一个布尔值,表示当前文档是否可以切换到全屏状态。 showImg("https://segmentfault.com/img/remote/1460000017229080?w=700&h=467"); 我第一次对...

    amcamc 评论0 收藏0
  • 函数节流和防抖

    函数节流和防抖

    摘要:当第二次调用该函数时,它会清除前一次的定时器并设置另一个。然而,如果前一个定时器尚未执行,其实就是将其替换为一个新的定时器,然后延迟一定时间再执行。参考文章函数节流与函数防抖函数节流和函数去抖应用场景辨析函数节流函数防抖实现原理分析 ...

    didikeedidikee 评论0 收藏0
  • 浅探webpack优化

    浅探webpack优化

    摘要:是对的转译结果进行缓存,之后的进行构建时,都会去尝试读取缓存来避免高耗能的重新转译过程,可以指定一个缓存目录或者指定为,为时将使用默认的缓存目录。这篇文章如果有错误或不严谨的地方,欢迎批评指正,如果喜欢,欢迎点赞收藏 由于前端的快速发...

    AchillesAchilles 评论0 收藏0
  • word-learn nodejs 记单词工具

    word-learn nodejs 记单词工具

    word-learn npm i -g word-learn 一款 nodejs 的命令行工具,帮助开发者学习单词。 Usage: index [options] Options: -V, --version output the version number -r, --refresh 更换单词列表: 重新从服务端拉去单词 -d, --pineapple 开始练习....

    CocoaChinaCocoaChina 评论0 收藏0
  • 一小波DOM骚操作:querySelectorAll和classList

    一小波DOM骚操作:querySelectorAll和classList

    摘要:注意还有一个类似的方法,其接收的参数与方法一样,都是一个选择符,但返回的是一个元素而不是所有匹配的元素一个的实例。表示列表中是否存在给定的值,如果存在则返回,否则返回。 虽然现在MVVM框架带来了诸多便利,但你真的就不再需要操作DOM了吗?...

    jccjcc 评论0 收藏0
  • React入门0x016: 访问Dom

    React入门0x016: 访问Dom

    摘要:概述不到必要不要在中访问,尝试使用的思想去解决问题。当然,必要的时候还是可以的,比如某些依赖的组件时机在中,并不是任何时候都可以访问的,需要讲究时机。 0x000 概述 不到必要不要在React中访问Dom,尝试使用React的思想去解决问题。当然,必要...

    NeverSayNeverNeverSayNever 评论0 收藏0

热门文章

<