来看看我们为你开的小灶 - TXD 前端月刊 201906 期

简介: 【阿里云 TXD 前端月刊】- 热门前端技术快报,聚焦业界新视界;前端领域急速发展的节奏从未停歇,在这个过去的六月里,来看看我们为您准备了那些前端小灶吧~ 欢迎 订阅 & 投稿 编辑:尹挚 校对:佐七 学习专栏 你可能不知道的 VS Code 高级特性 这里整理了一份 35 个 VS Code 提高开发效率和体验的高级功能列表,包含用法和视频展示,可以说是非常能提效的一些技巧。

6月封面图.001.jpeg

【阿里云 TXD 前端月刊】- 热门前端技术快报,聚焦业界新视界;前端领域急速发展的节奏从未停歇,在这个过去的六月里,来看看我们为您准备了那些前端小灶吧~

欢迎 订阅 & 投稿
编辑:> 尹挚

校对:> 佐七

学习专栏

你可能不知道的 VS Code 高级特性

这里整理了一份 35 个 VS Code 提高开发效率和体验的高级功能列表,包含用法和视频展示,可以说是非常能提效的一些技巧。

你用的那些 CSS 转场动画可以换一换了

传统转场动画就是滑来滑去,淡入淡出这些。时代在召唤,技术在发展,可以试一试使用一些新的转场动画了。作者使用了 CSS3 的一些特性(clip-path、mask、滤镜等)实现一些进阶的转场效果,只需要使用原生的代码就可以像 PPT 里面那样灵活的转场。

原生 JS 快速实现拖放效果

拖放是很常见的一种交互效果,很多时候我们都会借助于第三方的控件来实现,其实用原生 Javascript 实现起来也非常的方便。作者用非常简洁的代码实现了最基的拖放效果。

1128277794-5d0ddbf1b2cb6_articlex.gif

Web Worker 实现多线程计算

JavaScript 语言采用的是单线程模型,也就是说,所有任务只能在一个线程上完成,一次只能做一件事。Web Worker 的作用,就是为 JavaScript 创造多线程环境,允许主线程创建 Worker 线程,将一些任务分配给后者运行; 那什么时候应该使用 Web Worker,看完这篇文章你或许就有答案了;

浅谈小程序运行机制

小程序与普通网页开发是有很大差别的,这就要从它的技术架构底层去剖析了。还有比如习惯 Vue,React 开发的开发者会吐槽小程序新建页面的繁琐,page 必须由多个文件组成、组件化支持不完善、每次更改 data 里的数据都得 setData、没有像 Vue 方便的 watch 监听、不能操作 DOM,对于复杂性场景不太好,之前不支持 npm,不支持Sass,Less 预编译处理语言。

新闻快爆

Node.js 十年回顾,你大爷还是你大爷

Node.js 从 2009 年诞生开始,到现在已有 10 岁,在这 10 年里,它的成长和成熟是大家有目共睹的。它因后端简化并发编程而被关注,因作为前端辅助开发工具而流行,因异步流程控制和回调地狱而被人诟病,因 npm 批量安装模块而被人敬仰。狼叔新书《更了不起的Node.js》,带你打开Node.js世界的大门,领略大前端领域璀璨的星光。

目前可以使用 ES10 的 5 个新特性

三月份的前端月刊中文我们提及到 ES10 即将到来,截止今天为止,已经有一些特性可以通过 Babel 等工具使用了。

PixiJS V5 发布

跨设备的快速轻量 2D 引擎库。 让你可以不需要关心 WebGL 深入知识也能充分发挥硬件加速的优势,创建各种 2D 效果。 PixiJS 有很多有趣的 DEMO , 也可以自己尝试编写一个例子

RoboMaster S1

大疆发布首款教育机器人机甲大师 RoboMaster S1,启蒙编程思维,程序员要从娃娃抓起(其实是自己想买个大玩具了~~)

工具推荐

grade.js

image.png

这个 JS 库可以从图像提取两种主要颜色,然后生成渐变色背景,主要通过 canvas 来读取图片的像素点,然后做类似于直方图统计,得到图片中的主要色值。

react-use

必不可少的 React Hooks 集合,libreact 的端口。

theia

Theia 是一款非常灵活的 Web IDE,可以通过扩展和插件的方式轻松完成定制化需求,官方也提供了丰富的内置扩展(文件、编辑器、终端、SCM...)如果你正在构建一个适用于自己企业的 Web IDE,不妨试试适用 Theia 进行扩展性开发。

会议回顾

GMTC 全球大前端技术大会

GMTC 全球大前端技术大会于 6.20 -  6.21 在北京顺利召开,主题涵盖工程化、移动开发、质量、小程序、架构、管理等前端的方方面面,也讨总结了前端的过去,展望未来的趋势。感兴趣的同学可以到官网查看精彩回顾

VueConf 2019

2019 年 6 月 8 日来自全球各地的开发者齐聚上海,一起见证了 VueConf 2019 的成功举报,作者尤雨溪亲临现场,这里为你整理好了一份大会的演讲资料(含视频)

image.png

目录
相关文章
将函数式进行到底,用 Hooks 武装组件 - TXD 前端月刊 201905 期
【阿里云 TXD 前端月刊】- 热门前端技术快报,聚焦业界新视界;五月清风徐来,跟我们一起来看一看新的风向即将吹向何方,前端的技术力量又将影响哪些新的领域。 欢迎 订阅 & 投稿编辑:墨止审稿:尹挚 学习专栏 《深入浅出 React Hooks》 React 16.8 了,还不了解 React Hooks?!想做前端极客,想写出酷酷的代码,那就赶紧跟 @x-cold 一起来学习最新的 Hooks 知识吧!原文章看这里,一步步进入 React Hooks 的世界。
3492 0
|
8月前
|
Web App开发 前端开发 JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
95 0
|
8月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线程配置
前端学习笔记202305学习笔记第二十三天-地图单线程配置
63 0
前端学习笔记202305学习笔记第二十三天-地图单线程配置
|
8月前
|
前端开发 API
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
55 0
|
8月前
|
前端开发
前端学习笔记202306学习笔记第五十一天-工厂模式4
前端学习笔记202306学习笔记第五十一天-工厂模式
34 0
|
8月前
|
前端开发
前端学习笔记202305学习笔记第二十八天-数组结构之列表拖拽改变顺序4
前端学习笔记202305学习笔记第二十八天-数组结构之列表拖拽改变顺序4
32 0
|
4月前
|
前端开发 JavaScript
《Webpack5 核心原理与应用实践》学习笔记-> 构建微前端应用
《Webpack5 核心原理与应用实践》学习笔记-> 构建微前端应用
37 1
|
8月前
|
JavaScript 前端开发 调度
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber和虚拟dom关系
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber和虚拟dom关系
59 0
|
8月前
|
域名解析 缓存 网络协议
前端学习笔记202307学习笔记第五十七天-模拟面试笔记http-DNs解析ip地址
前端学习笔记202307学习笔记第五十七天-模拟面试笔记http-DNs解析ip地址
71 1
|
8月前
|
前端开发 JavaScript 安全
前端学习笔记202307学习笔记第五十七天-模拟面试笔记网络-xss和csrf攻击
前端学习笔记202307学习笔记第五十七天-模拟面试笔记网络-xss和csrf攻击
58 0