Eric.hu
Eric.hu
# 前端技术日报：20170803期 - 责任编辑：胡玥 - 期刊日期：2017.08.03 > 如今的前端的框架很多，新东西也越来越多。作为前端工作者的我们也有同样的感受，但是我们该如何做到，坚定本心，踏踏实实学好。这是一门学问！ ## 全栈React - [全栈React: React 30天](http://zcfy.cc/article/fullstack-react-30-days-of-react-3758.html?t=selection) > 一共有30篇文章，这里只是列出了目录的文章。感觉很赞！ ## 克服疲劳 - [一个治愈 JavaScript 疲劳的学习计划](https://www.w3ctech.com/topic/1908) - [如何克服 JavaScript 框架疲劳？](http://blog.oneapm.com/apm-tech/83.html) - [JavaScript 疲劳症](http://web.jobbole.com/86102/) >...
# 前端技术日报：20170721期 - 责任编辑：胡玥 - 期刊日期：2017.07.21 > 使用node来去开发一些内部应用，并且node调试起来比较费劲，所以推荐了一些调试相关的插件 ## nodejs开发微信公众号 - [Node.js 接入微信公众平台开发](http://cnodejs.org/topic/59294bff9e32cc84569a746a) - [Node.js access_token的获取、存储及更新](http://cnodejs.org/topic/5933d125739a92064a1bd4b6) - [Node.js 自定义微信菜单](https://cnodejs.org/topic/593668946b7ebe7e2979d8c6) - [Node.js 微信消息管理](https://cnodejs.org/topic/5939fa64d3575f1303de3aab) ## node调试 - [node.js调试](http://www.cnblogs.com/dolphinX/p/3485345.html) - [node.js 调试工具 node-inspector...
## moy是什么？ `moy` 是基于模型框架 `kero` 和 `UI` 框架 `neoui` 实现的应用框架，是前端集成解决方案，为企业级应用开发而生。 github地址：[https://github.com/iuap-design/tinper-moy](https://github.com/iuap-design/tinper-moy) ## 整体介绍 本文会一步步引导大家使用moy如何快速创建一个后台管理系统，该教程基于uba，包含查询、编辑、删除、创建，以及分页处理，数据 mock，自动处理 loading 状态等. 最终演示：  ## 环境准备和说明 - 安装[node.js](http://nodejs.cn/)开发环境，确保 node 版本是 4.x + - 用 [cnpm](http://npm.taobao.org/)能节约你安装依赖的时间...
开篇我声明，是写入门教程的套路，并不是所有的教程都是如此。不喜勿喷.. 我总结了下，入门教程要想写的好（被人点的赞多），首先我们得清楚看这个入门教程的人想知道什么。其实，无非就是三点： 1. 什么是xx？ 2. xx主要包含什么内容？ 3. 怎么使用？ ## 什么是xx？ 入门教程第一个标题一般就是，什么是xx？那么回答这个问题，**核心描述一定得抓住**。 核心要浅显易懂，要直入主题，一定不要搞一些复杂的专有名词（个人认为就是装X），不要说的花里胡哨。最好就是一句话。 这里我举了两个例子，比如： > MobX只做一件事，**解决 state 到 view 的数据更新问题**。 还有一个例子： > MobX 是一个简单、方便扩展、久经考验的状态管理解决方案。这个教程旨在十分钟内向你介绍 MobX 的一些重要概念。MobX 是一个独立的苦，不过大多数人都把它和 React 一起使用，所以本教程也就着眼于这个组合展开。 这里很清楚、很明显的能看到这两个回答的对比之处。 第二个例子太含糊其词了，状态管理，什么状态，如何管理的。到底是什么东西，这个到底有什么，用户还是不太明白你再说什么。所以入门教程最重要的就是尽量用不专业的名词，来解释专业名词。通俗的说就是**入门教程的内容尽量要用小孩能听懂的词语来解释一个比较专业的东西，这是最重要的一点**...
参考bootstrap v3版本的组件的页面目录结构 ## 目录 - [ ] 起步 - [ ] 介绍 - [ ] 下载（包含定制下载） - [ ] 示例 - [ ] 模板 - [ ] 全局CSS样式（该同级标题在文档中是一个md，全是单独的页面，以下为锚点定位） - [...
现在我这边的场景是需要将拦截到的域名全部替换为ip去访问，但是我看里面是使用的NSSession，这里无法解决sni问题，请问有什么好的办法吗？
rollup的使用说明
特别声明：如果你的工作内容是基于es2015（也就是es6），并且不需要[代码分割](https://webpack.toobug.net/zh-cn/chapter3/chunks.html)，也不需要[模块热替换（HMR)][https://webpack.js.org/concepts/hot-module-replacement/]，那么你可以很愉快的使用rollup进行开发了。否则，你可以绕行[webpack](https://webpack.js.org/)了。 ## 优势（与webpack相比） - 代码的内容格式：编译运行出来的内容，人能看，并且能调试。如果你没办法理解我说的话，可以去看看webpack打包出来的代码 - 命令行的角度：比webpack更加的人性化，有什么问题或者警告都很详细的描述出来，并且准确的提供问题所在文件的位置，方便查找问题 - 如果是引入第三方的js，一旦import进来就会加载进入入口文件中，但如果不是第三方的js，要引入进来之后进行export操作或者执行，才会被解析到入口文件中 ## 所用插件 - "babel-plugin-external-helpers": 这个模块是在.babelrc文件中体现，目的是让babel转义出来的帮助性代码只在该文件的头部出现一次，而不会再每个引入的模块中加入 - "babel-preset-latest": 这个模块也是在.babelrc文件中体现，目的是让babel转义的操作移至的最后，等rollup编译代码之后，否则会出错 - "rollup-plugin-babel": babel转义 - "rollup-plugin-node-resolve": 将import的代码的代码和自己写的代码打包打在一起 - "rollup-plugin-uglify": 压缩代码 ## 比较好用的插件 - rollup-plugin-multi-entry...
## 一、JavaScript基础 前端工程师吃饭的家伙，深度、广度一样都不能差。 ### 变量和类型 - [ ] JavaScript规定了几种语言类型 -- [JavaScript语言类型](https://github.com/HuYuee/blog/issues/77) - [ ] JavaScript对象的底层数据结构是什么 -- [从Chrome源码看JS Object的实现](https://zhuanlan.zhihu.com/p/26169639) - [ ] Symbol类型在实际开发中的应用、可手动实现一个简单的Symbol -- [(转)ES6 系列之模拟实现 Symbol 类型](https://juejin.im/post/5b1f4c21f265da6e0f70bb19) - [ ]...
1. HTML/HTML5基础： - [x] 语义化H5标签，H5引进了一些新的标签，特别注意article、header、footer、aside、nav等，注意HTML的标题结构—[Html5语义化标签](https://github.com/HuYuee/blog/issues/25) - [x] 理解浏览器解析HTML的过程，理解DOM的树形结构，及相应API—[浏览器的解析原理](https://github.com/HuYuee/blog/issues/26) - [x] 理解浏览器渲染HTML的过程—[浏览器的渲染原理以及性能优化处理](https://github.com/HuYuee/blog/issues/27) - [x] 理解HTML标签在各个浏览器上的默认样式（代理样式），理解CSS中的重置样式表的概念—[HTML标签的默认样式和CSS-reset](https://github.com/HuYuee/blog/issues/28) - [x] 理解Canvas、SVG、video等功能性标签 - [x] 理解form、iframe标签，理解文件提交过程—[文件提交过程](https://github.com/HuYuee/blog/issues/29) - [x] 推荐书籍： - 《HTML5秘籍》 2. 高健壮性CSS - [ ]...