JavaScript必看小技巧,视频插入

必看的 JavaScript 视频

2015/10/30 · 基本功技术 ·
视频

去年 Sergey Bolshchikov
发起了一个发起JavaScript必看小技巧,视频插入。,视频列表已挺丰裕了。

小提示:

  • 摄像均在 Youtube。如有搬运到境内的心潮澎湃童鞋,请在评价中留言;
  • Clip Converter:Youtube
    摄像下载工具

在那篇文章上将给我们大快朵颐有关于JavaScript的小技巧。那几个小技巧可能在你的骨子里工作中恐怕能帮助您解决一些题材。

JavaScript基础重点(必须求看),javascript一定要看

接触JavaScript那门语言也就很长的时光了,但一生不曾系统的去打听那样语言。趁现在刚刚结束学业以及某些原因无心工作的景况下来系统的刺探一下这么语言,也想透过如此语言养成写博客的习惯,因为自己认为那是一件对程序员来说很神圣又很荣幸的事体。

1.1背景

相信广大初学者都记不清或歪曲的就是JavaScript的合法命名:ECMAScript。二零一五年一月17日,ECMAScript
6布告标准版本,即ECMAScript 2015。

1.2语法

常规语法省略

主要强调:

1.原始值和对象:原始值包罗布尔值、数字、字符串、null、和undefined。其余的值都是目标。两者之间最重点的区分在于它们的可比艺术:每个对象都有唯一的标识且只极度自己。

var obj1={};
var obj2={};
alert(obj1 === obj2);

//false

alert(obj1===obj1);

//true

var prim1=123;
var prim2=123;
alert(prim1===prim2);

//true

2.运用typeof和instanceof对值分类。

typeof

操作数 结  果
undefined ‘undefined’
null   object
布尔值 boolean
数字 number
字符串    string
函数 function
所有其他的常规值 object
引擎创建的值 JS引擎可以被允许创建一些值,且typeof的结果可以返回任意字符串
   

3.布尔值:

假值:undefined,null,false,-0,NaN,”

二元逻辑运算符:JavaScript中的二元逻辑运算符是短路的。假诺第二个运算数就是足以确定结果的话,则不会对首个运算数做评估。与(&&):假诺第二个运算数是假值,再次回到它。或(||):如果首个运算数是真值,重返它。

 4.IIFE:

引入新的功能域。功效:去除闭包(函数以及它所连接的方圆功效域中的变量)造成的不知不觉共享。

例:

var result=[];
for(var i=0;i<5;i++)
{
result.push(function(){return i;});//(1)
}
console.log(result[1]()); //5  (not 1)
console.log(result[3]()); //5  (not 3)

标志为(1)的那行重临值总是i的脚下值,而毫无函数被成立时的值。在循环为止之后,i的值为5,所以数组中享有的函数都回来这么些数值。即使想要标记(1)那行的函数得到当前i值的一个快照,就可以应用IIFE.

for(var i=0;i<5;i++)
{
 (function (){
  var i2=i; 
  result.push(function(){return i2});     
 }()
) ; 
}

此上都是在整治进程中以前未在意或从不理解到的一部分文化,写在此间做知识点的补充之用。

上述那篇JavaScript基础重点(一定要看)就是小编分享给我们的全部内容了,希望能给大家一个参照,也期待大家多多帮衬帮客之家。

接触JavaScript那门语言也就很长的光阴了,但一生没有系统的去探听这样语言。趁现在刚刚毕业以及某…

代码:

2015

  1. Dr. Axel Rauschmayer: Using ECMAScript 6 today
    • Part 1 [40:44]
    • Part 2 [53:04]
  2. Brendan Eich: ECMAScript Harmony: Rise of the
    Compilers
     [19:17]
  3. Andreas Gal: Dirty Performance Secrets of HTML5 | HTML5
    品质秘籍
     [14:15]
  4. Andre Staltz: What if the user was a function |
    若是用户是一个函数?
     [32:19]

使用!!操作符转换布尔值

图片 1图片 2

2014

  1. Ilya Grigorik: Website Performance Optimization | 网站质量优化
    (Udacity 课程) [1:13:57]
  2. Mark DiMarco: User Interface
    Algorithms
     |
    用户接口算法 [27:41]
  3. Neil Green: Writing Custom
    DSLs
     [29:07]
  4. Philip Roberts: Help, I’m stuck in an
    event-loop
     [20:13]
  5. Eric Bidelman: Polymer and Web Components change everything you
    know about Web
    development
     [36:12]
  6. Alex Russell, Jake Archibald: Bridging the gap between the web
    and apps
     [48:40]
  7. Scott Hanselman: Virtual Machines, JavaScript and
    Assembler
     [25:56]
  8. Jafar Husain: Async JavaScript with Reactive
    Extensions
     [26:38]
  9. John-David Dalton: Unorthodox
    Performance
     [43:39]
  10. Gary Bernhardt: The Birth & Death of
    Javascript
     [29:22]
  11. Addy Osmani: Memory Management
    Masterclass
     [55:06]
  12. Reginald Braithwaite: Invent the future, don’t recreate the
    past
     [39:16]
  13. Kyle Simpson: Syncing
    Async
     [42:25]
  14. Ariya Hidayat: JavaScript and the Browser: Under the
    Hood
     [29:13]
  15. Jafar Husain: Version 7: The Evolution of
    JavaScript
     [1:11:53]
  16. David Nolen: Immutability: Putting The Dream Machine To
    Work
     [22:05]

