这几天国外关于 Vue 新 API 的一些争论；你喜欢才是最好的，前端工程师常用的8个工具；前端页面优化，减少reflow的方法；一文速览React全栈；使用koa搭建web服务，从路由到MySql；JavaScript基础：如何管理JS中的内存？什么是内存泄漏和垃圾回收；学会了Vue，前端面试却没找到工作？；写给产品经理们的技术分享——前端篇
-
你喜欢才是最好的，前端工程师常用的8个工具 1、HBuilder 功能简介： HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。从开放注册以来深受广大前端朋友们的喜爱。 2、Sublime Text 功能简介： Sublime Text是一个代码编…
-
前端页面优化，减少reflow的方法 reflow 也就是 重排或者回流 由DOM或者布局的变动而触发。 如你改变了一个 div 的位置，或者是改变了这个div的width, height, position 或者布局类的样式。 利用 display:none 不渲染的特点 通过 一次完整的web请求和渲染过程以及如何优化网页 ，我们可以知道页面渲染的时候，会忽略掉 display: none 这一…
-
一文速览React全栈 React是Facebook推出的一个JavaScript库，它的口号就是“ 用来创建用户界面的JavaScript库 ”，所以它只是和用户的界面打交道，你可以把它看成MVC中的V（视图）这一层。现在前端领域各种框架和库层出不穷，那么是什么原因让React如此流行呢？简单来说，是它三大颠覆性的特点： 组件、JSX、Virtual DOM 。 本文依次介绍…
-
使用koa搭建web服务，从路由到MySql 最近使用koa搭建了个web服务器，包括Session的处理、路由的设计、项目结构的设计、错误的处理、数据库的读写等，用起来特别的爽，在这做个总结，供大家参考，有什么不对的，欢迎讨论。 项目结构 -config.js -package.json -scripts/，用来存放初始脚本文件 -logs/，用来存放日志 -static/，用来存放前端文件 -server/…
-
JavaScript基础：如何管理JS中的内存？什么是内存泄漏和垃圾回收 前言 像C语言这样的底层语言一般都有底层的内存管理接口，比如 malloc()和free()用于分配内存和释放内存。 而对于JavaScript来说，会在创建变量（对象，字符串等）时分配内存，并且在不再使用它们时“自动”释放内存，这个自动释放内存的过程称为垃圾回收。 因为自动垃圾回收机制的存在，让大多Javascript开发者感觉他们…
-
写给产品经理们的技术分享——前端篇 作为一个产品经理，学习并掌握基础的技术知识是非常重要的。而本篇文章就重点讨论前端部分，讲一讲HTML和CSS、JavaScript的知识要点。 为什么学习技术？我想上面这段话给予了非常好的解释。 在当今时代，职能划分越来越精细，但你仍然可以看到不同行业、领域、职业都密不可分，他们互相融合和渗透。设计和…
-
JavaScript来说数据结构数据结构是工程师编程通识之一，不管你是JavaScript工程师，还是Java、python工程师，对数据结构理解够深，才能写出更简洁、更优雅的程序代码。这里我用JavaScript语言来写数据结构示例，希望对你有所帮助。
-
写给产品经理们的技术分享——前端篇 作为一个产品经理，学习并掌握基础的技术知识是非常重要的。而本篇文章就重点讨论前端部分，讲一讲HTML和CSS、JavaScript的知识要点。 为什么学习技术？我想上面这段话给予了非常好的解释。 在当今时代，职能划分越来越精细，但你仍然可以看到不同行业、领域、职业都密不可分，他们互相融合和渗透。设计和…
-
mpvue框架使用记录 最近公司接了一个订制小程序，是从APP改成微信小程序，考虑用 mpvue 框架来开发，发现还是有些坑的，下面说一下这两天使用下来的感受。 template 中不支持 methods 中的函数，也没有filter过滤器，数据要预先处理比较麻烦 突然想到可以用组件来预处理数据，比如项目中图片url的拼接和替换域名 创建新页面比较繁…
-
js普通函数和箭头函数的this（全网最容易理解） 首先我们来搞明白普通函数的this指向问题： const obj = { bg:function(){ console.log(this) } } obj.bg() //obj var dbl = obj.bg dbj() //windows 复制代码 obj是一个对象，对象里面有过一个bg的属性，然后第一行obj.bg()执行，普通函数里面的this指向obj这个对象，第二行var dbl = obj.bg只做…
-
一文速览React全栈 React是Facebook推出的一个JavaScript库，它的口号就是“ 用来创建用户界面的JavaScript库 ”，所以它只是和用户的界面打交道，你可以把它看成MVC中的V（视图）这一层。现在前端领域各种框架和库层出不穷，那么是什么原因让React如此流行呢？简单来说，是它三大颠覆性的特点： 组件、JSX、Virtual DOM 。 本文依次介绍…
-
通过 koa2 服务器实践探究浏览器HTTP缓存机制 浏览器 HTTP 缓存是一种常见的 web 性能优化的手段，也是在前端面试中经常被考察的一个知识点。本文通过配置 koa2 服务器，在实践中带你探究浏览器的 HTTP 缓存机制。 先来直观认识一下浏览器HTTP缓存： 上面是打开浏览器后直接访问 V2EX 首页后的截图，我矩形圈起来的那块也就是 size 部分显示的都是 fr…
-
webpack系列之编写一个plugin 使用 webpack 或者自己配置研究过 webpack 的人都知道plugin，也就是 webpack 的插件，对于大多数人来说，经常使用的插件诸如： clean-webpack-plugin 、 html-webpack-plugin 等等，在很多情况下，我们只会去用它，知道他是干什么的，但是其内部做的操作缺知之甚少，今天我们就来写一个 plugin 基础 首先我…
-
mpvue框架使用记录 最近公司接了一个订制小程序，是从APP改成微信小程序，考虑用 mpvue 框架来开发，发现还是有些坑的，下面说一下这两天使用下来的感受。 template 中不支持 methods 中的函数，也没有filter过滤器，数据要预先处理比较麻烦 突然想到可以用组件来预处理数据，比如项目中图片url的拼接和替换域名 创建新页面比较繁…
-
通过开发 Babel 插件来理解什么是抽象语法树（AST） 说到 babel 你肯定会先想到 babel 可以将还未被浏览器实现的 ES6 规范转换成能够运行 ES5 规范，或者可以将 JSX 转换为浏览器能识别的 HTML 结构，那么 babel 是如何进行这个转换的步骤呢，下面我将通过开发一个简单的 babel 插件来解释这整个过程，希望你对 Babel 插件原理与 AST 有新的认知。 Babel 运行阶段 从上…
-
Angular4 动态加载组件杂谈 原文链接 最近接手了一个项目，客户提出了一个高大上的需求：要求只有一个主界面，所有组件通过Tab来显示。其实这个需求并不诡异，不喜欢界面跳转的客户都非常热衷于这种展现形式。 好吧，客户至上，搞定它！这种实现方式在传统的HTML应用中，非常简单，只是在这Angular4（以下简称ng）中，咋个弄呢？ 我们先来了解下…
-
通过开发 Babel 插件来理解什么是抽象语法树（AST） 说到 babel 你肯定会先想到 babel 可以将还未被浏览器实现的 ES6 规范转换成能够运行 ES5 规范，或者可以将 JSX 转换为浏览器能识别的 HTML 结构，那么 babel 是如何进行这个转换的步骤呢，下面我将通过开发一个简单的 babel 插件来解释这整个过程，希望你对 Babel 插件原理与 AST 有新的认知。 Babel 运行阶段 从上…
-
搞懂JavaScript引擎运行原理JS引擎 — 一个读取代码并运行的引擎，没有单一的“JS引擎”;，每个浏览器都有自己的引擎，如谷歌有V。
-
Angular第三方库开发实践 原文链接 从接触Angular到如今，做了不少Angular项目，使用了不少第三方库，但是却没有勇气触碰第三方库的开发，一是没有太多的积累，二是没有找到合适的“Hello world”的文档。 最近有机会要把项目中常用的Component做成第三方库，方便更多的项目使用。根据网上找到的各种资料，加上走的各种弯路，终于摸清楚了开发第…
-
使用NGINX作为HTTPS正向代理服务器NGINX主要设计作为反向代理服务器，但随着NGINX的发展，它同样能作为正向代理的选项之一。正向代理本身并不复杂，而如何代理加密的HTTPS流量是正向代理需要解决的主要问题。本文将介绍利用NGINX来正向代理HTTPS流…
-
认知和规划，以及推荐几个入门教程 GitHub 图片来自 Unsplash，作者： Rafael Saes 2019 年第 54 篇文章，总第 78 篇文章 本文大约 4600 字，阅读大约需要 12 分钟 前言 本来预计每个周末一篇读后感，但从上次分享 如何培养你的自信和正确认识财富、创造财富，过了两周，才有时间写下第二篇，实在抱…
-
对于promise的常见面试题总结分析 1)了解Promise， Promise是一种异步编程的解决方案，有三种状态，pending（进行中）、resolved（已完成）、rejected（已失败） 。当Promise的状态由pending转变为resolved或reject时，会执行相应的方法 2) Promised的特点是只有异步操作的结果，可以决定当前是哪一种状态，任务其他操作都无法改变这个状态 ，也是“P…
-
webpack系列之编写一个plugin 使用 webpack 或者自己配置研究过 webpack 的人都知道plugin，也就是 webpack 的插件，对于大多数人来说，经常使用的插件诸如： clean-webpack-plugin 、 html-webpack-plugin 等等，在很多情况下，我们只会去用它，知道他是干什么的，但是其内部做的操作缺知之甚少，今天我们就来写一个 plugin 基础 首先我…
-
支持嵌套对象、多级数组的Vue动态多级表单组件 —— vue-dynamic-form-component 方便不想看完全篇文章的童鞋，简单总结一下，这是篇软广，主要是推广自己在业务中沉淀的一个开源组件 vue-dynamic-form-component 。基于 element-ui 实现的 vue组件，只需编写类似 async-validator 的规则，自动生成对应的表单，支持常见输入类型的同时，支持嵌套对象、hashmap、多维数组等复杂类型。有需要的童鞋欢迎…
-
Angular4 动态加载组件杂谈 原文链接 最近接手了一个项目，客户提出了一个高大上的需求：要求只有一个主界面，所有组件通过Tab来显示。其实这个需求并不诡异，不喜欢界面跳转的客户都非常热衷于这种展现形式。 好吧，客户至上，搞定它！这种实现方式在传统的HTML应用中，非常简单，只是在这Angular4（以下简称ng）中，咋个弄呢？ 我们先来了解下…
-
Angular第三方库开发实践 原文链接 从接触Angular到如今，做了不少Angular项目，使用了不少第三方库，但是却没有勇气触碰第三方库的开发，一是没有太多的积累，二是没有找到合适的“Hello world”的文档。 最近有机会要把项目中常用的Component做成第三方库，方便更多的项目使用。根据网上找到的各种资料，加上走的各种弯路，终于摸清楚了开发第…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
