
学习笔记
文章平均质量分 62
小鑫a
总有人间一两风,填我十万八千梦
展开
-
JS如何控制任务的执行顺序
唠唠嗑放假在家当咸鱼有一段时间了,也好久没写笔记了,今天逛技术社区的时候遇到了一个有点意思的题目,正好也是我没遇到过的场景,于是记录一下整活需求是这样的:实现一个 EatMan说明:实现一个 EatMan,EatMan 可以有以下一些行为示例:1.EatMan(“Hank") 输出Hi This is Hank!2.EatMan(“Hank”).eat(“dinner”).eat(" supper") 输出Hi This is Hank!Eat dinner~Eat supper原创 2021-02-18 21:31:48 · 2313 阅读 · 0 评论 -
从 0 实现一个 mini redux
前言本文从 redux 原理出发,一步步实现一个自己的 mini-redux,主要目的是了解其内部之间的各种关系,所以本篇不会讲解太多关于 redux 的用法redux 是什么redux 是一种可预测的状态管理库,在 react 中,它解决的是多个组件之间的通信问题在没有使用 redux 的情况下,如果两个组件(非父子关系)之间需要通信的话,可能需要多个中间组件来为他们进行消息传递,这样既浪费了资源,代码也会变得更复杂redux 提出了单一数据源 store 来存储状态数据,所有的组件都可以通过原创 2021-01-11 18:08:11 · 246 阅读 · 0 评论 -
nginx配置ssl实现https
环境说明服务器系统:Ubuntu 18.04 64位nginx:1.14这篇文章主要是记录配置 https 的步骤,就不介绍申请ca证书的相关细节了这里有免费的 ssl 证书:https://cloud.tencent.com/act/pro/ssl我是西部数码的域名,在腾讯云申请的证书申请证书并签发后,把证书先下载到本地1、安装 nginx$ apt-get update // 更新软件$ apt-get install nginx // 安装nginx2、配置 ca 证书2原创 2021-01-06 09:27:06 · 231 阅读 · 0 评论 -
ubuntu 18.04 上安装git
直接执行命令:apt install git安装过程中如果出现了以下错误,需要更新一下 apt 包列表Reading package lists... DoneBuilding dependency tree Reading state information... DonePackage git is not available, but is referred to by another package.This may mean that the package is mi原创 2021-01-06 09:22:42 · 254 阅读 · 0 评论 -
小程序 接入流量主广告
最近公司开发的小程序需要接入流量主广告,让我去开发。这里记录一下开发过程首先,小程序开通流量主有以下几个条件:累计独立访客(UV)不低于1000有严重违规记录的小程序不予申请开通之后,我们要创建广告位,拿到广告位 ID这里用 激励视频广告 举例把下面代码复制到项目里,就可以看到效果了激励视频广告组件默认是隐藏的,在用户主动触发广告后,开发者需要调用 RewardedVideoAd.show() 进行显示用户在什么时候触发广告,就要自己去安排了// 在页面中定义激励视频广告let v原创 2020-12-08 18:29:41 · 1358 阅读 · 0 评论 -
CSS height:100%和height:100vh的区别
vh 是 CSS 中的相对长度单位,相对视口高度(Viewport Height),1vh = 1% * 视口高度也就是说:height:100vh == height:100%但是元素没有内容的时候,设置 height:100%,该元素不会被撑开,此时高度为0但是设置 height:100vh,该元素会被撑开跟屏幕高度一致阅读原文:小鑫の随笔...原创 2020-11-20 20:02:41 · 2619 阅读 · 0 评论 -
为什么 useState 返回的是 array 而不是 object?
前言这是我今天收到的一条推送文章,发现自己好像也没有去思考过这个问题,于是点进来了明白了原因之后,想用自己的话梳理一遍,分享给其他还不了解的同学正文先来看看 useState 的日常用法const [count, setCount] = useState(0)这里可以看到 useState 返回的是一个数组,那么为什么是返回数组而不是返回对象呢?我们在自定义 hook 时应该返回什么类型呢?为什么是返回数组而不是返回对象要弄懂这个问题要先明白 ES6 的解构赋值,来看 2 个简单的例子:原创 2020-11-11 18:53:22 · 4159 阅读 · 0 评论 -
如何编写漂亮的 JavaScript 代码
一、变量传参使用默认值// Bad:function createMicrobrewery( name ) { const breweryName = name || 'Hipster Co.'; // ...}// Good:function createMicrobrewery( name = 'Hipster Co.' ) { // ...}避免无意义的命名既然创建了一个car对象,就没有必要把它的颜色命名为 carColor// Bad:const转载 2020-11-03 19:31:38 · 286 阅读 · 0 评论 -
CSS 单/多行文本溢出样式
单行文本溢出省略核心 CSS 语句overflow: hidden; 文字长度超出限定宽度,则截断超出的内容white-space: nowrap; 规定段落中的文本不进行换行text-overflow: ellipsis; 文本溢出时,用省略号来代替Demo<style>div { width: 150px; height: 50px; border: 1px solid red; overflow: hidden; white-space: no原创 2020-11-02 18:45:22 · 280 阅读 · 0 评论 -
编写高质量代码之命名技巧
1.不使用没有任何意义的英语字母进行命名for(let i=0; i<10; i++) { //...}应该表明这里 i 的用途是什么,比如是遍历元素,可以使用 index2.不使用拼音或拼音首字母组合cishu = 5; // 循环的次数zzje = 1000.00; // 转账金额3.方法名的命名,需要使用 “动宾结构短语” 或 “动词+表语结构短语”如果宾语是一个集合,最好是使用复数createOrder(); // goodorderCreate(); //转载 2020-10-30 09:21:54 · 348 阅读 · 0 评论