前端经典文章

摘要：上周末看这篇文章时，偶有灵光，所以，分享出来给大家一起看看前端面试四月二十家前端面试题分享请各位读者添加一下作者的微信公众号，以后有新的文章，将在微信公众号直接推送给各位，非常感谢。

有了这个神器，切图再也腰不酸，腿不疼了。

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

写在前面： 在写页面的时候，偶尔有时会遇到下图这两种情况，一种是单词过长时会溢出div，一种是直接换行，导致出现空白区域。这两个情景就需要word-wrap、word-break这两个属性出场来解决了。闲话不扯了，本文主要内容有：word-wrap和word-break属性介绍…

请各位读者添加一下作者的微信公众号，以后有新的文章，将在微信公众号直接推送给各位，非常感谢。 0.前言 若文章中存在内容无法加载的情况，请移步作者其他博客。 简书 CSDN 最近在看 Vue 的时候，别人给我安利了一个国外的小案例，通过 Vue 和 Vuex 来实现一个记事本。…

什么是BFC BFC全称是Block Formatting Context，即块格式化上下文。它是CSS2.1规范定义的，关于CSS渲染定位的一个概念。要明白BFC到底是什么，首先来看看什么是视觉格式化模型。 视觉格式化模型 视觉格式化模型(visual formatting m…

算是 2016 年 JavaScript 的一个总结吧

webpack给前端开发带来了毋庸置疑的改变，它把JS，图片，css都作为模块处理，同时具有开发便捷，自动化，兼容AMD写法等等诸多无须赘述的优点，更令人称道的是其插件社区非常强大，对于不同的业务需求和技术需求社区都有大量插件可供使用。 凡事都具有两面性，许多人说：前端开发再也不…

github 开源的 Vue 优秀 UI 组件库合集✔

一些基本的面试题，可以收藏

前端面试题

相信大多数前端开发者在需要与后端进行数据交互时，为了方便快捷，都会选择 JQuery 中封装的 AJAX 方法，但是有些时候，我们只需要 JQuery 的 AJAX 请求方法，而其他的功能用到的很少，这显然是没必要的。

其实，原生 JavaScript 实现 AJAX 并不难，这篇文章将会讲解如何实现简单的 AJAX，还有跨域请求 JSONP！

掘金日报主打分享优质深度技术内容，技术内容分：前端、后端、Android、iOS、产品设计、工具资源和一些有趣的东西。 前端 16种方法实现水平居中垂直居中 熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 单页应用 - Token 验证 登录时候,客户端…

本文描述了什么时候开始使用 Redux。作者描述了在构建一个真实 React APP 时，从没有使用 Redux 到使用 Redux 的过程以及收获。 首先，并不是所有的 React 应用程序都需要使用 Redux。事实上，大多数非常简单的 React 应用程序根本不能从 Re…

第一次接触单页应用, 记录公司项目关于 Token 验证知识. Token 的工作原理 Token 工作原理 1. 登录时候, 客户端通过用户名与密码请求登录 2. 服务端收到请求区验证用户名与密码 3. 验证通过, 服务端会签发一个 Token, 再把这个 Token 发给客户端. 4. 客户端收…

日常开发中，我们经常用到this。例如用Jquery绑定事件时，this指向触发事件的DOM元素；编写Vue、React组件时，this指向组件本身。对于新手来说，常会用一种意会的感觉去判断this的指向。以至于当遇到复杂的函数调用时，就分不清this的真正指向。 本文将通过两道…

一步一步学习Vue 2 （Laracasts） Jeffrey Way一直都有发布他web开发的教程。他曾经在30天内教会了我使用jquery。在Laracasts上有他免费的VueJs教程，并且宣称是“世上最深入的vuejs系列”。在你学习完本课程后，你将不需要再去操作DOM…

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

webpack，我想大家应该都知道或者听过，Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包。现代的前端开发很多环境都依赖webpack构建，比如vue官方就推荐使用webpack.废话不多说，我们赶紧开始吧.
第一步、安装webpack 新建文件夹we…

之前不是闹得沸沸扬扬的大漠穷秋文章《为什么只会Vue的都是前端小白？》；甚至大多数回头看了，也就会jQuery和Vue这两个库；也就大部分在运用着这两个库。我这里不是吐槽和开骂什么的；在之前jQuery年代，很多面试官都会问除了用jQuery来实现，能不能改写原生JavaScr…

转载：请写明掘金原文链接及作者名 "小小小"第250名入群者，奖书一本 QQ群：139128168 ← 点击加群 package control安装： 第一种方法是在控制台中复制粘贴代码按回车，https://sublime.wbond.NET/ins...…

CSS的世界是神奇的。文章整理了一些实用的CSS技巧，来解决我们在实际项目开发中遇到的的问题。技巧如：用~ / + 兄弟选择器来美化表单元素；用font-size：0来清除间距；用 overflow 來清除浮动；用border来绘制三角形；用垂直方向的padding来实现等比缩放的盒子；用pointer-event来禁用事件；用max-width来防止图片撑破容器；用伪类来显示打印时a标签的链接

本文主要讲一下 js 的基本数据类型以及一些堆和栈的知识和什么是深拷贝、什么是浅拷贝、深拷贝与浅拷贝的区别，以及怎么进行深拷贝和怎么进行浅拷贝。 本文思维导图如下： 本文思维导图 本文首发于我的个人博客：http://cherryblog.site/ 堆和栈的区别 其实深拷贝和浅…

作为一个前端攻城狮，怎么能更好的提升自己呢？一是，需要有扎实的基础；二是，需要有大量的实践机会；三是，需要养成良好的独立思考，分析解决问题的能力。哎哟，不好意思，不知道什么时候养成了‘三点论’的习惯，但这都不重要。当我们分析一些优秀的面试题时，尤其是一些复杂的题目时你会发现，你的知识点无形间就串联了起来。上周末看这篇文章时，偶有灵光，所以，分享出来给大家一起看看……

请各位读者添加一下作者的微信公众号，以后有新的文章，将在微信公众号直接推送给各位，非常感谢。 0.前言 免责声明 若文章中内容存在无法加载的情况，请移步作者其他博客。 简书 CSDN 关于本文中出现的面试题，请勿询问具体公司。 之所以分享出来，只是作为热爱前端的小伙伴们分享讨论…

你真的知道JavaScript吗 JavaScript是一门奇怪的语言，要真正掌握并不容易。废话不多说，来一个快速测试，5道题目，看看你对JavaScript是否真正掌握。准备好了吗？开始咯? 题目 No.1 if (!("a" in window)) { var a = 1…

Vue.js VueRouter Vuex 实战 还原一个简易版的网易云

接触过 vue 的同学应该都知道，用 vue-cli 开发 vue 的项目十分方便，它可以帮你快速构建一个拥有强大构建能力的 Vue.js 项目。今天不谈什么是 vue-cli，而是来说说用 vue-cli 构建的项目结构是什么样的并分析部分文件。

今天 github 上看见以前的朋友总结的一片前端知识点的文章汇总，感觉收集的很全面，分享给大家，希望能够给大家带来帮助。

这是 github 上关于 css 技巧的一篇译文，另外你也可以在本项目看到原文。列举了一些很实用的 css 技巧，比如给空内容的 a 标签添加内容，逗号分隔列表等等。
鉴于很多人吐槽翻译，在pr为通过前，先改成我自己的翻译...

有时候入门没入好，学习起现代的 JavaScript 开发还是颇有难度的。生态系统太日新月异以至于让人难以理解不同工具的出现究竟是为了解决什么问题。我从 1988 年开始编程，但直至 2014 年才开始认真地学习起 JavaScript。记得那时第一次遇到 Browserify…

关于 首发地址：微信公众号——前端呼啦圈（Love-FED） 我的博客：劳卜的博客 知乎专栏：前端呼啦圈 前言 前端工程师其实是一个工作很杂的职位，除了要负责切图、写html/css/js外，还要解决一系列的浏览器兼容性、网页性能优化等问题，所以提高前端工程师的开发效率是势在必…