获得徽章 1
#青训营笔记创作活动#
2月20日 打卡Day12
看懂英文文档小妙招:
只要能够找到句子中的主语、谓语、宾语,基本上就能确定大概的意思。这类比于汉语中实际上,也比较容易理解,“谁”“干了”“什么”。其余的内容只是对这几个元素的修饰和补充说明。
2月20日 打卡Day12
看懂英文文档小妙招:
只要能够找到句子中的主语、谓语、宾语,基本上就能确定大概的意思。这类比于汉语中实际上,也比较容易理解,“谁”“干了”“什么”。其余的内容只是对这几个元素的修饰和补充说明。
展开
评论
点赞
#青训营笔记创作活动#
2月19日 打卡Day11
CSS华美属性:
position:sticky
:empty
gap
background-clip:text
user-select
:invalid
:focus-within
mix-blend-mode:difference
2月19日 打卡Day11
CSS华美属性:
position:sticky
:empty
gap
background-clip:text
user-select
:invalid
:focus-within
mix-blend-mode:difference
展开
评论
点赞
#青训营笔记创作活动#
2月18日 打卡Day10
图片压缩:Tinypng
查找:找出所有的图片资源;
分配:均分任务到每个进程;
上传:把原图上传到TinyPng;
下载:从TinyPng中下载压缩好的图片;
写入:用下载的图片覆盖本地图片;
2月18日 打卡Day10
图片压缩:Tinypng
查找:找出所有的图片资源;
分配:均分任务到每个进程;
上传:把原图上传到TinyPng;
下载:从TinyPng中下载压缩好的图片;
写入:用下载的图片覆盖本地图片;
展开
评论
点赞
#青训营笔记创作活动#
2月17日 打卡Day9
Esbuild基于Golang的打包工具:
有优秀的代码压缩工具,可以代替ts-node,ts-jest。
对于小程序的场景,也可以使用 Esbuild 来代替 Webpack,大大提升编译速度,对于 AST 的转换则通过 Esbuild 插件嵌入 SWC 来实现,实现快速编译。
2月17日 打卡Day9
Esbuild基于Golang的打包工具:
有优秀的代码压缩工具,可以代替ts-node,ts-jest。
对于小程序的场景,也可以使用 Esbuild 来代替 Webpack,大大提升编译速度,对于 AST 的转换则通过 Esbuild 插件嵌入 SWC 来实现,实现快速编译。
展开
评论
点赞
#青训营笔记创作活动#
2月16日 打卡Day8
Kafaka两大概念:主题(Topic)与分区(Partition)。Kafka 中的消息以 topic 题为单位进行归类,生产者负责将消息发送到特定的 topic (发送到 Kafka 集群中的每一条消息都要指定一个主题),而消费者负责订阅主题并进行消费。
2月16日 打卡Day8
Kafaka两大概念:主题(Topic)与分区(Partition)。Kafka 中的消息以 topic 题为单位进行归类,生产者负责将消息发送到特定的 topic (发送到 Kafka 集群中的每一条消息都要指定一个主题),而消费者负责订阅主题并进行消费。
展开
评论
点赞
#青训营笔记创作活动#
2月15日 打卡Day7
WebRTC
一项实时通讯技术,我们可以通过摄像头,麦克风,屏幕共享等方式获取到媒体流,然后通过 WebRTC 技术将媒体流传输到远端实现实时通讯。
2月15日 打卡Day7
WebRTC
一项实时通讯技术,我们可以通过摄像头,麦克风,屏幕共享等方式获取到媒体流,然后通过 WebRTC 技术将媒体流传输到远端实现实时通讯。
展开
评论
点赞
#青训营笔记创作活动#
2月14日 打卡Day6
抓包原理:通过设立一个中间人的形式接受两者的消息再转达
功能:可以截取,查看,修改,保存两者的消息
工具:whistle功能庞大。
2月14日 打卡Day6
抓包原理:通过设立一个中间人的形式接受两者的消息再转达
功能:可以截取,查看,修改,保存两者的消息
工具:whistle功能庞大。
评论
点赞
#青训营笔记创作活动#
2月13日 打卡Day5天
异步代码困境与Primse.
Primse有类方法与静态方法,对于不同状态有不同的反馈
2月13日 打卡Day5天
异步代码困境与Primse.
Primse有类方法与静态方法,对于不同状态有不同的反馈
评论
点赞
#青训营笔记创作活动#
2月12日 打卡Day4
js的便捷工具
回到顶部:通过计时器去滚动 视觉上会丝滑一些,没有太大的卡顿效果
防抖/节流
过滤特殊字符:主要通过 replace ,pattern 规则 去把字符替换成空 最后拼接在 resultStr
检测是否为一个安全数组:借助isArray方法
const safeArray = (array) => {
return Array.isArray(array) ? array : []
}
2月12日 打卡Day4
js的便捷工具
回到顶部:通过计时器去滚动 视觉上会丝滑一些,没有太大的卡顿效果
防抖/节流
过滤特殊字符:主要通过 replace ,pattern 规则 去把字符替换成空 最后拼接在 resultStr
检测是否为一个安全数组:借助isArray方法
const safeArray = (array) => {
return Array.isArray(array) ? array : []
}
展开
评论
点赞
#青训营笔记创作活动#
2月11日 打卡Day3
Monorepo在现代的重要性
MultiRepo模式:每个项目对应一个单独的仓库来分散管理. ——修改代码困难,容易报错,每个项目都需要配置独立的环境
Monorepo模式:多个项目方式在一个仓库里. ——工作流一致,项目基建成本低,团队协作更容易.
Monorepo 的落地:难度高,但可以利用官网现有的
2月11日 打卡Day3
Monorepo在现代的重要性
MultiRepo模式:每个项目对应一个单独的仓库来分散管理. ——修改代码困难,容易报错,每个项目都需要配置独立的环境
Monorepo模式:多个项目方式在一个仓库里. ——工作流一致,项目基建成本低,团队协作更容易.
Monorepo 的落地:难度高,但可以利用官网现有的
展开
评论
点赞
#青训营笔记创作活动#
2月10日 打卡Day2
前端工具推荐:
图片在线压缩:tinypng 是一个完全免费并且高压缩率的在线压缩图片网站,一般能满足日常大部分压缩图片的需求,如果你需要压缩大于5M的图片,可以考虑用 squoosh ,这个网站支持大图片压缩和图片压缩质量自定义
代码在线编辑: codePen 或者 CodeSandbox ,以及码上掘金
json在线格式化:json.cn
代码生成图片:carbon
css3动画:css3-animation
封面模板:canva
国外高清图片:UnSplash
在线画图:boardmix,ProcessOn
部署建站:surge
多平台测试:responsively
chrome插件免翻墙下载谷歌商店应用:极简插件
2月10日 打卡Day2
前端工具推荐:
图片在线压缩:tinypng 是一个完全免费并且高压缩率的在线压缩图片网站,一般能满足日常大部分压缩图片的需求,如果你需要压缩大于5M的图片,可以考虑用 squoosh ,这个网站支持大图片压缩和图片压缩质量自定义
代码在线编辑: codePen 或者 CodeSandbox ,以及码上掘金
json在线格式化:json.cn
代码生成图片:carbon
css3动画:css3-animation
封面模板:canva
国外高清图片:UnSplash
在线画图:boardmix,ProcessOn
部署建站:surge
多平台测试:responsively
chrome插件免翻墙下载谷歌商店应用:极简插件
展开
评论
点赞