前端乱炖

这一次,彻底弄懂 JavaScript 执行机制

本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。 不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程…

成为专业程序员路上用到的各种优秀资料、神器及框架

成为一名专业程序员的道路上,需要坚持练习、学习与积累,技术方面既要有一定的广度,更要有自己的深度。

如何给老婆解释什么是 RESTful

老婆经常喜欢翻看我订阅的技术杂志,她总能从她的视角提出很多有趣的问题。

Mockjs,再也不用追着后端小伙伴要接口了

相信大家都存在这样的一个困扰,在前后端分离的大环境下, 前端需要后端的接口去完成页面的渲染, 但是大部分的情况下,前后端需要同时进行开发, 这种情况下,后端还没完成数据输出,前端只好写静态模拟数据。 那么问题就来了 数据太长了,将数据写在js文件里,完成后挨个改url。 某些逻辑…

16种方法实现水平居中垂直居中

熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文:16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…

正向代理与反向代理

最近工作中用到反向代理,发现网络代理的玩法还真不少,网络背后有很多需要去学习。而在此之前仅仅使用了过代理软件,曾经为了访问google,使用了代理软件,需要在浏览器中配置代理的地址。我只知道有代理这个概念,并不清楚代理还有正向和反向之分,于是赶紧学习一下,补充一下知识。首先弄清…

RESTful 接口实现简明指南

在前后端分离的 Web 应用架构中,前端专注于页面,同时与后端进行数据交互;而后端则专注于提供 API 接口。在这样的结构下,REST 是一个很流行的前后端交互形式的约定。这只是一套约定,并不是某个技术标准,所以在实际的应用中,对器实现程度完全取决于后…

从0到1配置eslint (所有人一看就懂)

从0到1配置eslint

19 个 JavaScript 常用的简写技术

