React Hooks

2019-03-25
阅读 3 分钟
1.1k
入门 无破坏性更改 完全可选的 100% 向后兼容 现在可用 动机 难以复用组件间有状态的逻辑 复杂的组件变得难以理解 class 同样困扰着人和机器 Hooks 初体验 ? State Hook {代码...} ⚡️ Effect Hook {代码...} ✌️ Hooks 的规则 只能在最顶层调用 Hooks 只能在函数式组件内调用 Hooks ? 构建自定义的 Hooks 自定义 Hooks 更...

inline、inline-block、block 的 margin 和 padding 表现

2017-10-12
阅读 2 分钟
5.5k
inline、inline-block、block 的 margin 和 padding 表现 概述 display 属性 表现 inline margin 在垂直方向上不生效;设置 padding 本身生效,但是没有把父级元素撑开; inline-block 盒宽度默认为内容宽度,设置 margin 和 padding 都生效 block 盒宽度默认为父元素 100% 宽度,设置 margin 和 padding 都生效 测试结...

JavaScript 类型转换

2017-04-04
阅读 3 分钟
1.2k
to Number parseInt() 仅针对字符串 转换规则: {代码...} parseFloat() 仅针对字符串 转换规则: {代码...} Number() boolean {代码...} number {代码...} null {代码...} undefined {代码...} string {代码...} 对象 {代码...} 隐式转换 等价于 Number(x) +x x - 0 to String toString() number、boolean、object、str...

hexo 快速上手

2017-04-04
阅读 1 分钟
2.3k
hexo 简介 快速、简洁且高效的博客框架 超快速度 {代码...} 支持 Markdown {代码...} 一键部署 {代码...} 丰富的插件 {代码...} 官方网站 首页:[链接] 主题:[链接] 插件:[链接] 依赖环境 Node.js npm 快速搭建 {代码...} 快速部署 修改配置文件 项目根路径 npm install hexo-deployer-git --save hexo deploy --generate

响应式网站开发基础

2017-03-26
阅读 7 分钟
1.8k
准备工作 远程调试 chrome 浏览器设置 在 chrome 浏览器中打开 chrome://inspect 手机设置 打开开发者模式 打开 USB 调试模式 打开手机端 chrome 浏览器 基础知识 视窗(viewport) 视窗是指浏览器能够显示内容的区域。 与设备无关的像素值(DIPs) 浏览器并不是物理硬件的像素宽度而工作的,而是根据 DIPs 宽度。DIPs (...

css 单行文本溢出显示省略号

2017-03-26
阅读 1 分钟
4.8k
有时候我们会遇到这样的情景,在一行显示过长的文字时会溢出,页面将变得很丑陋。这时候我们想要只显示一部分文字,将多余部分以省略号 “...” 的形式显示。那么我们可以通过设置 CSS 样式来达到目的。

Git常用命令

2016-12-27
阅读 2 分钟
1.7k
概述 Git 管理文件的 4 种状态 未追踪(untracked) 已提交(commited) 已修改(modified) 已暂存(staged) Git 项目的 3 个工作区域 工作目录 暂存区 Git 仓库 快速上手 配置用户 配置用户用于记录开发者信息,以便在版本控制记录开发者的操作行为。 {代码...} 初始化仓库 要利用 Git 进行版本控制,首先需要初始化...