risejl

摘要： NPM npm stands for "Node Package Manager" 包管理器可以把库，框架作为 Nodejs 模块引入。 package.json package.json 文件是所有 Node.js 项目和 npm 包的枢纽，它存储项目的相关信息。 它由单个 JSON 对象组成，并 阅读全文

摘要： JSON APIs and Ajax onclick 希望代码仅在页面完成加载后执行。 将名为DOMContentLoaded的 JavaScript 事件附加到 document 中。 以下是实现的代码： document.addEventListener('DOMContentLoaded', 阅读全文

摘要： D3 D3 or D3.js 代表 "Data Driven Documents" 选中、添加元素 select() 方法从文档中选择一个元素，它接收目标元素的名称作为参数并返回第一个匹配该名称 HTML 节点。举例： const anchor = d3.select('a'); append()方 阅读全文

摘要： Sass Sass 全称 "Syntactically Awesome StyleSheets", 是 CSS 的一种扩展语言。 变量 Variable Sass 允许使用变量（最新的 CSS 也支持了变量）。 可以在 Sass 中声明变量，并为它赋值。 在 Sass 中，变量以 $ 开头的，后跟变 阅读全文

摘要： Bootstrap Bootstrap 是预编写的 CSS 和 JavaScript 代码段（chunk）的集合。 引入 任何 Web 应用，都可以通过添加如下代码到 HTML 的 head 标签中来引入 Bootstrap 。 <link rel="stylesheet" href="https: 阅读全文

摘要： jQuery script 和 document.ready 首先，在页面顶部添加 script 标签， 记得添加结束标签。 浏览器会运行 script 标签所有的 JavaScript 脚本包括 jQuery。 在 script 标签中添加代码 $(document).ready(function 阅读全文

摘要： 无障碍 Accessibility 无障碍 WAI 的意思是所有人都应该能够访问互联网的内容。 无障碍帮助： 视觉和听觉有问题的人 认知和神经有问题的人 物理和讲话有问题的人 W3C 提出了一系列支持 WAI （Web Accessibility）的资源，这后来成为了 Web 标准。 无障碍通常包含 阅读全文

摘要： 设计原则 Design Principle 响应式设计 Responsive 响应式设计的意思是网页能够根据其显示在的屏幕的大小自动伸缩。 响应式设计使得对笔记本和手机用户更加友好。 分辨率的计算：宽度 * 高度，最常见的屏幕分辨率是 1920px * 1080px。 响应式设计三大技术: Flex 阅读全文

摘要： 文本 Text 文本对齐 Text Align web 内容大部分都是文本。 CSS 里面的 text-align 属性可以控制文本的对齐方式。 text-align: justify; 将文本隔开，使每行的宽度相等。 text-align: center; 可以让文本居中对齐。 text-alig 阅读全文

摘要： CSS 网格 Gird 布局 创建网格 Gird 通过将属性 display 的值设为 grid，HTML 元素就可以变为网格容器。 注意： 在 CSS 网格中，父元素称为容器（container），它的子元素称为项（items）。 #container { display: grid; } 列，行 阅读全文