标签:javascript

写出更好、更简洁的JavaScript条件语句的五个小提示

在JavaScript编码过程中,我们经常需要写很多if...else...的条件语句,在看别人写的代码时,也经常会遇到可读性很差的代码,大多数这种代码都是有很多的判断条件,看的人眼花缭乱,不知该如何下手。该文介绍了五个小的技巧,教你巧妙地使用ES6语法,写出更好、更简洁的代码,...

Nuxt.js快速上手

Nuxt.js是一个基于Vue.js,Vue Router,Vuex,Vue Server Renderer和vue-meta等插件的通用框架。它的应用范围很广,你可以用它来创建静态网站或单页面应用。它有以下优点:基于Vue.js,Vue.js生态内的东西都可以为你所用;自动化路...

每个JavaScript开发者都应该知道的33个概念

JavaScript开发者们,不管你是用React,Vue还是Angular写页面的客户端,还是使用Nodejs开发后端服务,都需要好好地把JavaScript的基本概念弄清楚。这个Github repo比较全面地列出了JavaScript中的基本概念,从数据类型,到高阶函数、到...

箭头函数的那些事儿

在现代JavaScript(ES6+)中,箭头函数是最常用的特性之一,它带来两个重大的好处,就是非常简洁的语法、简单的作用域和this绑定。究竟什么事箭头函数?箭头函数的使用场景有哪些?在哪些场景下建议使用它?在哪些场景下不建议使用它?使用它究竟能带来哪些好处?作者在文中解释了上...

React 16.6 通过 React.memo() 来控制函数式组件的render过程

如果你用过PureComponent,那你应该了解,只有当组件的props发生变化,该PureComponent才会重新render。在React 16.6中,新增了一个特性:React.memo()。它的作用跟PureComponent的效果一样,只不过PureComponen...

React Hooks介绍

React 16.7版本中新增了Hooks特性,这个特性可以让你不用创建一个class组件,就可以使用state特性(使用useState这个State Hook)。什么是Hook?Hooks是一些函数,这些函数可以让你在函数式组件内的React state和生命周期特性中放置钩...

从ES6开始,JavaScript对象的属性的顺序变的可预测

很多开发者可能都不会注意一个问题,你定义一个JavaScript对象的多个属性,这些属性显示的顺序是什么样的?可能你第一反应会觉得这个顺序是无法预测的,但其实EcmaScript标准里对这个有做说明(各个浏览器的实现可能会有差别),属性的排序取决于这个属性的类型和属性的值。在标准...

自定义React Hook:use-localstorage

在了解了React的新特性Hook之后,你应该很想跃跃欲试,尝试自己写一个Hook吧。作者使用React的内置State Hook,封装了一个新的Hook来处理localStorage相关的操作。希望这篇文章能给你启发,让你更好地了解如何封装一个R...

使用JavaScript将markdown语法的文本转化成HTML文档和纯文本

作者介绍了一种使用JavaScript的markdown库Marked.js来实现一个markdown自定义转化的工具,用来解决你的一些个性化的需求。文中通过一个todolist示例讲解如何处理一些特殊的HTML标签,如何将通用的代码抽离成通用的模块进行封装。希望该文能给你一些启...

为什么说React的新Hooks API是游戏改变者

React Hooks是一个很受争议的API,自从alpha版发布以来,有支持者,也有反对者,支持的人觉得它很好,很大程度上改变了React的开发模式,反对的人对这个API很抵制,表现出很多负面的情绪。作者从React最初ES5语法里的mixins,到ES6的class语法里完全...

显示 1/10 页