来看看我们为你开的小灶 - 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 的世界。
3707 0
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
1521 14
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
906 0
|
SpringCloudAlibaba JavaScript 前端开发
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
分布式组件、nacos注册配置中心、openfegin远程调用、网关gateway、ES6脚本语言规范、vue、elementUI
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
|
人工智能 自然语言处理 运维
前端大模型应用笔记(一):两个指令反过来说大模型就理解不了啦?或许该让第三者插足啦 -通过引入中间LLM预处理用户输入以提高多任务处理能力
本文探讨了在多任务处理场景下,自然语言指令解析的困境及解决方案。通过增加一个LLM解析层,将复杂的指令拆解为多个明确的步骤,明确操作类型与对象识别,处理任务依赖关系,并将自然语言转化为具体的工具命令,从而提高指令解析的准确性和执行效率。
748 6
|
机器学习/深度学习 弹性计算 自然语言处理
前端大模型应用笔记(二):最新llama3.2小参数版本1B的古董机测试 - 支持128K上下文,表现优异,和移动端更配
llama3.1支持128K上下文,6万字+输入,适用于多种场景。模型能力超出预期,但处理中文时需加中英翻译。测试显示,其英文支持较好,中文则需改进。llama3.2 1B参数量小,适合移动端和资源受限环境,可在阿里云2vCPU和4G ECS上运行。
1224 1
|
前端开发 算法 测试技术
前端大模型应用笔记(五):大模型基础能力大比拼-计数篇-通义千文 vs 文心一言 vs 智谱 vs 讯飞vsGPT
本文对比测试了通义千文、文心一言、智谱和讯飞等多个国产大模型在处理基础计数问题上的表现,特别是通过链式推理(COT)提示的效果。结果显示,GPTo1-mini、文心一言3.5和讯飞4.0Ultra在首轮测试中表现优秀,而其他模型在COT提示后也能显著提升正确率,唯有讯飞4.0-Lite表现不佳。测试强调了COT在提升模型逻辑推理能力中的重要性,并指出免费版本中智谱GLM较为可靠。
990 0
前端大模型应用笔记(五):大模型基础能力大比拼-计数篇-通义千文 vs 文心一言 vs 智谱 vs 讯飞vsGPT
|
前端开发 JavaScript 数据库
如何实现前后端分离-----前端笔记
如何实现前后端分离-----前端笔记
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
552 2

热门文章

最新文章

  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
    1079
  • 2
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
    473
  • 3
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
    363
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
    350
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
    469
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
    636
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
    1022
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(三):元素继承关系、层叠样式规则、字体属性、文本属性;针对字体和文本作样式修改
    250
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式
    866
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
    433