react是JavaScript的第三方库文件，想要搭建环境，只需要在页面中引用相关文件就可以达成 1.react.js 核心文件 2.react-dom.js web页面的...
发简信
IP属地：北京
-
React开发环境搭建
-
Ant Design Pro 学习笔记
学习笔记 原文地址：antDesignPro使用心得，快速开发必备。https://www.52pojie.cn/thread-696928-1-1.html(出处: 吾爱破...
-
「产品前端架构」开发实践
开发实践 系统设计 NOTE：综合运用实习案例，本章使用案例为网易云音乐，并且主要关注前端工程师的工作职责，其他工程师的职责规范并不包含。 交互流程说明 通过交互文案来了解用...
-
「产品前端架构」技术选择技术选择 模块化 NOTE：以下讨论都是基于 JavaScript 的?？樽橹扛瞿？榫晕募问阶橹?，而非工程的?？榛?。 The secret to building ...
-
「产品前端架构」版本控制版本控制 版本管理涉及团队协作，产品质量，和产品上线。使用版本控制工具可使我们自由的做的一些几点： 回退到任意版本 查看历史版本 对比两个版本差异 版本控制系统 版本控制系统...
-
「产品前端架构」接口设计接口设计 用户使用 Web 客户端访问 Web 系统，系统在收到请求后执行操作（收集数据模型，选择数据经行组装），将结果返回给客户。 其中包括的元素和关系如下图所示： Tem...
-
「产品前端架构」协作流程产品前端架构 专注于引导前端工程师去主导团队高效协作，去引领团队规范化、工程化构建复杂系统的实践过程。 本章节的核心内容包括多角色低耦合的协作流程、协作规范、多角度分析选择适...
-
-
「页面架构」页面优化
页面优化 页面优化可以提升页面的访问速度从而提高用户体验，优化的页面可以更好的提升 SEO 的效果同时也可以提高代码的可读性和维护性。 从下面的几个方面可以进行页面的优化： ...
-
「页面架构」响应式布局响应式布局 多屏的环境让我们不得不考虑网络内容在各个尺寸中的表现，均可正常访问和极佳的用户体验。 响应式布局可以更具屏幕尺子的大小对内容和布局做出适当的调成，从而提供更好的用...
-
「页面架构」布局解决方案布局解决方案 了解 CSS 中属性的值及其特性， 透彻分析问题和需求才可以选择和设计最适合的布局解决方案。 居中布局 水平居中 子元素于父元素水平居中且其（子元素与父元素）宽...
-
「页面架构」CSS Reset页面架构 CSS Reset样式重置前后对比 页面架构 页面架构从实际需求出发，提供多种需求的多种解决方案和优缺点，各种页面优化方案以及如何为团队或产品制定规范等，帮助你完成...
-
「DOM 编程」CanvasCanvas渲染上下文对象绘图步骤 Canvas Mozilla 官方 教程在这里。 画布 的默认宽高为 300 与 150 ，但是同样可以使用 CSS 设定宽高。但...
-
「DOM 编程」多媒体（视频与音频）多媒体基本用法多媒体支持类型多媒体格式兼容HTML 属性控制多媒体多媒体相关事件Web Audio API 多媒体 HTML5 前的多媒体需要借助第三方插件，例如 Flash...
-
「DOM 编程」JavaScript 动画JavaScript 动画实现方式JavaScript 动画三要素定时器常见动画动画函数 JavaScript 动画 帧，为动画的最小单位，一个静态的图像。帧频，每秒播放的帧...
-
「DOM 编程」列表操作列表操作 列表的常用形式有图片形式与信息形式的，常见的有如下的操作： 显示列表 选择列表项 新增列表项 删除列表项 更新列表项 范例代码 数据结构 显示列表 列表容器 列表模...
-
「DOM 编程」表单操作表单操作 表单为页面的主要组成部分，其中包含许多的表单控件。用户通过控件提供数据并提交给服务器，服务器则做出相应的处理。而编写一个正常工作的表单需要三个部分： 构建表单 服务...
-
「DOM 编程」数据存储Cookie属性作用域读取设置与修改Cookie 缺陷 Storage对象API 数据存储 Cookie 浏览器中的 Cookie 是指小型文本文件，通常在 4KB 大小左右...
