xiaochao Blog

Stay Hungry. Stay Foolish.

每天一个前端知识(38):学习分号的插入机制

frontend

var b = 12; function f() {} // 当@1和@2连在一起不能够解析的时候,分号才会自动插入 var a = b // @1 f() // @2 // 当@3和@4连在一起能够解析(虽然可能会解析失败)的时候,分号就不会自动插入了 // var c = b // @3 // (f()) // @4 // 在以`[`,`(`,`+`,`-`,`/`开头的语句前,永远不要...

每天一个前端知识(37):混合类型避免使用==比较是否相等

frontend

符号的强制转换规则 第一个参数 第二个参数 强制转换 null undefined 没有转换,总是相等的 null or undefined Any other than null or undefined 没有转...

每天一个前端知识(36):使用原始类型替代对象包裹

frontend

//'use strict'; var s = new String('hello'); console.log(s); // String {0: "h", 1: "e", 2: "l", 3: "l", 4: "o", length: 5, [[PrimitiveValue]]: "hello"} var str = s + ' world'; console.log(str); // ...

每天一个前端知识(35):当心隐式的强制转换

frontend

console.log(3 + true); // 4 // 'hello'(2); // "hello" is not a function // null.x; // Cannot read property 'x' of null console.log(1 + 1); // 2 console.log('hello' + ' world'); // hello world conso...

每天一个前端知识(34):注意JavaScript的浮点数

frontend

JavaScript的浮点数的不同 console.log(typeof 36); // number console.log(typeof 36.36); // number console.log(typeof -36.36); // number console.log(0.1 * 3.6); // 0.36000000000000004 console.log(1 * 36); /...

每天一个前端知识(33):知道你现在使用的是哪种模式的JavaScript

frontend

在严格模式下,在函数中重复声明arguments会报错: 'use strict'; function say() { var arguments = []; // Uncaught SyntaxError: Unexpected eval or arguments in strict mode } 在非严格模式下,在函数中重复声明arguments不会报错: fun...

每天一个前端知识(32):编写高质量JS代码

frontend

了解你使用的js版本 1.决定你的应用程序支持JS的哪些版本确保你使用的任何JS 2.确保你使用的任何JS的特性对于应用程序将要运行的所有环境都是支持的 3.总是要在执行严格模式检查的环境中测试严格代码 4.当心连接那些在不同严格模式下有不同预期的脚本 4.1 use strict’指令只有在脚本或函数的顶部才能生效 4.2 在开发中使用多个独立的文件,但是部署到产品环境时却需要...

每天一个前端知识(31):CSS3-Flexbox学习

frontend

我们将只专注那些核心要素,暂时抛弃那些你现在不应该注意的东西直到你掌握基础。 1. 容器和项目 弹性布局中我们将在本教程的这个示例中看到,无论是容器还是项目都是 div。 横向布局 要创建一个弹性布局,只需要给容器设置以下的 CSS 属性。 .container { display: flex; display: -webkit-flex; displa...

每天一个前端知识(30):微信分享iOS手机bug处理

frontend

公司网站涉及交易,所有H5移动站用JDK禁止了微信的分享功能 wx.config({ jsApiList: ['hideOptionMenu'] }); wx.ready(function(){ wx.hideOptionMenu(); }) 使用了以上的代码后,在微信中,点击右上角后,是不会出现分享功能了。 bug 描述 公司网站大部分页面采用了路上的代码,是禁止...

每天一个前端知识(29):The target=_blank安全缺陷

frontend

国外网友近日曝出大部分网站都忽视了的安全漏洞,包括 Facebook,Twitter,Google 等都被检测出带有 The target=”_blank” 安全缺陷。 你可以点击 http://tvvocold.coding.me/target_blank_vulnerability/ 测试这个安全问题。带有 target=”_blank” 跳转的网页拥有了浏览器 window.open...