React 实践心得:key 属性的原理和用法

转自:http://taobaofed.org/blog/2016/08/24/react-key/ 我们知道,React 元素可以具有一个特殊的属性 key,这个属性不是给用户自己用的,而是给 React 自己用的。如果我们动态地创建 React 元素,而且 React 元素内包含数量或顺序不确定…

开发规范:img 标签需添加 alt 属性

良好的网页开发习惯是,对于 img 标签,要写 alt 属性。Alt 别名要有意义说明图片的含义,这对于慢网速环境、屏幕阅读器、搜索引擎都有好处。比如图片是 epub 书的封面,那么 alt 要是这个书名;图片是用户的头像,那么 alt 要是这个用户的昵称。 小技巧,可以添加下面的 CSS 代码,能…

Eslint 报错:Missing radix parameter。

使用 ESLint 检查 javascript 代码语法时,你可能会碰到一个比较头痛的报错:Missing radix parameter。 这个错误信息主要是因为你没有深刻掌握 parseInt 语法,意思是:缺少一个基数根,也就是指 parseInt 的第二个参数没有指定; 大家回顾 parse…

js 关于字母和数字之间的转换

方法:字符转ascii码:用 charCodeAt(); ascii码转字符:用 fromCharCode(); 例子: 字母转成数字: [crayon-5bc752291115c019627020/] 数字转换成字母: [crayon-5bc7522911161493090826/]

数组和对象判断是否为空

判断一个数组是否为空 注意:判断数组 array 是否为空数组,即 [],需要用 array.length === 0 判断,不能直接比较 [] 。因为[] !== [] 为 true js 中的数据类型 字符串、数字、布尔、数组、对象、Null、Undefined === 全等比较比较 …

让 React 正常显示你的 html 代码: dangerouslySetInnerHTML

做项目需要把服务器接口传过来的 HTML 文本字符串转换成 DOM 对象。 有两种方法: 第一种用 innerHTML; [crayon-5bc752291163c558758741/] 现在主要说的是第二种: 多数时候 DOM 是透过 render 中设定的结构来处理,有些时候我们想透过字串形式的…

HTML5 的 input:file 上传类型控制

一、input:file 属性 属性值有以下几个比较常用: accept:表示可以选择的文件 MIME 类型,多个 MIME 类型用英文逗号分开,常用的 MIME 类型见下表。 multiple:是否可以选择多个文件,多个文件时其 value 值为第一个文件的虚拟路径。 1、accept 只能选择 …

javascript 时间日期转换函数

1). javascript 获取当前时间: [crayon-5bc7522911cca630370282/] 2). javascript 时间转化为时间戳: [crayon-5bc7522911ccf941798548/] 第一种:获取的时间戳是把毫秒改成 000 显示,第二种和第三种是获取了当…

几种 JavaScript 生成 GUID 的算法

有的时候,我们需要生成一些 Token 作为标识:如认证后的标识符,资源的提取码等。一个比较常见的算法是生成一个 GUID 来作为 Token,由于 GUID 的随机性和唯一性特点,作为 Token 是一个非常可靠的选择。 全局唯一标识符(GUID,Globally Unique Identifie…