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