前端-基础知识

-路漫漫其修远兮，我将上下而求索。 在JavaScript数据类型分为基础类型和引用类型，而引用类型又称为对象，可见了解对象是我们真正掌握JavaScript语言的必备技能。本章主要与大家一起去探索JavaScript对象的一些经常被我们忽略的以及难以理解的知识。好了，废话不多…

在JavaScript中，闭包对于JavaScript的意义无异于指针在c++中的意义。理解闭包是我们掌握JavaScript这门语言的基础能力，而对闭包的掌握程度就可以看出来你对JavaScript这门语言的深入程度，网上关于闭包的文章也不少但多数让人看过之后一头雾水，也许是…

随着前端的发展，JavaScript应用的领域也越来越广泛，其原本的语法的局限性也越来越明显，这便推动了ECMA制定ECMASCRIPT6（以下简称ES6）规范的推广，目前各大浏览器基本都支持了ES6的语法，下面就来了解下ES6的基本语法。 注意：在实际应用中解构不单用于数组、…

随着前端的应用领域的不断发展，写出高质量的JavaScript对于项目的重要性越来越大，尤其在移动端应用，一段不合理的JavaScript代码可能会导致整个项目的奔溃。一个性能问题可能导致大量用户的流失。因此，追求高性能高质量的JavaScript代码是我们前端工程必须要努力的…

前言 最近在改造之前项目的UI，发下自身对于css的许多知识掌握的还没有成体系化，乘着最近有时间就来看看我们熟悉又陌生的CSS，先说下学习路径：菜鸟教程（指的是看的人菜），MDN，掘金小册玩转CSS的

前言 众所周知JavaScript是个单线程的语言，但是为了能更快更好的处理程序，JavaScript有一个基于事件循环的并发模型，事件循环负责执行代码、收集和处理事件以及执行队列中的子任务。这个模型

在前端项目中，函数的防抖和节流应该算是身为一名合格的前端工程师必须掌握的知识了。 函数节流（throttle）与函数防抖（debounce）都是可以限制函数的执行频次，根据不同的场景来对执行频率进行限制，避免了函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的…

前言 在我们日常开发中在与后台联调的时候是不是会经常遇到CORS错误，作为一名前端开发大家应该都知道这个事浏览器同源策略导致的，如何解决这个问题相信大家都有自己团队的方法。如有不了解的可以看下我之前总

前言 最近由于一些原因准备跳槽，前两天试着投了几份简历，收到了几个面试邀请，面试整体还算不错，80%的问题都能回答的很好，只有关于浏览器安全相关的没有很好的回答。事后自己也分析了下原因：1.自己面试前

在开发spa项目中，前端路由是一个无法绕开的技术，在整个spa前端架构中我觉的掌握前端路由配置，状态管理以及异步请求的封装是最基本的能力。本文主要介绍react-router对于react项目的作用，以及基本配置。 React Router 是完整的 React 路由解决方案。…

一个web应用路由定义的是否合理是判断这个应用是否合格的基础条件之一，在spa开发模式之前，前端开发基本不用考虑路由的定义这块基本都是后台在完成，但随着spa的推广前后端分离的大趋势下，前端路由定义的任务便落在的我们前端开发者身上。本节我们就来聊聊vue中vue-router的…

接着上一小节到内容，下面我们会来详细介绍上一节中提到到相关知识。本节我把reactjs hooks和高阶组件放在一起是因为这两块内容都是组件化中相关的内容。高阶组件使用过reactjs的人都应该有所了解，hooks是reactjs 16.8.0新增的属性。想再老项目中使用 ho…

上一节复习reactjs的基础知识，本节主要了解reactjs中一些高阶用法。 什么是hook：可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。并且完全向后兼容，对老项目没有多大影响。 只能在函数最外层调用 Hook。不要在循环、条件判断或…

近几年前端可以说是飞速发展，从虚拟dom到flux单项数据流，这些对于前端可以说是跨时代到发展，对于前端开发者来说不仅仅是挑战也是大到机遇，如果你想成为一名顶尖到前端开发工程师，那我认为掌握这些概念和由此孕育而出到框架是必不可少的。anglurjs ，vuejs ，reactj…

作为一名软件开发人员，了解常用的设计模式应该算是我们必备的技能之一了。如果你在编程中可以得心应手的使用这些，那你的代码肯定是满足了健壮性，可读性，易维护的范畴之内的。本章我们一起来了解下前端开发中常用的设计模式发布 订阅。 观察者模式：在此种模式中，一个目标对象管理所有相依于它…

随着电子产品的快速迭代，传统的前端布局越来越难以是配多端的屏幕显示，无论是table布局还是float布局在移动端适配上都有着很大的局限性。09年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局，flex的应用可以极大程度上补充传统布局的不足…

在vue项目中，如果我们涉及到兄弟组件间的传值（及多个组件共享一个状态）。遇到这种情况使用vuex来解决是目前比较流行的解决方案。虽然在vuex官方文档中详细介绍了vuex的使用方法，但是文档中的内容太过细节，初次阅读不易抓住重点。本篇文章根据自身使用vuex的经验来精简的说明…

现在前端开发中vuejs是大部分前端工程师的首选，只要不是很小的项目都会引用vuex来进行状态管理。最近新开展的项目比较复杂，使用vuex的地方也比较多。在此过程中也遇到了不少问题。如今有时间正好研究下vuex框架源码，深入了解下他的底层实现。 在当前前端的spa模块化项目中不…

工作之初使用的angularjs框架，从那时开始数据双向绑定的思想就深深的吸引了我。那是刚入门并没有深究angularjs实现双向绑定的原理。所以至今对angularjs也是一知半解。在工作半年左右接触了vue，开始使用它作为主要的开发框架。使用至今已有两年多了，期间也对其源码…

使用vuejs框架已有两年了，期间大大小小也完成了八九个项目，有新项目开发的，也有老项目重构的。最近下定决心重写这部分文章也是为了给自己理清vuejs的整体架构，同时也希望给新接触vue的朋友一点点帮助。 1. vue主要优点 a.没有的复杂的DOM操作：由react发扬光大的…