🌜
摘要:前情回顾 书接上回,前面引出了在数据存在级联的情况下,各下拉框之间的默认值及值变化的处理。简单回顾一下: 场景是: 地域下拉决定可选的可用区 默认选中第一个地域,通过设置 atom 的 default 字段 默认选中该地域下第一个可用区,通过设置 atom 的 default 字段 问题: 手动选择 阅读全文
posted @ 2021-04-12 18:56 刘哇勇 阅读(85) 评论(0) 推荐(0) 编辑
摘要:Recoil 中默认值及数据间的依赖 通过 Atom 可方便地设置数据的默认值, const fontSizeState = atom({ key: 'fontSizeState', default: 14, }); 而 Selector 可方便地设置数据的级联依赖关系,即,另一个数据可从现有数据进 阅读全文
posted @ 2021-04-09 21:00 刘哇勇 阅读(71) 评论(0) 推荐(0) 编辑
摘要:通过简单的计数器应用来展示其使用。先来看没有 Recoil 时如何实现。 首先创建示例项目 $ yarn create react-app recoil-app --template typescript 计数器 考察如下计数器组件: Counter.tsx import React, { useS 阅读全文
posted @ 2021-04-08 22:57 刘哇勇 阅读(122) 评论(0) 推荐(0) 编辑
摘要:CSS 实现的文本截断 考察如下代码实现文本超出自动截断的样式代码: .truncate text 4 { overflow: hidden; text overflow: ellipsis; display: webkit box; webkit box orient: vertical; web 阅读全文
posted @ 2019-10-15 23:48 刘哇勇 阅读(817) 评论(1) 推荐(2) 编辑
摘要:考察如下的 HTML 片段,通过 CSS 的 nth child() 伪选择器实现列表的颜色循环,比如每三个一次循环。 <ul> <li>1</li> <li>2</li> <li>3</li> <li> 阅读全文
posted @ 2019-10-15 03:05 刘哇勇 阅读(975) 评论(2) 推荐(2) 编辑
摘要:来看以下有趣的代码, <!DOCTYPE html> <html lang="en"> <head> <meta http equiv="refresh" content="1" /> <title>refresh every 1 s&lt 阅读全文
posted @ 2019-10-12 22:51 刘哇勇 阅读(435) 评论(0) 推荐(0) 编辑
摘要:Currying,中文多翻译为柯里化,感觉这个音译还没有达到类似 Humor 之于幽默的传神地步,后面直接使用 Currying。 什么是 Currying Currying 是这么一种机制,它将一个接收多个参数的函数,拆分成多个接收单个参数的函数。 考察下面的代码: function add (a 阅读全文
posted @ 2019-10-12 00:50 刘哇勇 阅读(576) 评论(0) 推荐(2) 编辑
摘要:axios 中一个请求取消的示例: axios 取消请求的示例代码 import React, { useState, useEffect } from "react"; import axios, { AxiosResponse } from "axios"; export default fun 阅读全文
posted @ 2019-10-10 01:02 刘哇勇 阅读(1126) 评论(0) 推荐(2) 编辑
摘要:将该思想抽象出来,其实和 Redux 就无关了。问题变成,怎样实现在截获函数的执行,以在其执行前后添加自己的逻辑。 为了演示,我们准备如下的示例代码来模拟 Redux dispatch action 的场景: const store = { dispatch: action => { cons 阅读全文
posted @ 2019-10-08 23:54 刘哇勇 阅读(880) 评论(0) 推荐(1) 编辑
摘要:泛型类型 TypeScript 中,类型(interface, type)是可以声明成泛型的,这很常见。 interface Props<T> { content: T; } 这表明 Props 接口定义了这么一种类型: 它是包含一个 content 字段的对象 该 content 字段 阅读全文
posted @ 2019-09-29 10:16 刘哇勇 阅读(6432) 评论(0) 推荐(1) 编辑
摘要:对于较大的代码仓库来说,如果只是想查看和学习其中部分源代码,选择性地下载部分路径中的代码就显得很实用了,这样可以节省大量等待时间。 比如像 Chromium 这种,仓库大小好几 G 的。 clone 仓库中部分路径下的代码分三步, 本地初始化一个空仓库,将目标仓库 git 地址设置成远端 origi 阅读全文
posted @ 2019-09-27 23:34 刘哇勇 阅读(2987) 评论(0) 推荐(1) 编辑
摘要:结论 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 刘哇勇 阅读(436) 评论(0) 推荐(0) 编辑
摘要:C++ 中一个标识符配合着各种修饰界定符,使得标识符的本意不那么直观一眼就能看出,甚至需要仔细分析,才能知道该标识符的具体你含义。 比如: void ( signal(int, void ( fp)(int)))(int); 其中 signal 是什么? 螺旋法则 对于如何进行变量的辩识,有个非官方 阅读全文
posted @ 2019-09-25 23:47 刘哇勇 阅读(491) 评论(0) 推荐(1) 编辑
摘要:假设类中创建的 readonly 类型的属性,该类型的属性只能在声明处或构造器中进行初始化。 class Octopus { readonly name: string; readonly numberOfLegs: number = 8; constructor (theName: string) 阅读全文
posted @ 2019-09-25 00:01 刘哇勇 阅读(516) 评论(0) 推荐(0) 编辑
摘要:React 中的默认 Props 通过组件的 defaultProps 属性可为其 Props 指定默认值。 以下示例来自 React 官方文档 Default Prop Values: class Greeting extends React.Component { render() { retu 阅读全文
posted @ 2019-09-24 00:11 刘哇勇 阅读(6464) 评论(0) 推荐(0) 编辑
摘要:语法 transition: property duration timing function delay|initial|inherit; 示例: div {   width: 100px;   height: 10 阅读全文
posted @ 2019-08-03 22:11 刘哇勇 阅读(1407) 评论(1) 推荐(1) 编辑
摘要:通过 MediaDevices.getUserMedia() 获取用户多媒体权限时,需要注意其只工作于以下三种环境: localhost 域 开启了 HTTPS 的域 使用 file:/// 协议打开的本地文件 其他情况下,比如在一个 HTTP 站点上,navigator.mediaDevices 阅读全文
posted @ 2019-08-02 23:51 刘哇勇 阅读(1262) 评论(0) 推荐(0) 编辑
摘要:通过 MediaDevices.getUserMedia() 获取用户多媒体权限时,需要注意其只工作于以下三种环境: localhost 域 开启了 HTTPS 的域 使用 file:/// 协议打开的本地文件 其他情况下,比如在一个 HTTP 站点上,navigator.mediaDevices 阅读全文
posted @ 2019-07-08 23:45 刘哇勇 阅读(12311) 评论(2) 推荐(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 刘哇勇 阅读(2422) 评论(0) 推荐(0) 编辑
摘要:复用 padding bottom 可实现一块区域在窗口尺寸变化使始终保持自适应。对于响应式布局中的图片或视频来说比较有用。 <div style="width: 100%; position: relative; padding bottom: 56.25%;"> <div st 阅读全文
posted @ 2019-06-30 00:27 刘哇勇 阅读(470) 评论(0) 推荐(0) 编辑

Bingo!!

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

腾讯内推长期有效,简历这边来 liuwayong@gmail.com