React 学习笔记之创建 React 项目

安装 React 的学习环境12345678910111213// 安装创建 react 项目的工具npm install -g create-react-app// 创建一个项目➜ Project create-react-app jiajia-reactCreating a new React app in...

ES6 学习笔记之 map 的多种遍历方法

Map 是 ES6 中新增的一种数据结构,与 Set 一起添加,其实功能都差不多。我就只列举了 Map 的遍历方式,一通百通,其自身内部带有的的方法看书中介绍即可,并不复杂,比起 C++ 的 STL 好理解多了。 1234567891011121314151617181920212223242526272829...

ES6 学习笔记之 Symbol

ES6 新增的 Symbol 功能还是比较多的,建议大家还是看看原著的内容来充分理解,我仅自己记录一些我可能需要用到的内容。 Symbol 返回的是一个唯一值,类似于 GUID,它的类型是 symbol,不能与字符串混淆。 123let s = Symbol();console.log(typeof s);// ...

ES6 学习笔记之对象的拓展

属性的简洁表示法可以直接使用一个变量来初始化对象,变量名即属性名,变量值即属性值。 1234567var foo = 'bar';var baz = {foo};console.log(baz);// { foo: 'bar' }//...

wordpress markdown 书写首航缩进方案

早已经习惯让自己的文章每个段落首航缩进,这样可以让文章整体段落有序,整洁自然。在写这篇文章之前我使用过很多种方法,比如使用   的方法,或者首行输入两个全角的空格。这样操作非常麻烦,遇到兼容性不好的浏览器,还显示乱码。最终在知乎搜索到这样一句话“段首缩进这件事,应该是 CSS 或者其他排版工具的...

ES6 学习笔记之函数的拓展

本文记录了一些 ES6 函数相关的改动,比较重要的就是箭头函数及箭头函数内部 this 的变化,其他一些不常见的概念我也仅仅是看了看,并没有实际操作测试效果。待需要用到的时候再研究。 rest 参数1234567891011const add = (...values) => { let su...

wordpress markdown 书写代码高亮插件

我想,大家已经可以看到本站代码框中的效果了。这是使用了一个名为 WP Code Highlight.js 的插件。因为我自己的环境比较特殊,虽然 wordpress 带有强大的编辑器,但我还是习惯 markdown 的书写风格,所以每次插入代码的时候都是用三个反引号实现的。体现在前端就是 pre 包着 code ...

ES6 学习笔记之数组的拓展

ES6 在数组上改变还是比较多的,主要是为了弥补 ES5 一些方法的不足或新增一些方法,但大体这些方法在其他语言中也都见过,所以操作和使用起来不难,可能名字不一样,但看一看就知道如何使用了。 Array.from() 方法12345678910111213const arrayLike = { &#...

ES6 学习笔记之字符串拓展

字符换相关的拓展在书中有非常详细的介绍,我这里仅记录一些可能会用到的函数或方法,以备后用。 正确打印一个字符串序列12345var s = 'a';for (let ch of s) { console.log(ch.codePointAt(0).toString(16));&#...

ES6 学习笔记之变量的解构赋值

ES6 中增加了几种对变量初始化的方式,从改进来看,个人觉得可以大大的增加编码的效率。带相对语法可能就晦涩一些了。但总归熟能生巧,多用就不会那么容易犯错了。 变量的解构赋值ES5 中给多个变量赋值写法如下: 123let a = 1;let b = 2;let c = 3; 而 ES6 中则一句话搞定: 1l...