studyNotes
studyNotes copied to clipboard
junhey
Learning the various documents and small projects
### 多考虑应变 如果模版中绑定了 obj.xx 时，需要注意 obj 是否是异步数据，默认值是否为 null。安全起见，可在组件最外层加 v-if 判断。 ```javascript {{obj.name}} {{obj.age}} export default { data() { return { obj: null } } } ``` ### this 引用 在组件作用域内使用箭头函数可以保证...
本文主要是在部署部分的坑和利用travis-ci持续集成部署的方式 ### 配置github [配置SSH](https://help.github.com/articles/connecting-to-github-with-ssh/) ### 安装[node](https://nodejs.org/en/) [node](https://nodejs.org/en/) ### 安装[git](https://git-scm.com/) [git](https://git-scm.com/) ### 安装[hexo](https://hexo.io/) [hexo](https://hexo.io/) ``` npm install hexo-cli -g hexo init blog cd blog npm install hexo server ``` ### 部署...
- 中文文档 https://github.com/17koa/koa-guide - 生成器 https://github.com/17koa/koa-generator - co 4.6源码解析 https://cnodejs.org/topic/576bdffa889605241796f7d9 - AVA实践：面向未来的测试运行器 https://cnodejs.org/topic/57464cd8da0dea851e308101 - 模板引擎 https://cnodejs.org/topic/57353cc040b2969853981250 - 压测性能 https://cnodejs.org/topic/5728267f3f27a7c841bcb88e - 使用vscode调试koa2-example https://cnodejs.org/topic/572209ea35af8a704195f552 - vscode使用手册 https://github.com/i5ting/vsc - Koa 2 实例demo https://cnodejs.org/topic/570ae6c012def0933c43abc9...
## 浅复制 关于js对象的深浅复制，先来一段代码 ```javascript //对象浅复制 function shadowCopy(obj){ if(typeof obj !== 'object') return ; var newObj; if(obj.constructor === Array){ newObj = []; } else { newObj = {}; newObj.constructor = obj.constructor;//保留对象的constructor属性...
前几天被阿里问到了一个原型和原型链的相关问题，其实大体上都懂，细节方面没有认识到，这里可以好好总结下了。 1. ALL IN OBJECT 首先第一点需要知道的是All In Object，也就是说‘一切都是对象’，在javascript中我们认为任何值或变量都是对象，从对象划分等级来说，Object是第一级，Function是第二级，其他String，Array，Date，Number，Boolean，Math等内建对象是第三级，剩下的第四级。 当然你可以会看到如下代码： ```javascript function show(x) { console.log(typeof x); // undefined console.log(typeof 10); // number console.log(typeof 'abc'); // string console.log(typeof true); // boolean console.log(typeof...
**2017中国互联网企业100强**  :sparkles:哈哈，可以参考这个来看所有的公司的校招:sparkles:
### 预习工作 安装软件 - Node.js http://nodejs.org/ - MongoDB http://mongodb.org/ - VSCode https://code.visualstudio.com/download 阅读文档 https://github.com/17koa/koa-guide ## 看一下Koa 2 帅帅的代码 ### restful api ``` /** * Auto generate RESTful url routes. *...
## 移动端开发规范及优化思路 > 主要针对资源请求过多和脚本管理杂乱导致首屏加载缓慢的现状 #### 本次工程化后页面加载渲染速度在500-800ms内。非异步资源请求数在20以内。缓存下请求资源大小为16KB. >  线上地址：[摩登大道电商平台触屏前台](http://m.modernavenue.com/) ### 一 项目前端架构设想（自动化与规范化） 1. 放弃AMD/CMD模块化规范，主要使用ES6模块化来规范js/css引用,但按需加载部分依旧使用require，Webpack打包，并vendor基础库。 2. 基础库：FastClick/Flexible/JQuery(Zepto)/Template/Lazyload/Spin/ 3. 考虑团队baiduTemplate／handlebars 选其一作为前端模板引擎 4. 引入ES6/Babel/Sass/PostCSS 5. Webpack利用`ExtractTextPlugin`抽离CSS 6. 小图片用Base64处理`（DataURI）`，并压入css（极大合并请求数），非首屏图片懒加载 7. 异步渲染模块形成组件，js／css／模版揉合同一个目录 8. 文件夹命名考虑page/module/static三种类型区分类 9....
导言：学习任何东西，首先想到的应该是从[mock.js官网](https://github.com/nuysoft/Mock/wiki)找到文档，然后根据文档进行广度学习，从实践中找答案，这里给出mock.js的简易教程 ### 什么是mock.js Mock.js是一个模拟数据生成器，帮助前端开发和原型与后端进度分离，减少一些单调，特别是在编写自动化测试时。 ### mock.js的功能 1. 根据 数据模板 生成模拟数据 2. 基于 HTML模板 生成模拟数据 3. 拦截并模拟 Ajax 请求，生成并返回模拟数据 ### 什么时候用mock.js 1. 开发时，后端还没完成数据输出，前端也能根据模拟的数据开发。 2. 想要尽可能还原真实的数据。 3. 图片,url格式数据难以模拟。 ### 怎么用mock.js 1. 通过Bower安装使用...