20180930 前端开发日报-前端开发博客

nodejs+koa2+mongodb，学完找领导加薪；小程序的全栈开发新时代；JavaScript 前端倒计时纠偏实现；深入学习 Node.js Net；beeshell：开源的 React Native 组件库；Airbnb 房源详情页中的 React 性能优化；未来的组件化标准 —— 浅尝Web Components；TypeScript基础入门之模块(一)

nodejs+koa2+mongodb，学完找领导加薪进来是为了想要加薪的小伙伴我可不敢打包票哈，但我相信这对于想要入门写nodejs的朋友来说，一定会有所收获，那么，下面开始我们的正题（这里不使用koa-generator脚手架，我们直接自己搭建项目，适用于前后端分离）一：创建项目 1.首先全局安装我们的koa依赖包 (已经有node环境) npm install -g koa 复制代码 …
《小程序的全栈开发新时代》小程序·云开发是微信团队和腾讯云团队共同研发的一套小程序基础能力，简言之就是：云能力将会成为小程序的基础能力。（by AlloyTeam——李成熙）
JavaScript 前端倒计时纠偏实现前端网页倒计时是非常常见的应用，我们在各大购物网站的秒杀活动中总是能见到它的身影。但是在实际情况中，我们常常会发现当网页不刷新、让倒计时程序持续运行时，显示时间相比实际时间会越来越慢，相信大家也有在秒杀时间即将到来时不停刷新页面的经历。原因自然也不难理解：倒计
深入学习 Node.js Net 网络上的两个程序通过一个双向的通信连接实现数据的交换，这个连接的一端称为一个 socket（套接字），因此建立网络通信连接至少要一对端口号。 socket 本质是对 TCP/IP 协议栈的封装，它提供了一个针对 TCP 或者 UDP 编程的接口，并不是另一种协议。通过 socket，你可以使用 TCP/IP 协议。 Socket的英文原义是“孔”…
beeshell：开源的 React Native 组件库介绍 beeshell 是一个 React Native 应用的基础组件库，基于 0.53.3 版本，提供一整套开箱即用的高质量组件，包含 JavaScript（以下简称 JS）组件和复合组件（包含 Native 代码），涉及前端（FE）、iOS、Androi
Airbnb 房源详情页中的 React 性能优化在一些容易被忽视但又非常重要的场景，可能会有许多严重影响性能却很容易解决的问题。本文最早于 2017 年 12 月 5 日发表（原文链接），主要介绍了 Airbnb web 端访问量最大的页面之一——房源详情页的 react 性能优化过程，其中用到的方法、工具和经验心得。作者：Joe Lencioni，Airbnb web 基础架构工程…
未来的组件化标准 —— 浅尝Web Components 原文地址前言 Web Components涉及到的内容还是很多的，每一块都有很多东西可以讲，国外的好多大佬已经产出了好多优秀的文章。本文照常只是简单了解大致内容而不进入深究，了解且会用即可，浅尝辄止。简介 Web Components本身不是一个规范，
TypeScript基础入门之模块(一) 模块关于术语的一点说明: 请务必注意一点，TypeScript 1.5里术语名已经发生了变化。 "内部模块"现在称做"命名空间"。 "外部模块"现在则简称为"模块"，这是为了与 ECMAScript 2015里的术语保持一致，(也就是说 module X { 相当于现在推荐的写法 namespace X {)。介绍 …
nodejs+koa2+mongodb 从0到1搭建自己的项目相信这对于想要入门写nodejs的朋友来说，一定会有所收获，那么，下面开始我们的正题（这里不使用koa-generator脚手架，我们直接自己搭建项目，适用于前后端分离）一：创建项目可以在全局中安装koa依赖包 (保持项目版本的统一性) npm insta
JavaScript循环遍历你会用哪些？用来遍历数组元素第一个参数为数组元素，第二个参数为数组元素索引，第三个参数为数组本身(可选)没有返回值
Webpack揭秘——走向高阶前端的必经之路随着前端工程化的不断发展，构建工具也在不断完善。作为大前端时代的新宠，webpack渐渐成为新时代前端工程师不可或缺的构建工具，随着webpack4的不断迭代，我们享受着构建效率不断提升带来的快感，配置不断减少的舒适，也一直为重写的构建事件钩子机制煞费苦心，为
从0到1实现PromisePromise大家一定都不陌生了，JavaScript异步流程从最初的Callback，到Promise，到Generator，再到目前使用最多的Async/Await（如果对于这些不熟悉的可以参考我另一篇文章《JavaScript异步编程》），这不仅仅是技…
Nginx与前端开发 Nginx与Node.js “Nginx是一款轻量级的HTTP服务器，采用事件驱动的异步非阻塞处理方式框架，这让其具有极好的IO性能，时常用于服务端的反向代理和负载均衡。” 作为前端开发，即使没用过Nginx，但一定听说过上面这句话。这句经典的话，基本构成
读懂CommonJS的模块加载叨叨一会CommonJS Common这个英文单词的意思，相信大家都认识，我记得有一个词组common knowledge是常识的意思，那么CommonJS是不是也是类似于常识性的，大家都理解的意思呢？很明显不是，这个常识一点都不常识。我最初认为commonJ
什么是JavaScript generator 以及如何使用它们在本文中，我们将要介绍 ECMAScript 6 中的 generator 是什么，以及关于它们的使用案例。什么是 JavaScript generator generators 是可以控制 iterator（迭代器）的函数。并在任何时候都可以暂停和恢复。如果这不好理解，那让我们看一些示例，这些示例将解释 generator 是什么，以及它和 iterator（迭代器，如 f…
JavaScript 模块化及 SeaJs 源码分析网页的结构越来越复杂，简直可以看做一个简单APP，如果还像以前那样把所有的代码都放到一个文件里面会有一些问题：全局变量互相影响 JavaScript文件变大，影响加载速度结构混乱、很难维护和后端（比如Java）比较就可以看出明显的差距。2009年Ryan Dahl创建了node.js项目，将JavaScript用于服务器编程，这标志“JS…
Javascript-深浅拷贝javascript中对于Object和Array这两个类型，把一个变量赋值给另一个变量；浅拷贝只是对拷贝对象的引用，深拷贝是彻底拷贝，生成一个新的属性相同的对象
简洁易用的基于Promise的jsonp库easy-jsonp，了解下A minimal and lightweight JSONP implementation which is used to be a kind of cross domain solutions.
《HelloGitHub》第 30 期兴趣是最好的老师，HelloGitHub 就是帮你找到兴趣！简介分享 GitHub 上有趣、入门级的开源项目。这是一个面向编程新手、热爱编程、对开源社区感兴趣人群的月刊
美菜无线前端架构模型2018 前言今日早读文章由美菜@胖弟弟投稿分享。 @胖弟弟：4年开发经验，2014年毕业于北京大学智能科学系本科，曾就职美团、猫眼、有赞，现任美菜无线前端负责人。正文从这开始～～一、回顾美菜前端的发展历
Javascript-函数节流与函数防抖鼠标移动，mousemove 事件DOM 元素动态定位，window对象的resize和scroll 事件等等…
前端安全系列（一）：如何防止XSS攻击？随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之外，又时常遭遇网络劫持、非法调用 H…
10分钟搭建ubuntu+nodejs+pm2自动部署+nginx+永久免费SSL证书+mongodb自动部署环境如果服务器已经安装了apache需要先卸载掉，因为apache占用80端口会导致nginx无法启动依次执行以下命令
《一套代码小程序&Web&Native运行的探索（2）》今天我们就来完善一段简单的小程序模板！（by 叶小钗）
从源码解析vue的响应式原理-响应式的整体流程前言 vue官方对响应式原理的解释：深入响应式原理上一节讲了VUE中依赖收集和依赖触发的原理，然鹅对响应式的整体流程我们还是有很多疑问： VUE是何时进行依赖收集的？依赖触发了以后又是怎么进行页面响应式变化的？ watcher对象到底起到了什么作用？
前端每日实战：146# 视频演示如何用纯 CSS 创作一个脉动 loader效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] …
Web安全系列（四）：XSS 的防御简介 XSS 的防御很复杂，并不是一套防御机制就能就解决的问题，它需要具体业务具体实现。目前来说，流行的浏览器内都内置了一些 XSS 过滤器，但是这只能防御一部分常见的 XSS，而对于网站来说，也应该一直寻求优秀的解决方案，保护网站及用户的安全，我将阐述一下