20180705 前端开发日报

2018年6月前端面试经历(上);全屏滚动插件fullPage.js;ECMAScript 2018 语言规范正式发布,改进正则表达式;Vue SPA项目优化小记;实现一个完美符合Promise/A+规范的Promise;JS继承,中间到底干了些什么;用 Node.js 开发一个 Command Line Interface (CLI);跨域解决方案实践cors及jsonp

  1. 2018年6月前端面试经历(上) 坐标: 杭州 。自己从事前端工作差不多2年,本人不是科班出身,算是一个小菜鸡到现在刚入门吧。2年前去面试,因为技术菜,其实公司并没有怎么去了解我的技术,主要还是看个人的态度和学习能力,所以很感谢前面的俩个老东家,把我这个小菜鸡带入门了。今年,在上一个东家做的项目差不多也成型了,发现自己也到了一个一…
  2. 全屏滚动插件fullPage.js 本文介绍使用fullPage.js插件可轻易创建全屏滚动网站。很多网站只有一个首页,它是由多个可以滚动的全屏内容组成,使用鼠标滚动或方向键可控制滚屏,支持CSS3动画和手机触屏,效果非常高大上。 查看演示 下载源码 使用方法 包含文件 <link rel="stylesheet" type="text/css&quot…
  3. ECMAScript 2018 语言规范正式发布,改进正则表达式 科大讯飞通用文字识别100000次/天免费使用。立即申请&gt;&gt;&gt;&nbsp;&nbsp; ECMAScript 2018(第九版 JS)已于 6 月底正式发布,带来了许多新特性。ECMAScript 2018&nbsp;于今年2月出炉
  4. Vue SPA项目优化小记 概述 之前做了一个React项目和Vue的项目,在做完后不加任何优化的情况下,这2个项目的首屏加载平均时间居然达到了20+s,好一点能进10s,差一点快30s,完全不能忍,优化势在必行,本文章记录下Vue项目的优化过程,React项目的优化后续补上。 上图是
  5. 实现一个完美符合Promise/A+规范的Promise 原文在我的博客中: 原文地址 简要介绍:Promise允许我们通过链式调用的方式来解决“回调地狱”的问题,特别是在异步过程中,通过Promise可以保证代码的整洁性和可读性。本文主要解读Promise/A+规范,并在此规范的基础上,自己实现一个Promise. 一、Promise的使用 在了解Promise规范之前,我们知道主流的高版本浏览…
  6. JS继承,中间到底干了些什么 1.实现new函数 在JS中初始化一个实例的时候,会调用new去完成实例化,那么new函数到底干了些什么事情, 实例可以访问构造函数中的对象 实例可以访问构造函数prototype中的内容 此外,我们都知道在chrome,firefox等浏览器中,实例化的
  7. 用 Node.js 开发一个 Command Line Interface (CLI) Node.js用途很广,常用来开发服务、桌面应用等被开发者熟知,Node.js还有另外一个非常实用的场景 – 命令行应用(后文统称CLI)。本文将介绍CLI的开发流程、常用的功能,并以meet-cli为例实战演练,从零开始一步步开发一个可以在生产中使用(read world)的CLI工具。meet-cli现已开源,读者也可以直接下载查看。 …
  8. 跨域解决方案实践cors及jsonp 了解几个跨域的方案,并且通过简单实践进行体会。 如何实践? 但是,我们如何进行实践呢?在哪发请求?向什么服务器发请求?很简单,就在当前网页,打开控制台,输入请求的代码 var url = 'http://127.0.0.1:8888/'; var xhr =
  9. Vue核心思想:数据驱动、组件化 1.数据驱动 DOM是数据的一种自然映射。 传统的前端数据交互是用Ajax从服务端获取数据,然后操作DOM来改变视图;或者前端交互要改变数据时,又要再来一次上述步骤,而手动操作DOM是一个繁琐的过程且易出错。 Vue.js 是一个提供了 MVVM 风格的双向数
  10. 说说React组件的State React的核心思想是组件化的思想,应用由组件搭建而成, 而组件中最重要的概念是State(状态)。 正确定义State React把组件看成一个状态机。通过与用户的交互,实现不同状态,然后渲染UI,让用户界面和数据保持一致。组件的任何UI改变
  11. Gio.js:基于 Three.js 的 web 3D 地球数据可视化的开源组件库 Gio.js 是一个基于Three.js的web 3D地球数据可视化的开源组件库。使用Gio.js的网页应用开发者,可以快速地以申明的方式创建自定义的Web3D数据可视化模型,添加数据,并且将其作为一个组件整合到自己的应用中。 目录 为什么要使用Gio.js 开始使用 例子 API列表 …
  12. 邮件驱动 Git 工作流的优势 git 2.18.0 has been released, and with it my first contribution to git has shipped! My patch was for a git feature which remains d
  13. 基于React+Redux的SSR实现 为什么要实现服务端渲染(SSR) 总结下来有以下几点: SEO,让搜索引擎更容易读取页面内容 首屏渲染速度更快(重点),无需等待js文件下载执行的过程 代码同构,服务端和客户端可以共享某些代码 今天我们将构建一个使用Redux的简单的React应用程序,实
  14. React-从源码分析React Fiber工作原理 本文的demo仓库在https://github.com/qiqingjin/blog/tree/master/React_Redux,喜欢请star哟~ 为什么要重写React React16 以前 React16 以前,对virtural dom的更新和
  15. RxJS实践,Vue如何集成RxJS 一、 本文章不会对RxJS的原理进行讲解,仅讨论如何在vue中对RxJS进行集成 1、30天精通 RxJS 这是一个台湾开发者编写的关于RxJS的教程,教程涉及到原理解析、简易实现,以及常用operator的介绍。 2、学习RxJS operator 各种常用
  16. 编写一个简单的JavaScript模板引擎 本文首发于我的知乎专栏,转发于掘金。若需要用于商业用途,请经本人同意。尊重每一位认真写文章的前端大佬,文末给出了本人思路的参考文章。前言能够访问到这篇文章的同学,初衷是想知道如何编写JavaScript的模板引擎。为了照顾一些没有使用过模板引擎的同学,先来稍微
  17. Retalk,Redux 从未如此简单 简介Retalk 是 Redux 的一个最佳实践,简单、轻量、流畅而智慧。它可以让你以异常简单清晰的方式来书写 Redux,忘掉 Action types,忘掉 Action creators,再也不用考虑庞大而烦人的样板代码。除此之外,Retalk 还支持异

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

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


关注我

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

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

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