20190222 前端开发日报

记一道经典前端题;ES6的开发环境搭建;我的从零开始 web 前端自学之路;前端面试题—Vue部分详解;JS数组去重的几种方法;原来JavaScript是这样运行的;Facebook 对前端工程师的要求是啥?一起来看看;学习 Node.js,第 1 单元:Node.js 学习路径概述

  1. 记一道经典前端题 题目如下: function Foo() { getName = function() { alert(1); } return this } Foo.getName = function() { alert(2); } Foo.prototype.getName = function() { alert(3); } var getName = function () { alert(4); } function getName() { alert(5); } // 输出值 Foo.getName(); getName(); Foo().getName...
  2. ES6的开发环境搭建古语有云:“君子生非异也,善假于物;工欲善其事,必先利其器。” {代码...} 1、使用Babel把ES6编译成ES5 1.1 建立工程目录 先建立一个项目的工程目录,并在目录下边建立两个文件夹:dist 和 src 1.2 初始化项目 ...
  3. 我的从零开始 Web 前端自学之路 喜欢我的都关注我了 从 13 年专科毕业开始,一路跌跌撞撞走了很多弯路,做过餐厅服务员,进过工厂干过流水线,做过客服,干过电话销售可以说经历相当的“丰富”。 最后的机缘巧合下,走上了前端开发之路,作为一个非计算机专业且低学历的人来说,自学编程其实不是件容易的事情,不过庆幸的是自己坚持下来...
  4. 前端面试题—vue部分详解 单页面应用:在一个页面跳来跳去,不重新加载页面 vue 特点:渐进式 框架 双向数据绑定 双向数据绑定:视图改变 数据自动更新;数据更新 视图自动改变 渐进式:vue vue-router路由 vuex axios 框架:自己写的代码被框架调用(库:自己调用库的代码) 声明式 安装vue cmd命令 ...
  5. JS数组去重的几种方法 今天来聊一聊JS数组去重的一些方法,包括一些网上看到的和自己总结的,今天也把他们归纳起来吧。我总结了5种方法(ES5),还有一点就是,我使用的JS编码风格是 JavaScript Standard 风格,是不加分号的(避免给大家造成误会)。 第一种:遍历数组法 这种方法最简单最直观,也最容易理解,代码如下: var arr ...
  6. 原来JavaScript是这样运行的 一、前言 大家都知道JavaScript是 单线程 的,单线程就意味着同一时间只能做一件事,那么有同学会问,为什么JavaScript的作者不把它设计成 多线程 的呢,那样性能不是更好。为了回答这个问题,我们得从JavaScript的用途上来解释了,由于JavaScript是一门脚本语言,被用于与用户进行交互和操作DOM有关,如果是多线程的...
  7. 近日,Redux 作者 Dan Abramov(@dan_abramov)发 Twitter 表示: 我们更新了发给前端工程师候选人的措辞,...
  8. 学习 Node.js,第 1 单元:Node.js 学习路径概述 简介 您是否想在服务器上运行 JavaScript?本教程正是为您而打造。不过,通过这一学习路径,您将会了解到 Node.js 不仅仅是"服务器上的 JavaScript"。 作为一个主题,Node 可谓博大而精深。选择有限数量的主题来介绍如此庞大的研究对象是一项艰巨的任务。因为无法预测每个新的 Node 开发人员需要什么,所...
  9. 2019前端面试题汇总(主要为Vue)毕业之后就在一直合肥小公司工作,没有老司机、没有技术氛围,在技术的道路上我只能独自摸索。老板也只会画饼充饥,前途一片迷茫看不到任何希望。于是乎,我果断辞职,在新年开工之际来到杭州,这里的互联网公司...
  10. 链家网前端总架构师杨永林:我的8年架构师成长之路杨永林,人称“教主”,八年前端开发经验,原新浪微博前端技术专家,现任链家网前端总架构师。长期研究Web访问性能优化和前端框架搭建。作为初始团队成员,教主参与了新浪微博所有PC版本的开发,其中4~6版以架构师...
  11. 由奥迪车灯想到的前端动画最近对汽车比较感兴趣,平时也多留意看了一些身边的车,发现奥迪部分车型的转向灯很有特色,有一个从左到右的动画效果,视觉效果很赞,这撩起了我的好奇心,怎么用代码在网页上模拟实现呢?
  12. JavaScript函数式编程,真香之函数组合(二) 该系列文章不是针对前端新手,需要有一定的编程经验,而且了解 JavaScript 里面作用域,闭包等概念 组合函数 组合是一种为软件的行为,进行清晰建模的一种简单、优雅而富于表现力的方式。通过组合小的、确定性的函数,来创建更大的软件组件和功能的过程,会生成更容易组织、理解、调试、扩展、测试和维护的软件。 ...
  13. 学习 Node.js,第 2 单元:安装 Node.js、npm 和 VSCode 在本教程中,我将向您简要介绍 Node.js,并向您说明如何安装完成 Node.js 学习路径所需的软件。 Node.js 学习路径 本教程是 Node.js 学习路径的一部分。这些单元彼此互为基础,查看 学习 Node.js,第 1 单元:Node.js 学习路径的概述 从头开始。 首先,您需要安装 Node.js 运行时本身以及 Node 的包管理...
  14. 面试官问:JS的继承面试官可以顺着这个问JS继承的相关问题,比如:ES6的class继承用ES5如何实现。据说很多人答得不好。<br/>
  15. 深入 Vue:源码目录及构建过程分析 “ 本文主要梳理一下vue代码的目录,以及vue代码构建流程,旨在对vue源码整体有一个认知,有助于后续对源码的阅读。” 01 — 目录结构 上图是对vue的代码的所有目录进行的梳理,其中源码位于src目录下,下面对src下的目录进行介绍。 compiler ...
  16. Vue 服务端渲染实践 ——Web应用首屏耗时最优化方案 随着各大前端框架的诞生和演变, SPA 开始流行,单页面应用的优势在于可以不重新加载整个页面的情况下,通过 ajax 和服务器通信,实现整个 Web 应用拒不更新,带来了极致的用户体验。然而,对于需要 seo 、追求极致的首屏性能的应用,前端渲染的 SPA 是糟糕的。好在 Vue 2.0 后是支持服务端渲染的,零零散散花费了两三周...
  17. webpack系列之三resolve webpack 的特点之一是处理一切模块,我们可以将逻辑拆分到不同的文件中,然后通过模块化方案进行导出和引入。现在 ES6 的 Module 则是大家最常用的模块化方案,所以你一定写过 import './xxx' 或者 import 'something-in-nodemodules' 再或者 import '@/xxx' (@ 符号通过 webpack 配置中 alias 设置)。webpack 处理这些...
  18. React Native 与 iOS 和 Android 通信 原文地址: React Native Bridge for ios and Android 原文作者:Abhishek Nalwaya 译文出自: 掘金翻译计划 本文永久链接: github.com/xitu/gold-m… 译者: MeandNi 校对者: lsvih React Native 流行的最大原因之一是我们可以在 Native 语言和 JavaScript 代码之间建立桥梁。这意味着...
  19. 我所知道的JavaScript中判断数据类型 相信一提到怎么判断js的数据类型,大家都会想到的是typeof、instanceof,那么为什么有了typeof的存在还要有instanceof? typeof? 根据MDN: typeof 操作符返回一个字符串,表示未经计算的操作数的类型。 eg: typeof 1; // 'number' typeof NaN; // 'number' typeof 'zenquan'; // 'string' typeof true;...
  20. 通过 React Hooks 声明式地使用 setInterval本文由云+社区发表作者:Dan Abramov 接触 React Hooks 一定时间的你,也许会碰到一个神奇的问题: setInterval 用起来没你想的简单。 Ryan Florence 在他的推文里面说到: 不少朋友跟我提起,setInterval 和 hook...
  21. 从一则案例解析js正则的String对象的replace方法使用技巧 这是我第一时间想到的方法,穷举这三个符号任意两个符号的排列组合,然后一一替换。根据排列组合公式可知一共有6种不同的组合方式,需要写6个正则。 这种方法的好处是易于理解,但缺点也显而易见,代码臃肿,难以维护。 思路2:写一个匹配出所有组合的正则,然后进行替换。 首先,写出这个正则 let reg = /(...
  22. 怎样使用React Context APIReact Context API 现在已经成为一个实验性功能,但是只有在 React 16.3.0 中才能用在生产中。本文将向你展示两个基本的 Web 商店应用程序,一个使用了 Context API 进行构建,另一个则不用。
  23. Puppeteer前端自动化测试实践本篇内容将记录并介绍使用Puppeteer进行自动化网页测试,并依靠约定来避免反复修改测试用例的方案。主要解决页面众多时,修改代码导致的牵连错误无法被发现的运行时问题。文章首发于个人博客
  24. 如何更优雅地切换 Git 分支 在日常开发中,我们经常需要在不同的 Git 分支之间来回切换,特别是业务需求比较多的开发人员。在分支较多的情况下,分支名的 tab 自动补全会比较糟糕,切换时我们不免需要复制或手打分支名,那么有没有更优雅的方式了呢? 为了提高切换 Git 分支的效率,我用 Golang 写了git-checkout-branch这个小工具,可以交互...

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

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

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