Learning Path
浏览 开发笔记 相关教程与章节。
社区笔记、经验文章、测验题库与零散教程入口。
教程
1237
目前各大浏览器基本上都支持 ES6 的新特性，其中 Chrome 和 Firefox 浏览器对 ES6 新特性最友好，IE7~11 基本不支持 ES6。 以下是各大浏览器支持情况及开始时间: Chrome 58 Edge 14 Firefox 54 Safari 10 Opera 55 ..
拓展的方法 子串的识别 ES6 之前判断字符串是否包含子串，用 indexOf 方法，ES6 新增了子串的识别方法。 includes()：返回布尔值，判断是否找到参数字符串。 startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。 endsWith()：返回布尔值，判断参数字符串是否在原字符串的尾部。 以上三个方法都可以接受两个参数，需要搜索的字符串，和可选的搜索起始位置索引。 [mycode3 type=&..
概述 ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值，最大的用法是用来定义对象的唯一属性名。 ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined ，还新增了 Symbol 。 基本用法 Symbol 函数栈不能用 new 命令，因为 Symbol 是原始数据类型，不是对象。可以接受一个字符串作为参数，为新创建的 Symbol 提供描述，用来..
简介 ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。 ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。 你也可以先看 ECMAScript 6 简明教程 来先快速了解。 ECMAScrip..
express() express()用来创建一个Express的程序。express()方法是express模块导出的顶层方法。 var express = require('express'); var app = express(); Methods express.static(root, [options]) express.static是Express中唯一的内建中间件。它以server-s..
用 #include 可以包含其他头文件中变量、函数的声明，为什么还要 extern 关键字？ 如果我想引用一个全局变量或函数a，我只要直接在源文件中包含 #include<xxx.h> (xxx.h包含了a的声明)不就可以了么，为什么还要用 extern 呢？ 这个问题一直也是似是而非的困扰着我许久，经过实践和查找资料，有如下总结： 一、头文件 首先说下头文件，其实头文件对计算机而言没什么作用，她只是..
外观模式的作用： 松散耦合，外观模式松散了客户端与子系统的耦合关系，让子系统内部的模块能更容易扩展和维护。 简单易用，外观模式让子系统更加易用，客户端不再需要了解子系统内部的实现，也不需要跟众多子系统内部的模块进行交互，只需要跟门面类交互就可以了。 更好的划分访问层次-通过合理使用 Facade，可以帮助我们更好地划分访问的层次。有些方法是对系统外的，有些方法是系统内部使用的。把需要暴露给外部的功能集中到门面中，这样既方便客户端使用..
医院的例子 现代的软件系统都是比较复杂的，设计师处理复杂系统的一个常见方法便是将其“分而治之”，把一个系统划分为几个较小的子系统。如果把医院作为一个子系统，按照部门职能，这个系统可以划分为挂号、门诊、划价、化验、收费、取药等。看病的病人要与这些部门打交道，就如同一个子系统的客户端与一个子系统的各个类打交道一样，不是一件容易的事情。 首先病人必须先挂号，然后门诊。如果医生要求化验，病人必须首先划价，然后缴费，才可以到化验部门做化验。化验..
Facebook 内部分享：不论你如何富有，你都赚不到更多的时间，你也回不到过去。没有那么多的假如，只有指针滴答的时光飞逝和你应该好好把握的现在，以下25张PPT的分享将为您带来时间价值管理的技巧。 1、时间常有，时间优先。 2、时间总会有的：每天只计划 4～5 小时真正的工作。 3、当你在状态时，就多干点；不然就好好休息：有时候会连着几天不是工作状态，有时在工作状态时却又能天天忙活 12 小时，这都很正常的。 4、..
工厂方法模式一种创建对象的模式，它被广泛应用在jdk中以及Spring和Struts框架中； 工厂方法模式基于“输入”，应用在超类和多个子类之间的情况，这种模式将创建对象的责任转移到工厂类； 首先让我们学习一下如何在Java中应用工厂方法模式并且学习到工厂方法的优点，另外工厂方法模式也广泛应用在jdk中； 超类可以是接口、抽象类、父类，本例中将通过重写 toString() 方法来解释工厂方法模式； 实例 [mycode3 ty..
Fastjson 简介 Fastjson 是一个 Java 库，可以将 Java 对象转换为 JSON 格式，当然它也可以将 JSON 字符串转换为 Java 对象。 Fastjson 可以操作任何 Java 对象，即使是一些预先存在的没有源码的对象。 Fastjson 源码地址：https://github.com/alibaba/fastjson Fastjson 中文 Wiki：https://github.com/alib..
昨天看到朋友圈有人分享这个经典的PPT，很感人！向女程序员致敬……..
知乎上有人问：“有什么借口让自己写出低质量的代码？”一位匿名用户的回答获得高票：我是个女程序员，反正我就是来活跃气氛的。 刚入职百度3个月的女程序员王一娇听过这个段子，没等记者说完就接出了后半句。王一娇所在部门2014年夏季校园招聘的这一批新人里，她是唯一的女生。 “这么调侃挺好的，刚进公司是真怂啊，什么都不会，什么都不懂，总不能还牛哄哄的吧。女生嘛，要懂得示弱。”这个清华大学自动化系硕士研究生笑着说：“但是不能真成调节气氛的啦。等我们..
一、Filter 的基本工作原理 1、Filter 程序是一个实现了特殊接口的 Java 类，与 Servlet 类似，也是由 Servlet 容器进行调用和执行的。 2、当在 web.xml 注册了一个 Filter 来对某个 Servlet 程序进行拦截处理时，它可以决定是否将请求继续传递给 Servlet 程序，以及对请求和响应消息是否进行修改。 3、当 Servlet 容器开始调用某个 Servlet 程序时，如果发现已经..
我们社会生活的方方面面越来越依赖着科学技术。从工厂生产，商业贸易到社会互动，几乎在每一个行业中都有软件开发者的身影。计算机编程已经迅速成为最赚钱的职业之一，计算机程序员的平均工资在不断创造新高，目前在美国这一数字已经达到接近$100,000。 如果你正在考虑学习编程，你想要明白的第一个问题就是你该学习哪一门语言。回答这个问题并不容易，有许多东西需要考量，比如你准备通过编程做什么工作以及你想去哪里发展。今天我们为你准备了一大堆数据和其它..
我是 FK，目做了 5 年程序员，目前把精力放在菜鸟教程上，最近看知乎，总感觉自己得写点啥，或许以后可以作为自己的回忆录。 想了想，还是从大学如何学编程开始讲起！！！ 我毕业在福建的二本学校，专业是生物技术（下次别再问我，非计算机专业是否适合学编程了）， 在大二毅然放弃“21世界最有前景的专业（貌似也是最大的谎言）- 生物”，跑到图书馆借了一本 C语言程序设计（谭浩强著）。 当时拿到异常兴奋，感觉学会了，就可以找份好工作，赚点钱，..
第一阶段我在学完 C 语言之后，想想自己是非计算机专业，出去找工作，总得拿个证书给应聘公司吧，大学考点证书，也能在同学或学弟学妹那吹吹牛。 A：嘿同学，我有计算机证书，你有吗？ B：哇哇哇，好腻害，你是怎么做到的。 A：巴拉巴拉……（开始分享成功经验） 那时候大学里头比较流行的非计算机专业的计算机考试就是：全国计算机等级考试(National Computer Rank Examination,简称NCRE)，这个鬼东西总共有..
前文我讲了 C 语言的学习及考了一些大学考证的情况，但那时我也非常清楚，NCRE 的证书也仅仅是靠自己死记硬背出来的，这些也只能证明我看过一些计算机的书。 而那时也去了解了下计算机专业的课程（教务处有课程表），C 只是基础，后面他们一般都会选择 Java 或 ASP.NET 或嵌入式等作为以后工作的方向。 这时候我就会在百度搜索“计算机学什么语言比较好找工作”，当然当年的搜索结果可能跟现在不一样，那时网站还是比较流行的，所以网上比较..
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 Flex布局将成为未来布..
float 单精度浮点数在机内占 4 个字节，用 32 位二进制描述。 double 双精度浮点数在机内占 8 个字节，用 64 位二进制描述。 浮点数在机内用指数型式表示，分解为：数符，尾数，指数符，指数四部分。 数符占 1 位二进制，表示数的正负。 指数符占 1 位二进制，表示指数的正负。 尾数表示浮点数有效数字，0.xxxxxxx, 但不存开头的 0 和点。 指数存指数的有效数字。 指数占多少位，尾数占多少位，由计算机系统决..
用 gif 图片来做 loading 的时代已经过去了，它显得太 low 了，而用 HTML5/CSS3 以及 SVG 和 canvas 来做加载动画显得既炫酷又逼格十足。这已经成为一种趋势。 这里收集了几十个用 html5 和 css3 实现的 loading 效果，以供学习参考。 01. CSS Rainbow Loader 演示 下载 02. Single element Slack loader 演示 下载 ..
本文收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的！ 前端还是一个年轻的行业，新的行业标准， 框架， 库都不断在更新和新增，正如赫门在2015深JS大会上的《前端服务化之路》主题演讲中说的一句话：“每18至24个月，前端都会难一倍”，这些变化使前端的能力更加丰富、创造的应用也会更加完美。..
你如何理解HTML结构的语意化? 1、去掉或样式丢失的时候能让页面呈现清晰的结构。 2、屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页。 3、PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对CSS的支持较弱）。 4、搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重。 5、你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上会忽略用于表现的标记，而只注重语义标记。 6..
前端工程师必备技能图谱，点击查看大图：..