11-15
Last updated
Last updated
分享一下 chrome 小技巧
开启 Chrome 的 tab preview 功能，输入 chrome://flags/#tab-hover-card-images
Tab Hover Cards
Tab Hover Card Images
分享个视频: 因为看到同事被抬上救护车我被拼多多开除了 https://www.youtube.com/watch?v=Vs8c5fYQlVc&feature=youtu.be&ab_channel=wuqi
这视频刚发完 b 站就消失了.. 看完这视频.. 我对拼多多一生黑..
分享款效率工具:
Vimac - Vimium on MacOS https://github.com/dexterleng/vimac/
主要功能点有两个:
可以把所有 clickable 的地方标记出来, 然后键入对应的字符 模拟鼠标的 Click, Right Click, Double Click
可进入到滚动模式, hjkl 进行导航
分享下 我的配置
Q: 有啥好的java面试资料吗大佬们~
A: https://github.com/Snailclimb/JavaGuide/ 可以看下这个
快餐文分享: Java 并发编程之 JMM & volatile 详解 https://segmentfault.com/a/1190000038926896
文章完美做到了 浅入深出.. 前面介绍基础概念 讲得不错, 后面 讲 volatile 时,少了一些相关概念..
分享两个名词:
动效 == 交互动画 界面动效能加强用户认知且增加活力。
品质建设 == 优化应用 就如 前端品质建设 主要为了解决白屏渲染, 提高 FCP, FP 指数.
这个 snippet 太精彩了.. 只需短短几行代码 实现加权随机样本..
A: Py API 设计的真是糟糕, 这短短两行代码, 做的事情全都隐藏起来了 反而给开发者增加了心智负担
B: 。。list 原来还有 count？
A: 不清楚, py 很久没接触了
B: +1
C: 惊了
A: 我最讨厌的两门语言 php py
B: 哈哈哈哈
C: 真要说，JS的api不是更糟糕吗
A: 何以见得呢..
C: 就比如这个array.from
A: 怎么了..
B: array from 挺好用的我觉得哈哈哈
C: new Array(n)才是最符合直觉的 然而。。
A: 我不能接受这种命令式的声明.. 违背 pointfree 原则..
py 的 API 设计 我看到头大, 除了 那个生成式的特性, 以及一些语法上的特性 就比 10 <= a <=12, 切片.. 好像也什么我喜欢的了..
C: py除了lambda只能写一行，我觉得都还行吧（
B: 可以直接 Array(n) 啊
A: 这样我觉得更不好..
B: 那你喜欢啥样的
A: Array.from
B: ...... 传啥参数呢
A: Array.from({length: n}, () => initialValue)
const range = (start,end) => Array.from({length: end-start}, (_,i) => start + i)
A: 关于 range 我最喜欢的就是 go 与 Haskell 可以生成无限自然数的数列了..
并且还是懒调用 还不会影响 performance
C: JS用generator也行吧
A: 可以的.. 支持 迭代器特性 语言应该都可以
A: 最开始学 es6 那些新特性的时候, 我一直有个问题..
就是 Promise.all 里面的 promise task 到底是 并发 还是并行 或者说 还是顺序执行..
举个场景 await Promise.all([request1, request2, ...])
B: 好问题 我已经停止思考了
A: hah 和 event loop 有关
A: 我觉得 并行是存在的 并发也是存在的 顺序执行也是存在的
C: 我一直当并发理解的
A: 主要看 每个 promise 在不同场景下的运行.. 需要多个维度思考..
C: JS怎么并行啊，单线程，就跑在一个核吧
A: 假如 promise 执行的是 一个 IO 请求, 底层会并行执行的
并发执行 这个是 promise 的特性了 顺序执行 这个是 promise.all 的 check 机制
A: 之前做项目 每次写 await Promise.all 我都心里不踏实,感觉跟个黑盒似的..
现在没有.. 现在是写 css 有这种感觉.. 每次写定位 布局时, 都头大..
我之前写的打包脚本, 感觉是 promise 的正确应用场景
快餐文分享: 【第1892期】GPU加速在前端的应用 https://mp.weixin.qq.com/s/T8g8uSn6K_5gz2DiPBWk9Q
文章简单介绍了 GPU 做计算的优势, 以及前端如何借助 浏览器渲染机制利用 GPU 渲染. 原理就是 将 layer 提升成一个单独的图层..
目前 利用 GPU 计算 在业界已经有对应的产品落地了.. 就比如 常见的 webgl 库 three.js pixel.js 也有利用 GPU 做计算的数据库 等..
CSS 目前的三种趋势: CSS-in-CSS (e.g. CSS, Preloader, CSS Modules) CSS-in-JS (e.g. Styled Components, Emotion) Utility-First-CSS (e.g. Tailwind CSS)
分享一个 111 页的PPT
Intro to React, Redux, and TypeScript https://blog.isquaredsoftware.com/presentations/react-redux-ts-intro-2020-12/#/
PPT 中简明扼要地讲了 React, Hooks, Styling, Redux, React-Redux, Redux-Toolkit, TypeScript 的基本概念, 以及使用场景.. 最后的推荐阅读链接 也不
Redux-toolkit The official, opinionated, batteries-included toolset for efficient Redux development https://github.com/reduxjs/redux-toolkit
建议了解下 我准备在项目中落地下 这个库, 看起来比原始使用 redux 香很多
自带 reselect, redux-thunk, immer, 还提供了 多种 action creator..
reselect redex-thunk 都很让我印象深刻.. 之前看源码时.. 就短短一百行.. star 高达上万..
这是 redux-thunk 的源码... 说白了 就是将 dispatch 传进函数中...
https://github.com/reduxjs/reselect/blob/master/src/index.js 这个是 reselect 源码, 就是做了个 memories 的事情...
这就是 redux 的生态
公司监控 1、监控摄像头（通道出入口）迟到或带打卡，人脸识别可以看到真实上下班时间 2、上网监控（时间、网站、发送数据）https一样可以被监控，没有隐私 3、QQ微信数据是加密，但是可以看到什么时间使用 4、电脑不允许重装系统，可能安装有监控程序，录屏、录音、文件扫描，而且不能强行卸载 5、微信QQpc端同步后都会被监控到 6、很多监控有录音功能，甚至还有拾音器，能收到20m内的声音
保护自己 1、不要用公司发配的设备登录个人账号 2、不要使用公司网络干工作无关的事情 3、公司系统中的密码与私人密码需要明确区分开 4、QQ微信最好准备工作账号，私人账号不要介入公司WIFI等
分享篇文章，讲的挺好的
Facebook 重构：抛弃 Sass / Less ，迎接原子化 CSS 时代 https://mp.weixin.qq.com/s/NmHUYZh_ILG-Phe53NcoEg
为什么不使用一个全局变量替代redux？ - 江湖术士的回答 - 知乎 https://www.zhihu.com/question/428851039/answer/1673506867
暴躁老哥，在线答疑
招聘信息分享: 腾讯云云开发团队招全职/实习生， Web 前端/Node.js 相关岗位 https://v2ex.com/t/744656#reply0
分享篇文章: 我在拼多多这三年 https://github.com/LeadroyaL/pdd_3years/blob/master/pdd_3year.md
短信息分享: You may not be familiar with his name but React’s original creator, Jordan Walke, has left Facebook. This comes after ten years with the company where he put an indelible stamp on both React and Reason. In announcing his departure he simply said he is “starting a new company” but also goes to say that he will also be investing in startups in the React/Reason ecosystems which is great.
https://moon.fm/share/episode/2519/
🎙#88 - 与墨刀创始人张元一聊创业从 0 到 1
分享下 今天听的博客. 时长一小时, 干货很多, 主要内容是 元一 创建墨刀这个产品的故事.. 其中有一个主题, 让我感受很深: 关于一个产品的驱动.
有的产品是 运营驱动, 有的产品是技术驱动 而不同的驱动 往往是一个产品 从 1 到 100 这个过程中 最重要的立意.
打开线程 | 进程 | 协程的大门
https://mp.weixin.qq.com/s/NP2TEpgIArJrHagGfq5N2A 文章很长，很啰嗦，到涉及的基础概念还是挺全的。
分享个问题: A: RPC 位于 ISO 第几层？ 与HTTP , TCP是什么关系？
B: 和tcp在同一层？
A: No... 它也是个应用层协议..
C: 我理解也是应用层的 服务之间调用
B: 基于tcp的应用层协议 这样可以满分吗 马老师
A: No.. over TCP or UDP
TypeScript 4.2 Beta 发布 https://www.oschina.net/news/126465/typescript-4-2-beta-released
语法新feature
元祖类型的 Rest 元素支持放置在元组中的任何位置
模板字面量表达式已具有模板字面量类型
分享本书，讲得是淘宝从开始到10年之间的重要技术架构迭代，遇到的技术问题，以及一些产品方案上的实践。最后花了大篇幅讲了淘宝的各种大佬。
上面的长文字摘要 就来自这本书，花了50分钟读完了。 建议前面50%仔细读一下，后面的章节略读就好。
所以……是出了问题才知道 Flash 被停用的么……
https://weibo.com/1668726803/JDclcgigy?ssl_rnd=1610783219.8414&type=comment#_rnd1610783230849
A: 太好玩了，配上这文案…
B: 丧事喜办
A: 微机组立大功
C: 欺负领导不懂，瞎汇报
今日播客分享: https://moon.fm/share/episode/2603/
🎙从技术到管理 - 陈皓
皓叔有句话说得好，代码能力不行 就是在为社会 创造就业机会。公司要为你招其他基础服务岗位。
劳动密集型+运营驱动型+[不合理管理] 造成 996 现状
加班只是为了自己的今天，提升自己是为了自己的明天，有多少人只有今天没有明天，当你加班缓过神来，一定要努力提升自己。
职业规划 当有两三家公司给你发 offer 时，才有谈的必要。当你连选择都没有时，你做的只有提升自己才对。
关于提升自己的主题，陈皓说 说了两点
学什么技术都要思考到操作系统层面
学技术时要重点学习基础性的东西，而不是“说明书”
