欢迎来到我的博客
前端秘籍
HTM dispatchEvent, 自定义事件 事件委托，代理，冒泡，捕获 1 由顶层父元素去代理子元素事件，减少事件绑定和移除的逻辑，更通用，节省内存，减少代码量 on<event>: 同类型事件新注册的会覆盖旧的, addEventListener 不会 便于实现行为模式，通过添加 data-<property> 到 dom 元素上为 dom 元素增加行为 本质上因为事件的捕获，冒泡机制，在顶层元素上可以通过 event.target 拿到深层的事件触发元素并做响应 请描述一下 Cookies，SessionStorage 和 LocalStorage 的区别 知道的网页制作会用到的图片格式有哪些 你如何理解 HTML 结构的语义化 谈谈以前端角度出发做好 SEO 需要考虑什么 Iframe 的优缺点 Cookie 的缺点 如何延迟加载 js 哪些操作会造成内存泄露 JSONP 的原理 load 和 ready 的区别 Script defer, async, script 标签的位置有啥影响...
Gitlab CI
概念 CI continuous integration 对于每次代码的变更，自动化执行测试，构建，风格校验等自动化任务，用于减少 bug 的引入， 保证代码质量 CD Continuous Delivery 在 CI 的基础上更进一步，持续交付代码到指定环境（人工操作） Continuous Deployment 跟 continuous delivery 类似，不过是自动化发布，无需人工介入 Runner 执行 Job Executor 定义 Job 的执行环境，例如 Shell, Docker（最常用） Pipeline 一次 CI 的执行过程，称之为一个流水线，一个流水线有多个 Stage，例如（构建，测试，发布） Pipelie 的常见类型 基础 Pipeline，并发按序 有向无环图 Pipeline，基于 Job 之间的依赖关系运行 Merge Request Pipeline，仅当有 Merge Reqest 时执行 Stage 定义 Job 的执行顺序 Job 最小任务单元，每个 Job 仅属于单一的 Stage 同一个 Stage 里的多个 Job 并行执行， 通常一个 Stage 里的所有 Job 都执行成功，Pipeline 进入到下一个 Stage...