阿里云前端周刊 - 第 25 期
1. Chrome 61 新特性介绍
https://developers.google.com/web/updates/2017/09/nic61
Chrome 61 中即将原生地支持 JavaScript 模块,意味着开发者可以不用 Babel 等转换器即直接在浏览器中运行模块化代码。除此之外,Chrome 61 还允许开发者使用 navigator.share 来触发 Android 原生的分享对话框,并且引入了 WebUSB 接口来访问受信的 USB 设备;
2. Yarn 1.0 发布https://code.facebook.com/posts/274518539716230
著名的 JavaScript 包管理器 Yarn 终于发布了其 1.0 版本,目前已经有超过 175000 个 Github 上的项目包含了 yarn.lock 文件,每个月有超过三十亿的下载量。在新版本中,Yarn 引入了工作空间、自动合并 lockfiles、可选择的版本解决等特性,并且进行了其他一系列的性能提升与错误修复等工作。
3. TypeScript 与 Webpack 的激情碰撞https://medium.com/webpack/typescript-webpack-super-pursuit-mode-83cc568dea79
本文是 ts-loader 的核心维护者之一,分享的多个能提升 Webpack 中 TypeScript 使用体验的插件。fork-ts-checker-webpack-plugin 能够利用子进程来进行类型校验,HappyPack 则允许并发处理多个文件从而提升 Webpack 的编译速度,thread-loader 与 cache-loader 还能进一步提升编译速度;
4. V8 中的 Fast 属性https://zhuanlan.zhihu.com/p/29321540
在这篇博客中,我们想解释 V8 如何在内部处理 JavaScript 属性。从 JavaScript 的角度来看,属性只有一些区别。JavaScript 对象主要表现为字典,字符串作为键名以及任意对象作为键值。然而,该规范在迭代过程中对整数索引(integer-indexed)属性和其它属性进行了不同的处理。
1. 探索编码的世界http://www.imhjm.com/article/599fb61e7dd03248a2e8d582
本文从二进制编码讲起,到整数到小数,再到字符编码,中间穿插相应js代码,希望通过这次探索,能让读者对js大数/精度、乱码、node的Buffer等等有更进一步的理解,以及对计算机编码的认识更加深刻。
2. 使用 CSS 的 font-size-adjust 属性改善网页排版https://github.com/xitu/gold-miner/blob/master/TODO/improve-web-typography-css-font-size-adjust.md
CSS 中的 font-size-adjust 属性允许开发者基于小写字母的高度指定 font-size ,这可以有效地提高网页文字的可读性。
3. CSS Filter 实现的融合动画效果http://www.cnblogs.com/coco1s/p/7519460.html
本文主要介绍 CSS 滤镜的不常用用法,希望能给读者带来一些干货!通过使用 高斯模糊+对比度 滤镜,实现有趣的融合效果,如随机的火焰燃烧效果。
4. 浮点数的渲染https://zhuanlan.zhihu.com/p/28911508
一个有意思的现象,当使用 sticky position 定位的时候,如果它的同层上面元素的高度是浮点数的话,该定位在滑动过程中将会产生一个小的空白间隙。不同的浏览器对于小数的处理并不十分一致,现代浏览器大多采用智能补偿法来处理小数的布局。同时我们常用的 1px 并不是指的真实的 1 像素。比如在手机上 1px 渲染出来会比较粗,并不是手机分辨率的 1 像素。可以通过缩放来呈现真实的 1 像素,理解了小数的渲染规则,希望以后如果碰到相似的问题对你有帮助。
5. 奇技淫巧学 V8 之八,常量字符串https://zhuanlan.zhihu.com/p/29129010
V8 为了最佳性能与最少内存使用将某些(如字面量构造的)字符串常量化。内容相同的常量字符串具有相同的引用(共享同一块老生代空间),在比较时直接比较引用(指针)是否相等即可,故拥有 O(1) 的比较性能。将字符串被设置为对象属性名时,会被尝试改造为常量化版本。V8 通过将字符串实例类型转换为 ThinString 并引用常量字符串来实现隐式就地转换。当缺少 ThinString 支持并且原始字符串又为引用类型表达时,会使用 ConsString(actual, empty_string) 来实现隐式就地转换。
-- end --
阿里云ECS服务器搭建SpringBoot后端接驳微信小程序前端使用心得 #飞天加速计划·高校学生在家实践 了解到飞天加速计划,大学生可以免费体验阿里云ECS服务器。想到最近在弄的一个小程序后端在部署在阿里云服务器,前来尝试了阿里云的服务。使用过程很顺畅,也碰到了服务器端口3306无法访问的问题,咨询了客服给我了很满意的解决方案。希望发表给大家带来一些参考。希望大家可以避开这个坑。
《阿里云飞天大数据平台 DataWorks 前端技术解密:工作流调度可视化》(脱敏版本) ## ![image.png](https://intranetproxy.alipay.com/skylark/lark/0/2021/png/13481/1614773723538-e8d99a86-b04d-47bb-86ad-90cdb07ac657.png#height=220&id=QQWI7&margin=%5Bobject%20Object%5D&name=image.png&or
阿里云开发者DevUP沙龙·成都前端技术沙龙 圆满结束 2020年8月15日下午,在武侯区天府五街菁蓉汇2栋5楼举办了阿里云开发者DevUP沙⻰。 本次活动邀请了阿里巴巴高级前端工程师常艳芳、Web/javaSCript全栈开发者水歌,阿里云高级前端技 术专家杜欢,来和大家分享~~~
阿里巴巴前端技术Workshop-阿里云开发者 DevUP 沙龙 ·成都站 邀你参加啦 8月15日阿里云开发者成都ACE同城会携手淘系、阿里云云开发平台的专家和WebCell前端开源框架作者,为大家分享前端的前沿技术与应用,期待大家来参与学习哦。
阿里云开放平台微前端方案的沙箱实现 微前端已经成为前端领域如今比较火爆的话题,关于微前端价值的讨论,可以参考克军的《拥抱云时代的前端开发框架——微前端》。微前端在技术方面,有一个始终绕不过去话题就是前端沙箱。本篇具体探讨一下,在微前端领域如何实现前端沙箱。
相关文章
- 自动化框架如何搭建?让10年阿里自动化测试老司机帮你搞定!自动化测试脚本怎么写?
- 5月10日云栖精选夜读:阿里专家直击前端盛会JSConf2017 Day2:见证Moment.js精彩分享
- 【云周刊】第118期:利用阿里云机器学习在深度学习框架下实现智能图片分类
- 携手共建互联网安全!阿里聚安全企业沙龙行走广州站!
- 节省60%费用!巧用阿里云归档存储降低基因测序成本
- 澳洲留学生面经,Java后端,阿里、头条、百度、华为、微策略
- 阿里无线前端招聘
- 阿里数据库内核月报合辑
- 阿里云牵手战旗直播:让500万人进入1个直播房间
- 阿里双十一背后的技术
- 阿里收豌豆荚想打“大数据+精品”牌突围?
- 阿里研究院发布创新生态报告 决定创新的竟是这“六人”?
- 7月13日云栖精选夜读:什么才是这个时代最需要的BI人员? —— 阿里云MVP赵玮主题分享
- 阿里云制作镜像时需要注意