潮流前端周刊(第39期)- 红色标语

2,653 阅读3分钟

封面图摄于乌鲁木齐红山公园,那天阳光很大,红字超级清晰,对于开发工程师而言,你的初心是啥?

记录每周看到的接地气的前端潮流技术,筛选后发布于此,觉得不错可关注此专栏,方便获取更新通知

前端技术

高频Linux命令大总结,可以记住
segmentfault.com/a/119000004…
很是不错,我特地练习了一遍辅助记录,有必要记住常用的,毕竟不少和Mac互通,不过遇到那种开机关机的就可以不要试了。

利用机器学习通过网页预提取技术加快网站加载速度
mp.weixin.qq.com/s/S1Yg6wiYk…
这个思路好,感觉可以应用到我们的一些场景中,而且还很潮流。

手把手教你设计一个任务调度器
mp.weixin.qq.com/s/O6fAOodJq…
这篇文章从业务现状出发,考虑需要覆盖的场景,设计调度器需要提供的角色。 然后确定了调度器的关键接口,同时给出了简单实现。

深入了解现代浏览器
mp.weixin.qq.com/s/XN9wUM-Fd…
是一个合集中的最后一篇,可以在尾部看到其他几篇的链接。

CSS ::marker 让文字序号更有意思
segmentfault.com/a/119000004…
越来越觉得,随着JS框架越用越久,普遍很多同学不太care css的一个好玩的东西。

潮流开源

DoraemonKit:泛前端产品研发全生命周期的工具
github.com/didi/Doraem…
个人觉得这个介绍不是很好,可以理解成App上测试版本的开发调试小工具。

vuejs/petite-vue:用于渐进增强的只有5k的Vue
github.com/vuejs/petit…
感觉这个思路很潮流,很适合开发一些小页面,让你回到当时jquery的体验,一把梭,看代码你就懂了。

<body>
  <script src="https://unpkg.com/petite-vue" defer init></script>
  <div v-scope="{ count: 0 }">
    <button @click="count--">-</button>
    <span>{{ count }}</span>
    <button @click="count++">+</button>
  </div>
</body>

solid:声明式的UI框架
github.com/solidjs/sol…
这样的写法:


const _tmpl$ = template(`<div>Hello </div>`);

const HelloMessage = props => {
  const _el$ = _tmpl$.cloneNode(true);
  insert(_el$, () => props.name);
  return _el$;
};

render(
  () => createComponent(HelloMessage, { name: "Taylor" }),
  document.getElementById("hello-example")
);

tiptap:面向Web工程师的无头编辑器
github.com/ueberdosis/…
支持主流的语言框架,效果还是挺好的。

MonitorControl:在Mac上控制外部显示器的亮度和音量
github.com/MonitorCont…
一条命令就安装好了。

brew install --cask monitorcontrol

他山之石

写给Node开发同学看的Rust介绍
itnext.io/deep-dive-i…
英文版本,不过代入Node其实笔记好理解。

在 iOS 客户端上通过 bitcode 为第三方库修复 bug
mp.weixin.qq.com/s/BuDnfl1Zb…
本文主要记录了 iOS 移动端的一个疑难 bug 的排查过程,以及介绍通过给 bitcode 打补丁重新生成机器码,为有问题的第三方库修复 bug 的方法。

如今的飞机餐,为什么变得越来越难吃了?
www.huxiu.com/article/440…
我也觉得,想起鸡肉饭和牛肉面来了。看这个的解释你吃过哪些难吃的飞机餐?

工业和信息化部大力推进APP开屏弹窗信息骚扰用户问题整治
www.miit.gov.cn/xwdt/gxdt/s…
传说中的社会主义的铁拳,期待我这篇 为啥国内两年前的 APP 这么好用?成为过去式。

为什么要使用 Go 语言?Go 语言的优势在哪里?
www.zhihu.com/question/21…
最近想学习一个新语言,可能会是 GO。