JohnTrump: 十一月 2016

2016年11月17日星期四

Posted from Diigo. The rest of my favorite links are here.

Posted from Diigo. The rest of my favorite links are here.

使用 Express 中间件
- 定义错误处理中间件时必须使用这 4 个参数
Express 路由
- 有些路由方法名不是合规的 JavaScript 变量名，此时使用括号记法
- app.all() 是一个特殊的路由方法，没有任何 HTTP 方法与其对应
- 如果在路由句柄中一个方法也不调用，来自客户端的请求会一直挂起
- 有助于创建模块化的路由，而且减少了代码冗余和拼写错误
- 可使用 app.route() 创建路由路径的链式路由句柄
利用 Express 托管静态文件
- 所有文件的路径都是相对于存放目录的，因此，存放静态文件的目录名不会出现在 URL 中
- 如果你的静态资源存放在多个目录下面，你可以多次调用 express.static 中间件
- 会根据目录添加的顺序查找所需
- 如果你希望所有通过 express.static 访问的文件都存放在一个“虚拟（virtual）”目录（即目录根本不存在）下面，可以通过为静态资源目录指定一个挂载路径的方式来实现

Posted from Diigo. The rest of my favorite links are here.

ECMAScript 6入门
- 在ES6之前，社区制定了一些模块加载方案，最主要的有CommonJS和AMD两种。前者用于服务器，后者用于浏览器
- ES6模块不是对象，而是通过export命令显式指定输出的代码，输入时也采用静态命令的形式

Posted from Diigo. The rest of my favorite links are here.

数据类型 -- JavaScript 标准参考教程（alpha）
- - undefined：表示“未定义”或不存在，即此处目前没有任何值
  - null：表示空缺，即此处应该有一个值，但目前为空
- 通常，我们将数值、字符串、布尔值称为原始类型（primitive type）的值
- 对象称为合成类型（complex type）的值
知乎专栏
- 但本质上，浏览器仍是从服务器获取HTML的内容
  - 2008年的标准WEB应用构成
- 不是从服务器发送HTML内容，而是只返回数据，数据到HTML的渲染步骤都发生在客户端
  - 2016年后的SPA构成
- 掌握当前流行的JavaScript技术栈就是赌绝大多数的Web应用可能最终都将把服务器端客户端划分开来
- ，React推出的命令行工具可以让你完全不必担心配置就初始化好应用
- 不过React有一款很棒的工具Gatsby，一个React架构的静态站点生成器，可以让你体验React的所有优点

Posted from Diigo. The rest of my favorite links are here.

Node直出理论与实践总结 | Web前端腾讯AlloyTeam Blog | 愿景: 成为地球卓越的Web团队！
- 问题就是请求数多，前后依赖大
- 首屏展示不再需要等待 JS 文件回来，优化减少了这块时间
- 在前后端没有分离时使用后端渲染出模板的方式是与文中所述的直出方案效果是一致的，前后端分离后淡化了这种思想，Node 的发展让更多的前端开始做后端事情，直出的方式也越来越被重视了
iframe跨域通信的通用解决方案 | Web前端腾讯AlloyTeam Blog | 愿景: 成为地球卓越的Web团队！
- 对于现代浏览器来说，原生的postMessage API一定是不二的选择

Posted from Diigo. The rest of my favorite links are here.

为Bash和VIM配置一个美观奢华的状态提示栏 • cenalulu's Tech Blog
- 为你的bash,Terminal,iTerm2,VIM配置上powerline的话，那么效果将会是这样的：

Posted from Diigo. The rest of my favorite links are here.

Posted from Diigo. The rest of my favorite links are here.

jQuery UI Autocomplete 体验 - 囧月 - 博客园
- 如果没有指定其中一个属性则用另一个属性替代
- 对于从服务器端输出的JSON的key必须用双引号
- 注意默认传递的参数名称为term
jQuery UI API – 自动完成部件（Autocomplete Widget） | 菜鸟教程
- 指向一个能返回 JSON 数据的 URL 资源
- 通过一个 term 字段添加了一个查询字符串，用于服务器端脚本过滤结果
- 例如，如果 source 选项设置为 "http://example.com"，且用户键入了 foo，GET 请求则为 http://example.com?term=foo。数据本身的格式可以与前面描述的本地数据的格式相同
- 一个 request 对象，带有一个 term 属性
- 提供单个参数：建议给用户的数据。
- 用于在请求期间提供自定义 source 回调来处理错误。
- 当过滤本地数据时，您可以使用内置的 $.ui.autocomplete.escapeRegex 函数。
- 如果搜索无结果或者禁用了 Autocomplete，导致菜单未显示，该事件一样会被触发

Posted from Diigo. The rest of my favorite links are here.