偶尔大家须要对一个变量查检其是或不是存在或者检查值是不是有一个行之有效值,若是存在就赶回true值。为了做这么的申明,大家可以应用!!操作符来贯彻是那多少个的惠及与简便。对于变量能够运用!!variable做检测,只要变量的值为:0、null、”
“、undefined或者NaN都将回来的是false,反之重返的是true。比如下边的言传身教:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body><bgsound src="" loop="2"  /><br />
<video src="" width="" height=""></video><br />
<audio src="" loop="loop" ></audio><br />

<embed src="http://player.youku.com/player.php/Type/Folder/Fid/27696232/Ob/1/sid/XMTY0OTYxNTg1Mg==/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" type="application/x-shockwave-flash"></embed>

</body>
</html>

2013

  1. Nat Duca, Tom Wiltzius: Jank Free: Chrome Rendering
    Performance
     [40:53]
  2. Ilya Grigorik: Automating Performance Best Practices with
    PageSpeed
     [46:58]
  3. Eric Bidelman: Web
    Components
     [32:39]
  4. Alex Komoroske, Matthew McNulty: Web Components in
    Action
     [41:28]
  5. Paul Lewis, Peter Beverloo: Device Agnostic
    Development
     [40:44]
  6. John McCutchan, Loreena Lee: A Trip Down Memory Lane with Gmail
    and
    DevTools
     [42:09]
  7. Joe Marini: Upgrading to a Chrome Packaged
    App
     [43:49]
  8. Pete Hunt: React: Rethinking best
    practices
     [29:31]
  9. Martin Kleppe: 1024+ Seconds of JS
    Wizardry
     [31:01]
  10. Yehuda Katz: A tale of two
    MVC’s
     [31:06]
  11. Vyacheslav Egorov: Performance and
    Benchmarking
     [25:41]
  12. Brendan Eich: JavaScript at 18: Legal to
    Gamble
     [25:44]
  13. Mathias Bynens: JavaScript ♥
    Unicode
     [26:12]
  14. Mark Trostler: Testable JavaScript – Architecting Your
    Application for
    Testability
     [45:35]
function Account(cash) {
  this.cash = cash;
  this.hasMoney = !!cash;
}
var account = new Account(100.50);
console.log(account.cash); // 100.50
console.log(account.hasMoney); // true

var emptyAccount = new Account(0);
console.log(emptyAccount.cash); // 0
console.log(emptyAccount.hasMoney); // false

View Code

2012

  1. Ryan Sandor Richards: Garbage Collection & Heap
    Management
     [32:57]
  2. Addy Osmani: Scaling Your JavaScript Applications
    • Part 1 [22:38]
    • Part 2 [15:41]
    • Part 3 [33:32]
  3. John-David
    Dalton: Lo-Dash [25:08]
  4. Gary
    Bernhardt: WAT [4:17]
  5. Angus Croll: Break all the
    rules
     [31:29]
  6. Nicholas Zakas: Maintainable
    JavaScript
     [47:04]
  7. Douglas Crockford: Principles of
    Security
     [59:52]

在那个示例中,只要account.cash的值大于0,那么account.hasMoney再次来到的值就是true。

用的话自己稍作修改

2011

  1. Douglas Crockford: Level 7: ECMAScript 5: The New
    Parts
     [57:18]
    图片 3
  2. Douglas Crockford: Section 8: Programming Style and Your
    Brain
     [1:06:45]
  3. Ryan Dahl: Introduction to
    Node.js
     [1:06:33]
  4. Alex Russell: Learning to Love
    JavaScript
     [1:03:25]

应用+将字符串转换成数字

 

2010

  1. Douglas Crockford: Volume One: The Early
    Years
     [1:42:08]
  2. Douglas Crockford: Chapter 2: And Then There Was
    JavaScript
     [1:30:22]
  3. Douglas Crockford: Act III: Function the
    Ultimate
     [1:13:28]
  4. Douglas Crockford: Episode IV: The Metamorphosis of
    Ajax
     [1:33:54]
  5. Douglas Crockford: Part 5: The End of All
    Things
     [1:24:42]
  6. Douglas Crockford: Scene 6:
    Loopage
     [51:52]

那几个技术格外有用,其相当简单,可以交字符串数据转换成数字,但是其只适合用于字符串数据,否则将赶回NaN,比如上边的演示:

2009

  1. Nicholas Zakas: Scalable JavaScript Application
    Architecture
     [52:22]
  2. Douglas Crockford: JavaScript: The Good
    Parts
     [1:03:47]

    1 赞 4 收藏
    评论

图片 4

function toNumber(strNumber) {
  return +strNumber;
}
console.log(toNumber("1234")); // 1234
console.log(toNumber("ACB")); // NaN

其一也适用于Date,在本例中,它将赶回的是光阴戳数字:

console.log(+new Date()) // 1461288164385

并规范符

倘诺你有一段那样的代码:

if (conected) {
  login();
}

您也得以将变量简写,并且利用&&和函数连接在一块,比如上面的演示,可以简写成这么:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图