博客
关于我
蒲公英 · JELLY技术周刊 Vol.33: 前端基础课堂开课啦~
阅读量:573 次
发布时间:2019-03-10

本文共 1317 字,大约阅读时间需要 4 分钟。

蒲公英 · JELLY技术周刊 Vol.33

页面文件太大?图片过大了吧;页面加载白屏?很有可能是字体文件还没加载完;页面加载时间过长?多半是主进程被阻塞……该怎么办呢?快来小葵,咳咳,「蒲公英」前端基础课堂补课看看,可别自己一人学废了。

登高远眺

天高地迥,觉宇宙之无穷

基础技术

浏览器执行javascript脚本是单线程的,当执行一些耗时较长的任务时,本来响应用户操作的任务会阻塞;一个解决方法是把这些耗时长的任务改造成异步操作,但在一些不好改造的任务,如图片像素分析或处理等,可以使用WebWorker处理,以让出主线程响应用户界面操作。

使用自定义字体时,如果先加载字体文件,再渲染文本内容,则会加长文本渲染前的空白时间。本文介绍了一种使用预连接、异步加载的方法加载字体文件,并使用和自定义字体相近的系统字体作为兜底,从而达到内容渲染速度与避免文本闪动的平衡。

通过纯 CSS3 渐变特性实现的一系列非常有趣的图案效果的集合,如透明底、墙面、棋盘、鱼纹、蜂窝、Lined Paper、各类布料纹理等,代码简洁明了,可以方便地应用到我们的实际项目中。如果你也有创意与技巧,独乐乐不如众乐乐,去提交一个分享吧。

2020 年 CSS 使用报告,可以借此了解 CSS 的开发者现状,了解特性使用情况及周边工具等。

设计哲学

资损,顾名思义就是平台发生了与用户或客户心理预期不符、直接或间接产生经济损失的场景。本文通过阿里前端同学的思考以及淘系双 11 的实践为大家提供一些资损防控的经验参考。

跨端框架技术

目前,Kubelet 中的 Docker 支持功能现已弃用,并将在之后的版本中被删除。Kubelet 之前使用的是一个名为 dockershim 的模块,用以实现对 Docker 的 CRI 支持。但 Kubernetes 社区发现了与之相关的维护问题,因此建议大家考虑使用包含 CRI 完整实现(兼容v1alpha1或v1)的可用容器运行时。

沧海拾遗

沧海拾遗,积跬步以至千里

有一个困扰 web 用户多年的难题——丢失网络连接。即使是世界上最好的 web app,如果下载不了它,也是非常糟糕的体验。Service Worker 可以使你的应用先访问本地缓存资源,所以在离线状态时,在没有通过网络接收到更多的数据前,仍可以提供基本的功能。

在网页开发中,我们经常会需要实现一些动效来让页面视觉效果更好,谈及动效便不可避免地会想到动效性能优化这个话题,减少页面DOM操作,减少页面的重排,开启硬件加速……那么这些和动画优化又有何关系?就让小编。。额,小助手为你揭开其中原理。

「蒲公英」期刊,每周更新,我们专注于挖掘「基础技术工程化跨端框架技术图形编程服务端开发桌面开发人工智能设计哲学前端框架」等多个大方向的业界热点,并加以专业的解读;不仅如此,我们还会推介精选凹凸技术文章,向大家呈现团队内的研究技术方向。

抬头仰望,蒲公英的种子会生根发芽,如夏花绚烂;格物致知,我们登高远眺、沧海拾遗,以求积硅步而至千里。

欢迎关注凹凸实验室博客:

或者关注凹凸实验室公众号(AOTULabs),不定时推送文章:

转载地址:http://pszvz.baihongyu.com/

你可能感兴趣的文章
mysql一个字段为空时使用另一个字段排序
查看>>
MySQL一个表A中多个字段关联了表B的ID,如何关联查询?
查看>>
MYSQL一直显示正在启动
查看>>
MySQL一站到底!华为首发MySQL进阶宝典,基础+优化+源码+架构+实战五飞
查看>>
MySQL万字总结!超详细!
查看>>
Mysql下载以及安装(新手入门,超详细)
查看>>
MySQL不会性能调优?看看这份清华架构师编写的MySQL性能优化手册吧
查看>>
MySQL不同字符集及排序规则详解:业务场景下的最佳选
查看>>
Mysql不同官方版本对比
查看>>
MySQL与Informix数据库中的同义表创建:深入解析与比较
查看>>
mysql与mem_细说 MySQL 之 MEM_ROOT
查看>>
MySQL与Oracle的数据迁移注意事项,另附转换工具链接
查看>>
mysql丢失更新问题
查看>>
MySQL两千万数据优化&迁移
查看>>
MySql中 delimiter 详解
查看>>
MYSQL中 find_in_set() 函数用法详解
查看>>
MySQL中auto_increment有什么作用?(IT枫斗者)
查看>>
MySQL中B+Tree索引原理
查看>>
mysql中cast() 和convert()的用法讲解
查看>>
mysql中datetime与timestamp类型有什么区别
查看>>