文章列表
json 于 1年前发表 1490 1 1
this是javascript语言的一个关键字。它可以是全局对象、当前对象或者任意对象,这完全取决于函数的调用方式。下面我们将按照调用方式的不同,分别讨论 this 的含义。 作为普通函数调用 functiontest(){ this.x = 1; alert(this.x); } test(); // 1 对于这个函数, this关键字指向谁呢?我们知道定义在全局的函数, 函数的所有者就是当前页面, 也就是window对象.因此我们可用通过函数名直接调用, 也可用通过window.方法名来调用, 这个时候, 方法中的this关键字指向它的所有者:window对象. 查看window对象的test属性: functiontest() { this.x = 1; alert(this.x); } console.log(window.test); /* 结果: function test() { this.x = 1; alert(this.x);
1年前
javascript技术
link ,除了分享,也是知识管理。 于 1年前发表 5006 4 3
2014年一月以来,自己接触web前端开发已经两年多了,记录一下自己前端学习路上看过的,以及道听途说的一些书,基本上按照由浅入深来介绍。 JAVASCRIPT 入门 《JavaScript权威指南(第六版)》 ★★★★★ JavaScript权威指南(第六版) [http://img3.douban.com/lpic/s8958854.jpg] 淘宝前端团队翻译的,看译者列表都是一堆大神。这本书又叫犀牛书,号称javascript开发者的圣经,网上对此书评价很多,大概意思都是说这本书是一本JavaScript文档手册,没有完整看过一遍此书的都不能算是一名合格的前端工程师。 我也是从这本书开始接触前端开发的,当时还是华章出版社的校园大使,免费申请到了这本书,可惜的是两年来我一直把它作为一本cookbook来查阅,一直没有好好通读一遍。个人感觉这本书还是写得枯燥了些,不过内容绝对是五颗星,无可挑剔! 《JavaScript高级程序设计》 ★★★★★ JavaScript高级程序设计 [http://img3.douban.com/lpic/s8958650.jpg]
1年前
javascript技术
coverguo 于 1年前发表 2773 3 1
Object.defineProperty ,顾名思义, 为对象定义属性 。在js中我们可以通过下面这几种方法定义属性 // (1) define someOne property name someOne.name = 'cover'; //or use (2) someOne['name'] = 'cover'; // or use (3) definePropertyObject.defineProperty(someOne, 'name', { value : 'cover' }) 从上面看,貌似使用Object.defineProperty很麻烦,那为啥存在这样的方法呢? 带着疑问,我们来看下 Object.defineProperty的定义。 -------------------------------------------------------------------------------- WHAT IS OBJECT.DEFINEPROPERTY
1年前
javascript技术
seagirl 于 1年前发表 1802 0 1
本文摘自同行说用户“凌风”分享的文章,原文链接: http://jiongks.name/blog/how-to-become-a-great-front-end-engineer/,如涉及版权问题请及时联系小编! [http://jiongks.name/blog/how-to-become-a-great-front-end-engineer/,如涉及版权问题请及时联系小编!] 译注:本文翻译自谷歌工程师 Philip Walton 的一篇博客。看过之后非常有感触,很多观点都是自己长期非常坚持和认同的,所以翻译出来分享给更多的前端同学! -------------------------------------------------------------------------------- 最近我收到一封读者来信让我陷入了思考,信是这么写的: Hi Philip,您是否介意我问,您是如何成为一名卓越 (great) 的前端工程师的?对此您有什么建议吗?
1年前
javascript技术
jerytang 于 1年前发表 1535 1 0
图一 [http://7tszky.com1.z0.glb.clouddn.com/Fjb2BKfiJaNbq-64eU5ZZDyX0En0] 一、如何描述 JSON ? JSON (JavaScript Object Notation) 缩写,JSON 是一种数据格式,具有简洁、可读性高、支持广泛的特点。JSON 有以下基本数据类型 // # 1. object { "key1": "value1", "key2": "value2" } // # 2. array [ "first", "second", "third" ] // # 3. number42// # 4. string"This is a string"// # 5. booleantruefalse// # 6. nullnull 在其它语言中也有类似的内建数据类型,但是由于 JavaScript的广泛应用,而 JSON 作 为 JavaScript原生的数据类型,具备更加广泛的支持。 有了上面列举的基本数据类型,JSON 能非常灵活的表示任意复杂的数据结构。举个例子: {
1年前
javascript技术
coolriver 于 1年前发表 2791 3 1
如果懂setTimeout,可以直接看第3节,前面两节也可以当段子看一下。 如果不是很懂setTimeout,看下1,2两节应该会有一些收获。 1 JAVASCRIPT运行环境 之前 关于service worker介绍的文章 [http://imweb.io/topic/56592b8a823633e31839fc01] 中,这样描述了浏览器环境下Javascript环境:" 每个页面的javascript运行主线程都是一个Boss "、" Boss很厉害,在页面上指点江山,呼风唤雨。但他有个局限:同一时刻只做一件事(单线程) "。 以上体现了Javascript在浏览器运行环境中的局限性,单线程。实际上,不仅是在浏览器环境中,在Nodejs环境中的javascript也是单线程的。在不使用其它新员工(webworker等)的情况下,JS是如何在单线程上处理复杂的操作和逻辑,以至于在用户看来可以同时响应不同的操作的呢?
1年前
javascript技术
seagirl 于 1年前发表 1222 1 0
[http://7tszky.com1.z0.glb.clouddn.com/FmhGCKoUqyA3iL3fYUAvrCvp6QQx] JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。今天小编收集了5篇关于JavaScript的干货文章附带心灵鸡汤,赶紧来看看吧! 一、JavaScript资源大全中文版 ( http://www.tonghangshuo.cn/detail.html?id=4144 [http://www.tonghangshuo.cn/detail.html?id=4144] ) GitHub上面一个精选JS工具资源列表(含数百个JS资源,GitHub已 300+ star) 二、45个实用的JavaScript技巧、窍门和最佳实践 ( http://www.tonghangshuo.cn/detail.html?id=4148
1年前
javascript技术
seagirl 于 1年前发表 1474 0 0
[http://7tszky.com1.z0.glb.clouddn.com/Fm4045w4dRadsCL4jtVd5ennzgxo] 现在最热门的前端框架,毫无疑问是React。在基于React的React Native发布一天之内,就获得了 5000 颗星,受瞩目程度可见一斑。今天小编收集了5篇关于react的干货文章,赶紧来看看吧! [http://7tszky.com1.z0.glb.clouddn.com/FmZr52A-EXB_j6wrL-2s5N0XhA2t] 一.React-Native学习指南( http://www.tonghangshuo.cn/detail.html?id=3817 [http://www.tonghangshuo.cn/detail.html?id=3817] ) 本指南汇集React-Native各类学习资源,给大家提供便利。 [http://7tszky.com1.z0.glb.clouddn.com/FqowNEC-CXUkFeQq47M502Ata0x9]
1年前
javascript技术
coolriver 于 1年前发表 2769 0 1
本文为 《 2015 in review》 [http://www.sitepoint.com/javascript-2015-review/] 一文的中文译文,希望通过这篇译文,回顾和记录在2015年,JavaScript领域中发生的值得关注的事情。 本文作者为 Craig Buckler [http://www.sitepoint.com/author/craig-buckler/] , Craig 是一名英国的web开发顾问,并且是自由职业者。他在1995年于IE2.0上开始开发他的第一个网页。到目前为止Craig已经在 sitepoint [http://www.sitepoint.com/] 上发表了1000多篇文章。 正文
1年前
javascript技术
link ,除了分享,也是知识管理。 于 1年前发表 2524 5 1
原文: What is WebAssembly and why it affects web developers! [http://usersnap.com/blog/what-is-webassembly-for-web-developer/] 你听说过 WebAssembly 吗?这是由 Google , Microsoft , Mozilla , Apple 等几家大公司合作发起的一个关于 面向Web的通用二进制和文本格式 的项目。 现在就让我们来看看WebAssembly到底是个啥?为什么它的出现和未来的发展跟我们每个人都息息相关,即使你并不是一个程序猿/媛~ 至少在某种程度上,它将改变Web生态。 helloworld [http://img.blog.csdn.net/20151106094013450] JAVASCRIPT–WEB世界的汇编语言 我们有许多面向Web应用的开发规范,这些设计优良的规范让Web开发者们的工作变得更加的简单。我们很难想象自己所创建和网站或应用没有任何规则、编程语言、框架和开发理念可以遵循。
1年前
javascript技术
jerytang 于 1年前发表 839 0 0
本文 编译 自 https://gcanti.github.io/2014/09/25/six-reasons-to-define-constructors-with-only-one-argument.html [https://gcanti.github.io/2014/09/25/six-reasons-to-define-constructors-with-only-one-argument.html] 原文标题为:构造器只使用一个参数的 6 个原因 (Six reasons to define constructors with only one argument) 简介 在 Reddit 上 [http://www.reddit.com/r/javascript/comments/2hezdw/six_reasons_to_define_constructors_with_only_one/] 有关于本文的评论。 JavaScript中,通常像下面这样来定义一个 "class" :
1年前
javascript技术
吴浩麟 于 1年前发表 1750 0 1
在Apple发布的Yosemite系统(OSX10.10+)中有一个被大家忽略的特性:使用 JavaScript编写自动化脚本。在这之前只能通过AppleScript语言给OS X编写自动化脚本。这几年JavaScript被移植到了各种环境,让它有更多的可能性。 开始使用 系统自带的编写自动化脚本的工具是 ScriptEditor 。打开编辑器,把语言从 AppleScript 切换到 JavaScritp 。接下来我们就来实战一下,写一个每天自动发新人日报邮件的自动化脚本。具体流程是这样的: 我接到的所有需求都会记录到 Reminders 里,当我完成一个需求时我会把它标记为已经完成。脚本会每天晚上12点自动读取Reminders里今天完成的Reminders项作为新人日报的 今日工作 ,读取Reminders里还为完成的项作为 明日工作 。从Reminders里读取内容生成邮件内容后发送到指定的邮箱。 下面直接上代码: 先去Reminders里读取内容,把今天完成的需求项保存到 todayReminders 数组里,把还为完成的需求项保存到 todoReminders 数组里
1年前
javascript技术