20180817 前端开发日报

写给熟悉oo语言开发者看的 —— 关于JavaScript的对象;Serlina:渐进式的 React 服务器渲染框架;浅谈Vue-router的部分高级用法;配置 Tree Shaking 来减少 JavaScript 的打包体积;一个vue加egg.js的博客;Node.JS进程间通讯的几种方法:Redis Publish/Subscribe 和 UDP Socket;在 Windows 上搭建 React Native IOS 开发环境;前端面试系统准备

  1. 写给熟悉oo语言开发者看的 —— 关于JavaScript的对象对于不了解JavaScript 语言,尤其是习惯了OO语言的开发者来说,对于JavaScript中的原型继承机制和class语法糖是让人迷惑的。
  2. Serlina:渐进式的 React 服务器渲染框架 副标题: 《可能是最适合 Egg 的 React Serverside-rendering 方案》 上一周周末我花了些时间来完成了一个 React serverside-rendering 框架——Serlina. 在此想通过这篇文章讲讲 Serlina 框架本身,以及我为什么要开发她。 (下文中 React Serverside-rendering 均简称为 “SSR”) 起因 …
  3. 浅谈Vue-router的部分高级用法 前言         大家好久不见,上周没来得及写文章,这周终于有时间发布文章了,还是很开心的,至于这篇文章的内容大家就可以看出来不会有很多,并且针对的是已经有初步了解Vue-r
  4. 配置 Tree Shaking 来减少 JavaScript 的打包体积 译者按: 用Tree Shaking技术来减少JavaScript的Payload大小 原文: Reduce JavaScript Payloads with Tree Shaking 译者: Fundebug 为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。 小编推荐:Fundebug专注于JavaScript、微信小程序…
  5. 一个vue加egg.js的博客 之前自己的博客是用hexo做的,后面想做一个有后台的博客就打算用vue加node来试试,于是就有了这个博客。 项目地址 W-Blog W-Blog是一个基于vue和node的小小小博客 前端用vue,后端用egg.js 快速入门 技术栈 前端: 用户端:v
  6. Node.JS进程间通讯的几种方法:Redis Publish/Subscribe 和 UDP Socket 借助 Redis 如果您装有redis客户端就可以通过 redis 的 publish/ subscribe方法来实现进程间通讯,注意一旦使用subscribe,则此 redis 只能接收:SUBSCRIBE、PSUBSCRIBE、UNSUBSCRIBE和PUNSUBSCRIBE 等消息订阅指令,您可以专门创建一个redis实例来进行进程间通信。  var redis = require("redis")…
  7. 在 Windows 上搭建 React Native IOS 开发环境 在 windows 上开发 React Native IOS App 一定需要 Mac OS X 操作系统吗?答案几乎是肯定的,下面这是 2016 年的答案,时隔两年过去了依然没有什么好的解决方案。 create-react-native-app + Expo
  8. 前端面试系统准备 标准模式/IE模型的区别 标准模型:Width = Content IE模型:Width = Content + Padding + Border CSS如何设置两种模型 box-sizing属性 ==> content-box(标准模型,默认),border-box(IE模型) JS如何设置获取盒模型对应的宽和高 1) domElem.style.width/height …
  9. javascript高阶函数map、reduce、sort、filter 高阶函数英文叫Higher-order function。什么是高阶函数? JavaScript的函数其实都指向某个变量。既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数。
  10. 一个小项目,带你深入Vue单页面应用开发 本人长期混迹于币圈,无奈最近数字货币全线下跌,就此收手作罢。朋友推荐了币乎,说这是一个神奇的网站,看了一眼,发现用户数众多,算是一个比较大而垂直的社区了。至于是不是区块链行业的专业网站,我不做评论。作为一名资深的前端开发狗,就本能地右键->查看源代码,发现这是一个用react写成的网站。抱着试一试的…
  11. 改造vue-cli,让它更好用 vue-cli真的很好用? vue-cli是一个整合了webpack+vue的脚手架,通过这个脚手架,我们可以很方便地创建一个vue项目,甚至引入了vuex和vue-router。webpack的配置对用户来说是透明,用户无需关注webpack的详细配置,从而
  12. 一张图理解JS的原型(prototype、_proto_、constructor的三角关系) 注意:前方高能预警,请认真仔细看完,阅读完后自己再次画下原型图,相信你一定会有更深刻的认识。(推荐炒鸡好用的画流程图的软件ProcessOn) 构造函数:function Foo ( ) { }; 实例对象:let f1=new Foo; let o1=new Foo; 每个函数都有 prototype 属性 ,除了 Function.prototype.bind() ,该 属性指向原型 …
  13. vue-router 源码:路由模式 前言 前端的路由模式包括了 Hash 模式和 History 模式。 vue-router 在初始化的时候,会根据 mode 来判断使用不同的路由模式,从而 new 出了不同的对象实例。例如 history 模式就用 HTML5History,hash 模式就
  14. 技术讨论 | 记一次Node.Js反序列化攻击测试 严正声明:本文仅限于技术讨论,严禁用于其他用途。 Node.js是一个Javascript运行时环境。它封装了GoogleV8引擎,该引擎可以高效地执行Javascript。另外,Node.js还进行了一些优化并提供了替代API,这使得Google V8引擎能够在非浏览器环境中更有效地运行。 但是Node.js的序列化过程中仍然存在远程代码执行漏洞。具…
  15. JavaScript ES6功能概述(ECMAScript 6和ES2015 +)自1995年JavaScript构思以来,它一直在缓慢发展。每隔几年就会发生新增事件。 ECMAScript于1997年成立,旨在指导JavaScript的发展方向。它已经发布了ES3,ES5,ES6等版本。
  16. 关于 Angular 依赖注入你需要知道的 What you always wanted to know about Angular Dependency Injection tree 如果你之前没有深入了解 Angular 依赖注入系统,那你现在可能认为 Angular 程序内的根注入器包含所有合
  17. 当大多数人对Vue理解到炉火纯青的时候,你应该思考怎么让vue页面骚气起来 写在前面 当大多数人Vue理解的炉火纯青的时候,你应该思考怎么让vue页面骚气起来,下面就我个人在接触Vue两年的时间里,在实际工作中门户网站在前端页面交互应用和技巧,炒几道“小菜”给大家分享一哈,我把它封装成一个项目 vue-portal-webUI( github源码),不敢说是UI,但也是各种常见常遇到的情景吧,看懂代码需要…
  18. 前端每日实战:106# 视频演示如何用纯 CSS 创作一个没有 DOM 元素的动画效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  19. JS事件循环(event loop) JavaScript单线程 JavaScript语言的特点就是单线程,同一个时间只能做一件事。为什么JavaScript不是有多个线程呢?这样能提高效率啊。 JavaScript的单线程,与它的用途有关。作为浏览器脚本语言,JavaScript
  20. 前端性能优化之雅虎35条军规 本文主要考虑客户端性能、服务器端和网络性能,内容框架来自Yahoo Developer Network,包含 7 个类别共 35 条前端性能优化最佳实践,在此基础上补充了一些相关或者更符合主流技术的内容。 前端性能的一个重要指标是页面加载时间,不仅事关用户体
  21. Webpack 4.x搭建react开发环境 必要依赖一览(npm install) 安装好。 "dependencies": { "babel-core": "^6.26.3", "babel-loader": "^7.1.5", "babel-preset-env": "^1.
  22. Web全屏模式MDN:全屏 API 为使用用户的整个屏幕展现网络内容提供了一种简单的方式。这种API让你可以简单地控制浏览器,使得一个元素与其子元素,如果存在的话,可以占据整个屏幕,并在此期间,从屏幕上隐藏所有的浏览器用户…
  23. Vue 项目升级到 webpack4.x 小纪【附代码】 自 webpack 4.x 发布以来,就独得码农恩宠。我公司的项目是基于 webpack 3.x 版本的 vue 项目, 当时是用 vue-cli 工具构建的项目,项目开发完成后发现打包性能低下,而且项目是多页面的,需要将 打包文件分离,webpack 原有的

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流