醒途

【HTTP】强缓存和协商缓存解题要点：强缓存和协商缓存的概念、状态码关键词：200、304、from disk cache / from memory cache强缓存相关的浏览器 Header 属性及其每个属性的介绍关键词：Expires、Cache-Control、Pragma协商缓存相关的浏览器 Header 属性及其每个属性的介绍关键词：ETag — If-None-Match、Last-Modified — If-Modified-Since牵扯的优先级（加分）a. 强缓存和

谈谈对语义化的理解语义化标签header、nav、main、article、section、aside、footermark、details、summarytime、figure、figcaptionform、table、img语义化优点：易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。方便其他设备解析，如盲人阅读器根据语义渲染网页有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐。主体结构标签

说下事件模型1. 什么是事件和事件流javascript 是事件驱动型语言。当用户在网页中进行某种操作时，就产生了一个“事件”(Event)。当事件发生时，JavaScript 可以对之做出响应，具体如何响应某个事件由编写的事件处理函数完成。事件流描述的就是从页面中接收事件的顺序，早期 IE 和 Netscape 提出了完全相反的事件流概念，IE 事件流是事件冒泡，而Netscape的事件流就是事件捕获。2. 冒泡和捕获的区别，触发顺序IE 提出的事件流是事件冒泡，即从下至上，从目标触发的元素逐级

前两天进行项目总结时候，发现 Less 引入全局变量居然没生效，再一验证，发现原来的配置本来就一直没生效，只是在做主题色变化功能时候引入的样式文件里面刚好有 CSS 全局变量那个文件，而主题色里加载的样式会通过 globalVars 加载到全局，从而让我误以为自己的全局变量配置生效了…所以再归纳一下如何配置 CSS 全局变量，具体如下：注：Sass 和 Less 配置方法不一样，这里放的是 Less 的，可能 Sass 的只需要修改下配置即可，暂不表述1. 依赖npm i style-resou

我们都知道 Vue 和 React 内部都使用了虚拟 DOM，我最近刚刚开始梳理虚拟 DOM 的相关知识，下面是我梳理的笔记，简单明了、清晰易懂，建议收藏。大纲虚拟 DOM 的前情提要为什么使用虚拟 DOM什么是虚拟 DOM（Virtual DOM）虚拟 DOM 的作用一、虚拟 DOM 的前情提要当浏览器获取了一个 HTML 文档后，浏览器内核 webkit 的 WebCore 层中的 HTML 引擎会将该文档解析为 DOM 树，解析出的 DOM 树会交给同处在 WebCore 层的 D

这是迄今为止我在【突破桎梏】系列中耗时最长的文章，内容繁杂和加班等各种原因吧，鸽了快一个月，中间还跨了年写下了 [我的 2021 年度规划](https://blog.youkuaiyun.com/qq_28827635/article/details/112057435) ... 还望各位老铁多多支持~

今天我们来介绍 【前端模块化开发】。模块化是当下最重要的前端开发范式之一，而掌握模块化开发也是在招聘 JD 里总会出现的条件。因此我们根据下面问题从 模块化的目的、演进过程 开始梳理，以此来快速了解 当下/未来 必要掌握的 【前端模块化开发】，本篇为开篇内容。模块化的目的、概念 -> 解决的问题模块化的演进过程模块化的标准和规范模块化 ES Modules 基本特性ES Module 导入和导出（最为核心和常用的功能）ES Modules Import 用法ES Modules 直

前提安装 docker安装 docker-compose，不建议只用 docker更换 docker 源至国内源拉取 jenkins 镜像docker pull jenkins/jenkins更换 docker image tag为了方便我们之后使用，建议更改 tag docker tag jenkins/jenkins:latest xxxx-jenkins:latest添加 docker-compose.ymlversion: "3.7"services: xxxx-j

TypeScript 是基于 JavaScript 的编程语言，它解决了 JavaScript 自有类型系统的不足，通过使用 TypeScript 可以大大提高代码的可靠程度。今天我们要从介绍编程语言的类型开始，再介绍 JavaScript 中类型体统存在的问题，再到为解决 JavaScript 类型系统的不足诞生出的两种最主流的 JavaScript 类型系统方案：Flow 和 TypeScript。你准备好了吗？大纲如下：不同类型的区别与意义：强类型与弱类型、静态类型与动态类型JavaScr

一万五千字长文，先码后看，务必收藏。系统化的学习 ECMAScript 很有必要，而网上的 ECMAScript 资料比较零散，因此我们根据下面问题从 ES2015 开始梳理 ES2015 的发展与新特性介绍。ECMAScript 与 JavaScript 的关系？ES6 为什么指的是 ESMAScript 2015ECMAScript 2015（ES6）新特性介绍ES2015 let 与 块级作用域ES2015 constES2015 数组的解构ES2015 对象的解构ES2015.

JavaScript 异步编程中回调函数的替代方案：Promise回调函数：由调用者定义，交给执行者执行的函数。回调函数的缺点：不利于阅读，执行顺序混乱。异步模式对于单线程的 JavaScript 非常重要，同时也是 JavaScript 的核心特点。而回调函数则是 JavaScript 中所有异步编程方式的根基 。如果我们直接使用传统回调方式去处理复杂的异步逻辑，那么我们就一定避免不了大量的回调函数嵌套问题（回调地狱）。同时，我们写出的代码的可读性就变得非常差，往往没过三两天我们再翻看代码就很

文章首发于语雀：JavaScript采用单线程模式工作的原因，如何解决单线程模式出现的问题？页面交互的核心是 Dom 操作，多线程操作 Dom 肯定会发生问题，所以就设计为单线程。这样，JS 执行环境中负责执行代码的线程就只有一个了。那么如果有多个任务要执行，怎么办呢？那就排队！这种模式的优点就是更安全、更简单。但同时就会带来缺点：耗时任务会拖延排在它后面所有任务的执行。这就是单线程 JavaScript 的严重问题：无法同时处理大量的耗时任务。同时也就出现了耗时任务阻塞程序执行的问题。那么为..

PS：一万三千字长文，建议先 mark 后看，拿去吃灰也不错~以下正文（首发于 2020年11月19日 01:48）两年前，当我还在做后端的日子里，我在编程时经常使用的是面向对象编程范式，当时我也有接触函数式编程思想，但总感觉函数式没有面向对象好使。

忍住了好久没有写文章，就等着训练营开营。这样就可以出一个系列咯。从业2年，从后端到前端，欢迎关注。今天简单写下开营，愉快刷视频去咯~什么是大前端（打破边界，进无止境BFF/服务端。如：Nodejs泛客户端开发。如：H5、小程序、App传统Web技术的深入：Vue、React等前端框架的底层技术提升加持拉勾教育的初衷人岗匹配时发现用人需求和应聘者的能力不匹配，企业很难找到合适的人才，应聘者很难找到合适的企业。拉勾需要为金主找到更好的人才，市面上更多的是初中级的人，而企业更需要高级

使用 Less，我们可以改变颜色变量的饱和度或色调。像这样： background：lighten（@blue，20%）; 我们想改变颜色变量的 alpha 不透明度，在 Less 中有什么方法做到吗？ background：fade（@blue，20%）; 如上所示，函数名称 fade 不是 alpha 。...