状态模式(State)允许一个对象在其内部状态改变的时候改变它的行为，对象看起来似乎修改了它的类。 其实就是用一个对象或者数组记录一组状态，每个状态对应一个实现，实现的时候根据状态挨个去运行实现。
适配器模式（Adapter）是将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不兼容而不能一起工作的那些类（对象）可以一些工作。
最近微信也逃脱不了黑暗时代的到来，网页也很多都做了黑暗模式的兼容和主题。如果我们在做的一个网站想瞬间实现黑暗模式可以怎么实现呢？
2、状态模式就是封装状态，允许一个对象在其内部状态改变时改变它的行为，我们之前一般都是封装行为。
在软件系统中经常碰到这类需求：当一个对象的状态发生改变，某些与它相关的对象也要随之做出相应的变化。这是建立一种「对象与对象之间的依赖关系」，一个对象发生改变时将「自动通知其他对象」，其他对象将「相应做出反应」。
每个框架都不可避免会有自己的一些特点，从而会对使用者有一定的要求，这些要求就是主张，主张有强有弱，它的强势程度会影响在业务开发中的使用方式。
在软件系统中经常碰到这类需求：当一个对象的状态发生改变，某些与它相关的对象也要随之做出相应的变化。这是建立一种对象与对象之间的依赖关系，一个对象发生改变时将自动通知其他对象，其他对象将相应做出反应。
观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变化时就会通知所有的观察者对象，使得它们能够自动更新自己。
路由是一个网络工程里面的术语。路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动. --- 维基百科
非可变性是函数式编程的一个核心规则，对于面向对象编程也有很多用处。本文为参考sitepoint（参考链接1）中的文章后所记录的一些主要内容。
gulp 是一个前端构建工具，它能通过自动执行常见任务，比如编译预处理 CSS ，压缩 JavaScript 和刷新浏览器，来改进网站开发的过程，从而使开发更加快速高效。
本系列文章针对目前常见的面试题，仅提供了相应的核心原理及思路，部分边界细节未处理。后续会持续更新，希望对你有所帮助。
现代前端开发中最流行的页面模型，莫过于SPA单页应用架构。单页面应用指的是应用只有一个主页面，通过动态替换DOM内容并同步修改url地址，来模拟多页应用的效果，切换页面的功能直接由前台脚本来完成，而不是由后端渲染完毕后前端只负责显示。前端三驾马车Angular,Vue,React均基于此模型来运行的。SPA能够以模拟多页面应用的效果，归功于其前端路由机制。
去年谷歌和火狐针对WebVR提出了WebVR API的标准，顾名思义，WebVR即web + VR的体验方式，我们可以戴着头显享受沉浸式的网页，新的API标准让我们可以使用js语言来开发。今天，约克先森将介绍如何开发一个WebVR网页，在此之前，我们有必要了解WebVR的体验方式。 WebVR体验模式 ---- WebVR的体验方式可以分为VR模式和裸眼模式 VR模式 1.滑配式HMD + 移动端浏览器 如使用cardboard眼镜来体验手机浏览器的webVR网页，浏览器将根据水平陀螺仪的参数来获取用户
以微信小程序举例。小程序的主要语言是js，使用小程序也方便说明我们接下来要讲的问题。
在前端开发世界中，JavaScript 和 HTML 之间往往通过 事件 来实现交互。其中多数为内置事件，本文主要介绍 JS自定义事件概念和实现方式，并结合案例详细分析自定义事件的原理、功能、应用及注意事项。
传统的多页面应用构建方式： 纯服务端渲染，前后端不分离，使用jsp,jade,'ejs','tempalte'等技术在后台先拼接成对应的HTML结构，然后转换成字符串，在每个对应的路由返回对应的数据（文件）即可 Jade模版服务端渲染，代码实现： const express= require('express') const app =express() const jade = require('jade') const result = *** const url path = *** const
桥接模式（Bridge）将抽象部分与它的实现部分分离，使它们都可以独立地变化。 其实就是函数的封装，比如要对某个DOM元素添加color和backgroundColor，可以封装个changeColor函数，这样可以在多个相似逻辑中提升智商...
所以说，不管出于什么理由，始终都不能停下学习的脚步，不会就去学嘛，对不对，我就不信还没有学不会的东西。而且，学了肯定没有坏处，就算现在用不上，说不定日后也会用上的。
最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容即可。
AJAX同步异步编程是针对于当主线程遇到 xhr.send() 方法时，是否将其放到任务队列中去，且其异步特点是：浏览器开了一个新的线程帮我们去服务器获取数据。 这也正是体现了AJAX的工作模式，其实大体上和事件循环机制是相同的，不同的是，到底是交给JS来做，还是交给浏览器来开一个新的线程来做，AJAX的功能工作模式下，请求数据方面就是交给了xhr.send()方法，而监听状态码的改变是交给了JS来做，所以在请求数据过程中引起的状态码的改变就是可以引起监听事件的触发，可以在异步模式下很好得体会到这么一点。
新版JS中，yield估计是最吸引人的新功能，特别是Node出来之后，大家被异步折腾的够呛，而借助于yield 可以用比较优雅的处理异步流程。 但是yield关键字，早就出现在其他语言当中了，我知道的有python和c#。这篇从最基本的原理讲起，希望大家能更好的理解yield。 关于yield 是什么，可以看这篇介绍 1.Iterators 先从迭代器模式讲起。简单地讲，迭代器是一种遍历集合的方式。它的接口很简单，一般拥有以下三个方法就可以了。 hasNext() //集合中是否还有下一个元素next()
gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。
不知道你思考过一个问题没有，我们在使用vue和react脚手架创建的项目中，并没有见到个webpack的出现，这是为什么？
PageObject（页面对象）模式是自动化测试中的一个最佳实践，相信很多小伙伴都知道的
在js中[[Prototype]]属性最常出现的地方构造函数添加“原型方法”上面了。
正确使用缓存可以带来巨大的性能优势，节省宽带，并降低服务器成本，但许多网站并不重视缓存，造成竞争条件，导致相互依赖的资源不同步。
前段时间，有小伙伴问我，Vuex是怎么玩儿的？也是一直没有机会，趁着今天有空，一起来学习一波。
答：Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载 Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。 它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。
5. 一个 Vuex 应用的核心是 store（仓库，一个容器），store包含着你的应用中大部分的状态 (state)。
路由是网络工程里面的专业术语，就是通过互联把信息从源地址传输到目的地址的活动。本质上就是一种对应关系。分为前端路由和后端路由。
https://juejin.im/entry/6844903479044112391
我们经常听说：“写代码要有良好的封装，要高内聚，低耦合”。那怎样才算良好的封装，我们为什么要封装呢？其实封装有这样几个好处：
如今大前端的趋势下，你停下学习的脚步了吗？Vue3.0 都 Beta 了,但是还是感觉有些知识点云里雾里的，小编研究了一下Vue-Router源码整理和总结了一些东西,看尤大大怎么设计的。希望能够对你们有所帮助，如果喜欢的话，可以帮忙点个赞。
IE的浏览器模式，用于切换IE针对该网页的默认文本模式、对不同版本浏览器的条件注释解析、决定请求头里userAgent的值。它在浏览器发出请求之前就已经确定，网站没有办法修改这个值。它代表的是用户以何种浏览器访问网站。
在webpack 5之前，webpack是没有提供持久化缓存，我们开发的时候需要使用类似 cache-loader 来做缓存方面的处理。
原型模式(Prototype pattern)，用原型实例指向创建对象的类，使用于创建新的对象的类的共享原型的属性与方法。
在程序开发中，不希望某种类型天生庞大，一次承担很多责任，可以使用装饰者模型。装饰者的模式可以动态地给某个对象追加责任，不会影响从这个类中诞生其他对象。
摘要 现在的营销活动，用一张简单的图片去吸引消费者已经远远不够，必须要有能给消费者带来视觉冲击的东西，或者在动画过程中提供更好的引导部分。手淘的前端团队经历了从Gif、视频到CSS Animation
this是一个比较迷惑人的东西，尽管你对this有很多的了解，但是面试题里面考察this指向，总会让你有种猜谜的感觉，知道一些，但是还是会出错，或许你猜对了，但是又好像解释不太清楚。
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
早期的网站开发整个HTML页面是由服务器来渲染的。服务器将渲染好的对应的HTML页面返回给客户端进行展示，但是一个网站包含很多页面，那服务器是怎么处理的呢？
其中pushState方法和replaceState方法可以分别增加和替换掉一条记录(必须同源)，而不会重新加载页面。
今天给大家介绍js中常用的设计模式，也让自己对js设计模式有一个更清晰的认识，下面我们直接进入今日的主题
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。简单来说就是前端最火最简单的一个http请求解决方案。
我们知道js中，值类型都是复制原始值重新开辟一块内存空间，只有引用类型才是引用地址。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
