20180930 前端开发日报

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

  1. nodejs+koa2+mongodb,学完找领导加薪 进来是为了想要加薪的小伙伴我可不敢打包票哈,但我相信这对于想要入门写nodejs的朋友来说,一定会有所收获,那么,下面开始我们的正题(这里不使用koa-generator脚手架,我们直接自己搭建项目,适用于前后端分离) 一:创建项目 1.首先全局安装我们的koa依赖包 (已经有node环境) npm install -g koa 复制代码 ...
  2. 小程序的全栈开发新时代》小程序·云开发是微信团队和腾讯云团队共同研发的一套小程序基础能力,简言之就是:云能力将会成为小程序的基础能力。 (by AlloyTeam——李成熙) ​​​

    小程序的全栈开发新时代
  3. JavaScript 前端倒计时纠偏实现 前端网页倒计时是非常常见的应用,我们在各大购物网站的秒杀活动中总是能见到它的身影。但是在实际情况中,我们常常会发现当网页不刷新、让倒计时程序持续运行时,显示时间相比实际时间会越来越慢,相信大家也有在秒杀时间即将到来时不停刷新页面的经历。原因自然也不难理解:倒计
  4. 深入学习 Node.js Net 网络上的两个程序通过一个双向的通信连接实现数据的交换,这个连接的一端称为一个 socket(套接字),因此建立网络通信连接至少要一对端口号。 socket 本质是对 TCP/IP 协议栈的封装,它提供了一个针对 TCP 或者 UDP 编程的接口,并不是另一种协议 。通过 socket,你可以使用 TCP/IP 协议。 Socket的英文原义是“孔”...
  5. beeshell:开源的 React Native 组件库 介绍 beeshell 是一个 React Native 应用的基础组件库,基于 0.53.3 版本,提供一整套开箱即用的高质量组件,包含 JavaScript(以下简称 JS)组件和复合组件(包含 Native 代码),涉及前端(FE)、ios、Androi
  6. Airbnb 房源详情页中的 React 性能优化 在一些容易被忽视但又非常重要的场景,可能会有许多严重影响性能却很容易解决的问题。 本文最早于 2017 年 12 月 5 日发表(原文链接),主要介绍了 Airbnb web 端访问量最大的页面之一——房源详情页的 react 性能优化过程,其中用到的方法、工具和经验心得。 作者:Joe Lencioni,Airbnb web 基础架构工程...
  7. 未来的组件化标准 —— 浅尝Web Components 原文地址 前言 Web Components涉及到的内容还是很多的,每一块都有很多东西可以讲,国外的好多大佬已经产出了好多优秀的文章。 本文照常只是简单了解大致内容而不进入深究,了解且会用即可,浅尝辄止。 简介 Web Components本身不是一个规范,
  8. TypeScript基础入门之模块(一) 模块 关于术语的一点说明: 请务必注意一点,TypeScript 1.5里术语名已经发生了变化。 "内部模块"现在称做"命名空间"。 "外部模块"现在则简称为"模块",这是为了与 ECMAScript 2015里的术语保持一致,(也就是说 module X { 相当于现在推荐的写法 namespace X {)。 介绍 ...
  9. nodejs+koa2+mongodb 从0到1搭建自己的项目 相信这对于想要入门写nodejs的朋友来说,一定会有所收获,那么,下面开始我们的正题(这里不使用koa-generator脚手架,我们直接自己搭建项目,适用于前后端分离) 一:创建项目 可以在全局中安装koa依赖包 (保持项目版本的统一性) npm insta
  10. JavaScript循环遍历你会用哪些?用来遍历数组元素第一个参数为数组元素,第二个参数为数组元素索引,第三个参数为数组本身(可选)没有返回值
  11. Webpack揭秘——走向高阶前端的必经之路 随着前端工程化的不断发展,构建工具也在不断完善。作为大前端时代的新宠,webpack渐渐成为新时代前端工程师不可或缺的构建工具,随着webpack4的不断迭代,我们享受着构建效率不断提升带来的快感,配置不断减少的舒适,也一直为重写的构建事件钩子机制煞费苦心,为
  12. 从0到1实现PromisePromise大家一定都不陌生了,JavaScript异步流程从最初的Callback,到Promise,到Generator,再到目前使用最多的Async/Await(如果对于这些不熟悉的可以参考我另一篇文章《JavaScript异步编程》),这不仅仅是技...
  13. Nginx与前端开发 Nginx与Node.js “Nginx是一款轻量级的HTTP服务器,采用事件驱动的异步非阻塞处理方式框架,这让其具有极好的IO性能,时常用于服务端的反向代理和负载均衡。” 作为前端开发,即使没用过Nginx,但一定听说过上面这句话。这句经典的话,基本构成
  14. 读懂CommonJS的模块加载 叨叨一会CommonJS Common这个英文单词的意思,相信大家都认识,我记得有一个词组common knowledge是常识的意思,那么CommonJS是不是也是类似于常识性的,大家都理解的意思呢?很明显不是,这个常识一点都不常识。我最初认为commonJ
  15. 什么是JavaScript generator 以及如何使用它们 在本文中,我们将要介绍 ECMAScript 6 中的 generator 是什么,以及关于它们的使用案例。 什么是 JavaScript generator generators 是可以控制 iterator(迭代器)的函数。并在任何时候都可以暂停和恢复。 如果这不好理解,那让我们看一些示例,这些示例将解释 generator 是什么,以及它和 iterator(迭代器,如 f...
  16. JavaScript 模块化及 SeaJs 源码分析 ​​​ 网页的结构越来越复杂,简直可以看做一个简单APP,如果还像以前那样把所有的代码都放到一个文件里面会有一些问题: 全局变量互相影响 JavaScript文件变大,影响加载速度 结构混乱、很难维护 和后端(比如Java)比较就可以看出明显的差距。2009年Ryan Dahl创建了node.js项目,将JavaScript用于服务器编程,这标志“JS...

    JavaScript 模块化及 SeaJs 源码分析
  17. Javascript-深浅拷贝javascript中对于Object和Array这两个类型,把一个变量赋值给另一个变量;浅拷贝只是对拷贝对象的引用,深拷贝是彻底拷贝,生成一个新的属性相同的对象
  18. 简洁易用的基于Promise的jsonp库easy-jsonp,了解下A minimal and lightweight JSONP implementation which is used to be a kind of cross domain solutions.
  19. 《HelloGitHub》第 30 期 兴趣是最好的老师,HelloGitHub 就是帮你找到兴趣! 简介 分享 GitHub 上有趣、入门级的开源项目。 这是一个面向编程新手、热爱编程、对开源社区感兴趣 人群的月刊
  20. 美菜无线前端架构模型2018 前言 今日早读文章由美菜@胖弟弟投稿分享。 @胖弟弟:4年开发经验,2014年毕业于北京大学智能科学系本科,曾就职美团、猫眼、有赞,现任美菜无线前端负责人。 正文从这开始~~ 一、回顾美菜前端的发展历
  21. Javascript-函数节流与函数防抖鼠标移动,mousemove 事件DOM 元素动态定位,window对象的resize和scroll 事件等等...
  22. 前端安全系列(一):如何防止XSS攻击?随着互联网的高速发展,信息安全问题已经成为企业最为关注的焦点之一,而前端又是引发企业安全问题的高危据点。在移动互联网时代,前端人员除了传统的 XSS、CSRF 等安全问题之外,又时常遭遇网络劫持、非法调用 H...
  23. 10分钟搭建ubuntu+nodejs+pm2自动部署+nginx+永久免费SSL证书+mongodb自动部署环境如果服务器已经安装了apache需要先卸载掉,因为apache占用80端口会导致nginx无法启动依次执行以下命令
  24. 《一套代码小程序&Web&Native运行的探索(2)》今天我们就来完善一段简单的小程序模板! (by 叶小钗) ​​​

    一套代码小程序&Web&Native运行的探索(2)
  25. 从源码解析vue的响应式原理-响应式的整体流程 前言 Vue官方对响应式原理的解释:深入响应式原理 上一节讲了VUE中依赖收集和依赖触发的原理,然鹅对响应式的整体流程我们还是有很多疑问: VUE是何时进行依赖收集的? 依赖触发了以后又是怎么进行页面响应式变化的? watcher对象到底起到了什么作用?
  26. 前端每日实战:146# 视频演示如何用纯 CSS 创作一个脉动 loader效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] ...
  27. Web安全系列(四):XSS 的防御 简介 XSS 的防御很复杂,并不是一套防御机制就能就解决的问题,它需要具体业务具体实现。 目前来说,流行的浏览器内都内置了一些 XSS 过滤器,但是这只能防御一部分常见的 XSS,而对于网站来说,也应该一直寻求优秀的解决方案,保护网站及用户的安全,我将阐述一下

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20180930 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20180930.html)