周记

事件处理 事件绑定和事件对象 绑定并阻止事件冒泡 WXML 中冒泡事件列表如下表： 类型 触发条件 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel

目录导航 为什么要学习浏览器的渲染原理 浏览器的渲染流程 浏览器的渲染阻塞 浏览器的渲染优化 为什么要学习浏览器的渲染原理？ 知识深度挖掘： 帮助更好地理解前端性能优化。从而对实现效果进行针对性优化。

react+typescript+moment+semi-ui实现cron表达式，0 11 20 * * ?，时间转换函数，日期转换函数，组件完整代码，使用方法，实现效果，环境配置

Next.js项目初始化。性能优化，SSR，SEO，github地址开源。脚手架搭建，目录介绍，reduxjs/toolkit集成，集成网络请求request封装，集成ant-design。

关于SSR的概念和其优缺点，Node.js + Express + Vue3实现SSR的前端项目搭建，服务端server，client客户端渲染。Node服务器端渲染(SSR概念篇)，项目介绍，目录。

为什么要学习Webpack? 理解前端“工程化"概念、工具、目标 一个团队总要有那么几个人熟悉Webpack，某种程度上可以成为个人的核心竞争力 高阶前端必经之路 文章主要内容 01.什么是Webpa

内容大纲 浅谈构建工具 Vite概要介绍 vite 上手实战 Vite整体架构 vite进阶路线 前端基本概要 为什么需要构建工具？ 前端工程的痛点 模块化 ESM、CommonJS、UMD 资源编译

1.React的历史与应用 应用场景 2.React的设计思路 UI设计痛点 状态更新，U不会自动更新，需要手动地调用DOM进行更新。 欠缺基本的代码层面的封装和隔离，代码层面没有组件化。 U之间的数

前端设计模式概念 什么是设计模式 软件设计中常见问题的解决方案模型 历史经验的总结 与特定语言无关 设计模式背景 设计模式分类 23种设计模式 创建型-如何创建一个对象 结构型-如何灵活的将对象组装成

Web开发的安全之旅 Web安全一窥 安全问题"很常见”，会危害 用户 公司 程序员(祭天) 两个角度看web 安全 假如你是一个hacker——攻击 假如你是一个开发者——防御 攻击篇 Cross-

结构 初识HTTP协议 初识HTTP 浏览器0到渲染做了什么？ 什么是http Hyper Text Transfer Protocol超文本传输协议 应用层协议，基于TCP协议 请求响应 简单可扩展

Web标准与前端开发 结构 起源、架构、变迁 前端应用的领域 语言、框架、工具 前端学习路线图 起源、架构、变迁 很多人分不清“上网”是上的哪个网?即使在互联网的诞生地也是如此。Web的普及和深入人心

前言 最近写了个招新面试系统，要求能支持拍照上传简历图片。经过对其义务，api的了解。用 React+TypeScript 手写出了一个原生的拍照上传组件，写此博客对此加以记录，也会公开到github

1.TypeScript TypeScript vs JavaScript 特点 类型安全 下一代JS特性 完善的工具链 不仅仅是一门语言，更是生产力工具。 TypeScript基础 基本类型 函数类

写好JavaScript的原则 各司其责 HTML/CSS/JS各司其责 ·应当避免不必要的由JS直接操作样式 可以用class 来表示状态 纯展示类交互寻求零JS方案 组件封装 组件设计的原则:封装

青训营css笔记 样式继承计算 布局的相关技术 css个人笔记 1.你了解过z-index，简单介绍下： z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前

DOM树 概念 HTML树（HTML DOM树或者HTML文档树）是指HTML文档中各个元素（标签）间的层次关系形成的树状结构。HTML树从标签开始，到标签结束，整个树形结构包含了HTML文档中所有的

HTML笔记 标签分类# HTML笔记 标签分类 html5语言化标签 html5存储 二进制 WebScoket CSS笔记 DOM选择器 标签选择器（Tag Selector） 类选择器（Clas

关于路由的知识已在11 【react-router 5】中进行说明，这里主要是对于5版本的api的变换说明 1.概述 官方文档：Home v6.4.1 | React RouterReact Rout

1.SPA概念 单页Web应用(single page web application，SPA)。整个应用只有一个完整的页面。 点击页面中的链接不会刷新页面，只会做页面的局部更新。 数据都需要通过aj