原文链接,最近很火的一篇文章 1. 三元操作符 当想写 if…else 语句时,使用三元操作符来代替。 const x = 20; let answer; if (x > 10) { answer = ‘is greater’; } else { answer = ‘is les…

深入理解 JavaScript Errors 和 Stack Traces

本文作者是著名 JavaScript BDD 测试框架 Chai.js 源码贡献者之一,Chai.js 中会遇到很多异常处理的情况。跟随作者思路,从 JavaScript 基本的 Errors 原理,到如何实际使用 Stack Traces,深入学习和理解 JavaScript Errors 和 Stack Traces。文章贴出的源码链接也非常值得学习。

前后端分离开发模式的 mock 平台预研

投稿文章从前后端分离的项目开发方式出发,针对这种开发模式下前端的编码和自测依赖后台真实接口,导致无法提高效率的问题,回顾了各种 mock 数据方案,并总结出较好的实践方式。

前端同学必须要了解关于通信方面的知识

通过我的前端经验告诉我掌握下列通信知识,前端足够了1.head、options、get、put、post、delete含义与区别2.常见的 GET 和 POST 的区别(浅比较)3.get和post更底层的区别(这可是HR想要的哦)4.总结一下 http 状态码5.http 缓存

浏览器渲染过程与性能优化

大家都知道万维网的应用层使用了HTTP协议,并且用浏览器作为入口访问网络上的资源。用户在使用浏览器访问一个网站时需要先通过HTTP协议向服务器发送请求,之后服务器返回HTML文件与响应信息。这时,浏览器会根据HTML文件来进行解析与渲染(该阶段还包括向服务器请求非内联的CSS文…

RESTful API 接口设计整理

RESTful API 接口设计整理。安全、URL 定义、查询参数(排序、过滤)、版本、Headers、状态码、响应主体、错误、缓存、API WIKI 文档要点等

你可能不知道的 14 个 JavaScript 调试技巧

了解你的工具可以在完成任务的过程中发挥重大作用。尽管传言 JavaScript 难以调试,但是如果你掌握了一些调试技巧,那么你将会花费更少的时间来解决这些错误。

前端 PS 切图方法,图文详细

写在前面:本文主要内容是目前我所知道的切图技巧结合网上的资料,写出来分享一波。图文教程,多图!! BB:很多人都会说,切图这个活倒底分给UI还是分给前端。虽然好的UI会给我们把图切好,但是他们切的图不一定百分之百符合我们的需求,所以我一直都觉得这是页面仔必须要会的一项技能,因为…

手把手教你如何使用webpack 生成css sprites

我们在开发网站的时候,通常会把常用的图标合并成css sprite(雪碧图),可以有效的减少站点的http请求数量,从而提高网站性能。 下面让我们一起来学习一下如何使用webpack合并sprite图。 好了,以上就是webpack生成css sprite的办法了,是不是觉着很…

影响前端性能的本源——Reflow和Repaint

在移动端的web开发工作中,经常遭遇到的问题就是客户反映,打开速度慢,这个说专业点就是性能变差。当接到这种投诉的时候自己心中也是一脸懵逼,在开发环境中测试的好好,怎么正式运行之后就慢了。心里虽然在考虑现象的真实原因,但在嘴上估计很多人第一时间就回答给客户是网速的问题而非自己程序的问题。

SASS: 简单点,写 BEM 的方式简单点

SASS: 简单点,写 BEM 的方式简单点

Firefox 团队实现的新的超快 CSS 引擎 – Quantum CSS (aka Stylo)

Firefox 团队在重写浏览器(again),其中 CSS 的部分也同样需要加速。Quantum CSS 融合了 Parallelism(Servo)、The Rule Tree(Firefox)和 The Style Share Cache(Chrome & Safari)的特点,核心加速点是并行运算。

React 开发中面临的九个重要抉择

在 React 开发的过程中我们常常会遇到一些抉择,下面我将选取其中一些个人认为重要的抉择来一一分析。但请记住以下所说的都只是的建议,可能有一些方面也没有考虑到,大家还是需要依据实际情况自己选择最合适的,切勿随波逐流。 当开始React开发之前,你或你的团队必须先考虑选择什么样…

vue-cli#2.0 webpack 配置分析

作者:滴滴公共前端团队 – 王宏宇 前言 作为 Vue 的使用者我们对于 vue-cli 都很熟悉,但是对它的 webpack 配置我们可能关注甚少,今天我们为大家带来 vue-cli#2.0 的 webpack 配置分析 vue-cli 的简介、安装我们不在这里赘述,对它还不…

CSS 五种方式实现 Footer 置底

页脚置底(Sticky footer)就是让网页的 footer 部分始终在浏览器窗口的底部。这样的布局随处可见,偶然看到 CSS-TRICKS 上介绍页脚置底的文章觉得不错,对开阔布局的思路挺有帮助,遂译之。

前端常见跨域解决方案(全)

跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 广义的跨域: 其实我们通常所说的跨域是狭义的,是由浏览器同源策略限制的一类请求场景。
什么是同源策略?
同源策略/SOP(Same origin policy)是一种约定,由Netscape公司199…

”天龙八步“细说浏览器输入URL后发生了什么

当我们在浏览器输入网址并回车后,一切从这里开始。
我们在浏览器输入网址,其实就是要向服务器请求我们想要的页面内容,所有浏览器首先要确认的是域名所对应的服务器在哪里。将域名解析成对应的服务器IP地址这项工作,是由DNS服务器来完成的。
客户端收到你输入的域名地址后,它首先去找本地…

Git Cheat Sheet:关于 git 的命令集合

熟练使用 git 能够成为甩锅神器,如 git blame 查找到底是谁动了我的代码,git bisect 确认到底是谁提了一个错误的提交,git shortlog 查看每人与多少个提交。

在 JavaScript 中学习数据结构与算法

这是一本5万字符(中文约2w)的小书,可能需要几个小时阅读,需要几天或更多时间去消化。部分代码还不能正确地跑起来,有错别字,有不准确的概念…,但这不妨碍它作为你一个野生前端学习数据结构与算法的启蒙文章,期待你的一针见血、刀刀致命? 对任何专业技术人员来说,理解数据结构都非…

从 setState promise 化的探讨 体会 React 团队设计思想

从 setState 那个众所周知的小秘密说起… 在 React 组件中,调用 this.setState() 是最基本的场景。这个方法描述了 state 的变化、触发了组件 re-rendering。但是,也许看似平常的 this.setState() 里面却也许蕴含了很多…

RESTful学习及应用

RESTful学习及应用

JS——事件流与事件处理程序

本文对事件流和事件处理程序进行了简单整理,主要用于理清思路,不做详细概念解释。供大家复习与记忆使用。

HTTPS 高性能传输优化详解

HTTPS 高性能传输优化详解

坦然面对:应对前端疲劳 – 众成翻译

《Not An Imposter: Fighting Front-End Fatigue》
David Berner:I recently spoke with a back-end developer friend about how many hours I spend coding or learning about code outside of work. He showed me a passage from an Uncle Bob book, “Clean Code”, which compares the hours musicians spend with their instruments in preparation for a concert to developers rehearsing code to perform at work.

原文地址:https://www.smashingmagazine….

前端工程师学习 Nginx 实践配置 HTTP2.0 篇

HTTP 2.0 介绍的文章看的比较多,但实践体验的依然很少,本文就带你通过 Nginx 实践配置升级 HTTP 2.0

【 js 基础 】 setTimeout(fn, 0) 的作用

1、浏览器的内核是多线程的,它们在内核控制下相互配合以保持同步,一个浏览器通常由以下常驻线程组成:GUI 渲染线程,javascript 引擎线程,浏览器事件触发线程,定时触发器线程,异步 http 请求线程。 GUI 渲染线程:负责渲染浏览器界面 HTML 元素,当界面需要重…

长连接/websocket/SSE等主流服务器推送技术比较

本文将介绍web常用的几种方式,希望给需要服务器端推送消息的同学在选型上有一点启发。

现代前端技术解析

前端技术发展很快,要学习的东西越来越多,通常我们需要阅读不同很多资料书籍才能了解。比如针对某种技术或框架我们都要去购买一本书籍去了解,久而久之,我们对前端的了解依然局限于点点面面,而无法对前端有一个体系化的认识。这是件很令人烦恼的事情。

Vue.js 开发实践:实现精巧的无限加载与分页功能

本篇文章是一篇 Vue.js 的教程,目标在于用一种常见的业务场景—分页 / 无限加载,帮助读者更好的理解 Vue.js 中的一些设计思想。

彻底搞清楚 JavaScript 中的 require、import 和 export

随着es6module的到来,还有现存的各种模块规范,我们很容易晕,这次一次性搞清楚

    原文作者:掘金
    原文地址: https://segmentfault.com/a/1190000012494428
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