关注IMWeb前端社区公众号

  • 第一时间获得最新、最火的技术干货
  • 定期推送您所关注的专题文章
  • 和大牛们一起讨论前端技术
  • 获取IMWeb社区、前端相关的最新活动
热文 更多

  • VS Code进阶

    虽然关于VS Code的介绍文章已经不少了,但面对如此用心的IDE,还是忍不住要再“赞美”一番,希望可以拉更多开发小伙伴入坑,如果能真正提高大家的开发体验当然是最好不过的事情~~ [http://7tszky.com1.z0.glb.clouddn.com/FnriS3yGSmEfc3263n8GJYTsAUHA] 认识VS CODE Visual Studio Code [https://code.visualstudio.com/] (简称VS Code/VSC)是微软在Build 2015大会(本次大会同时还发布了Windows10、Edge等重量级产品)上推出的一款 免费开源 [https://github.com/Microsoft/vscode] 的现代化代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、代码折叠、代码片段、内置版本管理等特性,支持插件扩展,并拥有十分活跃的 插件社区 [https://marketplace.visualstudio.com/VSCode] 。

  • ES6解构嵌套对象

    让我们先回忆一下ES6的对象解构,本文介绍各种ES6的对象解构用法,你用过哪一种? 最基本的解构 在对象中提取某个字段 const user = { id: 123, name: 'hehe' }; const {name} = user; console.log(name); //prints: hehe 解构并使用别名 有时接口定义的字段往往带有下划线,但我们的前端更便好于驼峰式命名,那么可以使用别名(rename): const user = { id: 123, nick_name: 'hehe' }; const {nick_name: nickName} = user; console.log(nickName); //prints: hehe 解构嵌套对象 有时我们会遇到嵌套对象,如果我们了解未足够多时,会写出这种解构: const user = { id: 123, name: 'hehe', education: { degree: 'Masters' } };

  • JavaScript任务队列的执行

    1.事件循环(EVENT LOOP)机制 众所周知,JavaScript的一大特点就是是单线程,所有任务都需要在主线程里排队等待执行。 而JavaScript里的任务又分为同步任务和异步任务两种,基于事件循环(Event Loop)机制执行任务。 同步任务作为首要任务会在主线程里执行,异步任务则被“发配”到由另一个线程管理的任务队列中等待处理。异步任务符合条件(比如ajax请求到数据,setTimeout延时到期)后,会在任务队列中添加可执行“事件”,等待主线程中的同步任务执行完毕到任务队列里读取当前可执行的任务,将其加入主线程中执行,以此循环。 根据 HTML Standard [https://html.spec.whatwg.org/multipage/webappapis.html#event-loop-processing-model] 中的描述,一个事件循环中的执行流程大致如下。 1.选择最早的任务 2.设置事件循环中当前任务为上一步中选择的任务 3.执行该任务 4.将事件循环中的当前任务重新设置为空 5.将主线程中执行的任务移除 6.执行Microtask中的任务

  • 短信中的链接为什么那么短?

    前言 前段时间读了一些关于短网址的文章,加上刚好收到一个含有短网址的短信。一时兴起或者说是顺其自然就写了这篇文章哈。 [http://7tszky.com1.z0.glb.clouddn.com/FuZV0G2MyHLu4DYuqi8P2bkblge3] 什么是短 URL? 短网址(Short URL),顾名思义就是比较短的 URL 网络地址, 在如今 Web 2.0 的时代,短网址十分得流行,在业界已经有许多短网址生成的服务,使我们可以用各位简短的网址来替代原来十分冗长的网址。让分享的网页链接不会因为太长而引起用户反感,影响体验,使使用者更容易分享哈。 事实上,短网址,也就是短链接在我们生活中随处可见,如微博分享、外卖订单信息、或者如上面的快递短信,短信中就含有一条短网址 http://tb.cn/vvDezXw [http://tb.cn/vvDezXw] 。) 当我们打开短网址时,网页会直接跳转到你要缩短的网址,就如打开上面的短网址,其会通过重定向的方式如 302 跳转到天猫的一个页面网址(相对短网址来说,所对应的网址长的多)

  • now.js 迷你版发布

    迷你版 迷你版即0.3.0版。 0.2.0版没加新功能,只增加eadme内容和修正package.json上的一些错误。 0.3.0同样没加新功能,但是却是非常重要的。 这个版本国际化默认只支持英文和中文。初始化是英文。如果想支持全部118种语言,需要引入 nowjs.locale.js [https://github.com/hongmaoxiao/now/tree/master/dist/nowjs.locale.js] 或者压缩版 nowjs.locale.min.js [https://github.com/hongmaoxiao/now/tree/master/dist/nowjs.min.locale.js] 。 版本大小比较 ~/learn/ljs/now master ❯ ll -h dist | grep js$ -rw-rw-r-- 1 mao mao 66K 12月 500:37 nowjs.js -rw-rw-r-- 1 mao mao 355K 12月 500:37 nowjs.locale.js

热问 更多

  • 赵鹏帆 25 天前

    如题:参考https://twitter.com/necolas/status/829128165314306048?utm_source=feweekly&utm_campaign=issue42&utm_medium=web PWA(做离线化的)目前有这么成熟吗? 这个是否也说明以Javascript为基础的全栈体系正在逐渐落地?

  • 大漠刀客 2017-07-16 13:45

    js高级程序设计里说 this 引用的是函数执行的环境对象, 下面foo()在window下执行,环境对象就是window? * function foo(){ * alert(this); * } * foo(); * 那么函数嵌套为什么也是[object Window]?比如下面的 * function foo(){ * function foo2(){ * alert(this); * } * foo2(); * } * foo(); 输出的还是window * function SpecialArray(){ * alert(this); * } * alert(this); * SpecialArray(); * var colors = new SpecialArray(); 弹出的依次是[object Window],[object Window],[object Object]?这里的Object又是什么情况

  • 络黎 2017-10-19 17:31

    请指出JavaScript宿主对象和原生对象的区别?