🌜
摘要:CSS 实现的文本截断 考察如下代码实现文本超出自动截断的样式代码: .truncate text 4 { overflow: hidden; text overflow: ellipsis; display: webkit box; webkit box orient: vertical; web 阅读全文
posted @ 2019-10-15 23:48 刘哇勇 阅读 (116) 评论 (1) 编辑
摘要:考察如下的 HTML 片段,通过 CSS 的 nth child() 伪选择器实现列表的颜色循环,比如每三个一次循环。 <ul> <li>1</li> <li>2</li> <li>3</li> <li> 阅读全文
posted @ 2019-10-15 03:05 刘哇勇 阅读 (111) 评论 (1) 编辑
摘要:来看以下有趣的代码, <!DOCTYPE html> <html lang="en"> <head> <meta http equiv="refresh" content="1" /> <title>refresh every 1 s< 阅读全文
posted @ 2019-10-12 22:51 刘哇勇 阅读 (16) 评论 (0) 编辑
摘要:Currying,中文多翻译为柯里化,感觉这个音译还没有达到类似 Humor 之于幽默的传神地步,后面直接使用 Currying。 什么是 Currying Currying 是这么一种机制,它将一个接收多个参数的函数,拆分成多个接收单个参数的函数。 考察下面的代码: function add (a 阅读全文
posted @ 2019-10-12 00:50 刘哇勇 阅读 (125) 评论 (0) 编辑
摘要:axios 中一个请求取消的示例: axios 取消请求的示例代码 import React, { useState, useEffect } from "react"; import axios, { AxiosResponse } from "axios"; export default fun 阅读全文
posted @ 2019-10-10 01:02 刘哇勇 阅读 (218) 评论 (0) 编辑
摘要:将该思想抽象出来,其实和 Redux 就无关了。问题变成,怎样实现在截获函数的执行,以在其执行前后添加自己的逻辑。 为了演示,我们准备如下的示例代码来模拟 Redux dispatch action 的场景: const store = { dispatch: action => { cons 阅读全文
posted @ 2019-10-08 23:54 刘哇勇 阅读 (131) 评论 (0) 编辑
摘要:泛型类型 TypeScript 中,类型(interface, type)是可以声明成泛型的,这很常见。 interface Props<T> { content: T; } 这表明 Props 接口定义了这么一种类型: 它是包含一个 content 字段的对象 该 content 字段 阅读全文
posted @ 2019-09-29 10:16 刘哇勇 阅读 (153) 评论 (0) 编辑
摘要:对于较大的代码仓库来说,如果只是想查看和学习其中部分源代码,选择性地下载部分路径中的代码就显得很实用了,这样可以节省大量等待时间。 比如像 Chromium 这种,仓库大小好几 G 的。 clone 仓库中部分路径下的代码分三步, 本地初始化一个空仓库,将目标仓库 git 地址设置成远端 origi 阅读全文
posted @ 2019-09-27 23:34 刘哇勇 阅读 (76) 评论 (0) 编辑
摘要:结论 Map:存放键值对,区别于 Object,键可以是任何值。 Set:存放不重复的值 Map 存储键值对,读取时与插入顺序一致。 var map = new Map([[1, "1"], [3, "3"], [2, "2"]]); map.set("foo", "bar"); for (cons 阅读全文
posted @ 2019-09-26 23:31 刘哇勇 阅读 (37) 评论 (0) 编辑
摘要:C++ 中一个标识符配合着各种修饰界定符,使得标识符的本意不那么直观一眼就能看出,甚至需要仔细分析,才能知道该标识符的具体你含义。 比如: void ( signal(int, void ( fp)(int)))(int); 其中 signal 是什么? 螺旋法则 对于如何进行变量的辩识,有个非官方 阅读全文
posted @ 2019-09-25 23:47 刘哇勇 阅读 (134) 评论 (0) 编辑
摘要:假设类中创建的 readonly 类型的属性,该类型的属性只能在声明处或构造器中进行初始化。 class Octopus { readonly name: string; readonly numberOfLegs: number = 8; constructor (theName: string) 阅读全文
posted @ 2019-09-25 00:01 刘哇勇 阅读 (36) 评论 (0) 编辑
摘要:React 中的默认 Props 通过组件的 defaultProps 属性可为其 Props 指定默认值。 以下示例来自 React 官方文档 Default Prop Values: class Greeting extends React.Component { render() { retu 阅读全文
posted @ 2019-09-24 00:11 刘哇勇 阅读 (218) 评论 (0) 编辑
摘要:语法 transition: property duration timing function delay|initial|inherit; 示例: div {   width: 100px;   height: 10 阅读全文
posted @ 2019-08-03 22:11 刘哇勇 阅读 (188) 评论 (1) 编辑
摘要:通过 MediaDevices.getUserMedia() 获取用户多媒体权限时,需要注意其只工作于以下三种环境: localhost 域 开启了 HTTPS 的域 使用 file:/// 协议打开的本地文件 其他情况下,比如在一个 HTTP 站点上,navigator.mediaDevices 阅读全文
posted @ 2019-08-02 23:51 刘哇勇 阅读 (78) 评论 (0) 编辑
摘要:openssl 首先本地需要安装 openssl,用于生成自签名证书。 $ brew install openssl 检查安装: $ openssl version LibreSSL 2.6.5 生成证书 执行以下命令生成证书: openssl req nodes new x509 keyout s 阅读全文
posted @ 2019-08-01 22:44 刘哇勇 阅读 (123) 评论 (0) 编辑
摘要:通过 MediaDevices.getUserMedia() 获取用户多媒体权限时,需要注意其只工作于以下三种环境: localhost 域 开启了 HTTPS 的域 使用 file:/// 协议打开的本地文件 其他情况下,比如在一个 HTTP 站点上,navigator.mediaDevices 阅读全文
posted @ 2019-07-08 23:45 刘哇勇 阅读 (961) 评论 (0) 编辑
摘要:openssl 首先本地需要安装 openssl,用于生成自签名证书。 $ brew install openssl 检查安装: $ openssl version LibreSSL 2.6.5 生成证书 执行以下命令生成证书: openssl req nodes new x509 keyout s 阅读全文
posted @ 2019-07-01 00:14 刘哇勇 阅读 (290) 评论 (0) 编辑
摘要:复用 padding bottom 可实现一块区域在窗口尺寸变化使始终保持自适应。对于响应式布局中的图片或视频来说比较有用。 <div style="width: 100%; position: relative; padding bottom: 56.25%;"> <div st 阅读全文
posted @ 2019-06-30 00:27 刘哇勇 阅读 (124) 评论 (0) 编辑
摘要:进程 进程(process) 是更大的单位,进程间不共享内存 一个程序的运行实例叫作进程。 一些操作系统中该程序的运行实例也叫作任务(task)。 运行在主内存(RAM)中。 进程可看作内存中活动的主体,关机后消失。 多核系统下,多个进程可同时进行。 单核情况下,真实的多进程是不存在的。但可通过调度 阅读全文
posted @ 2019-06-28 23:48 刘哇勇 阅读 (67) 评论 (0) 编辑
摘要:CSS 选择器(Selector)的权重(Specificity)决定了对于同一元素,到底哪一条 CSS 规则会生效。且仅有当多条 CSS 规则都对同一元素声明了相应样式时,才会涉及到权重计算的问题。 选择器的分类 正式计算选择器权重之前,先来看选择器是如何被分类的。 因为 CSS 选择器众多,在计 阅读全文
posted @ 2019-06-26 23:58 刘哇勇 阅读 (166) 评论 (0) 编辑

Bingo!!

少年,我看你骨骼清奇,怕是一名前端吧‽