JS新技术
文章平均质量分 92
秋风_irwin
这个作者很懒,什么都没留下…
展开
-
Rollup作者新作: Svelte Cubed, 拥抱 Three.js
在2021年11月20日,Svelte 召开了第四次虚拟会议。而会议中最令我眼前一新的当然是 轮子哥 Rich-Harris 带来的 Svelte Cubed 了。科普:轮子哥 Rich-Harris:Svelte、Rollup 作者这个项目亮眼的地方,并不是因为其他的演讲者不好,也并不是因为轮子哥是 Svelte 作者的原因。而是因为他带来的 Svelte-Cubed 和我目前在公司负责项目的技术栈有非常相似的感觉。在公司由于需要开发一个 新 的 H5 项目,因此我采用了较为激进的 Svel原创 2021-12-10 12:02:52 · 863 阅读 · 0 评论 -
一周 8k Star 的 Notion 开源替代品 AppFlowy 诞生
近日 Notion 的开源替代品 AppFlowy 正式发布了,一经发布,在短短一周就获得了近 8k Star。原创 2021-12-03 17:18:55 · 2875 阅读 · 0 评论 -
用tailwindcss适配暗黑模式竟如此简单
接着上面一篇《从Nuxt文档里发现色彩的配搭诀窍》的内容,本文是我继续对 Nuxt/Content 的探索。当我研究它的色彩系统的时候,我还发现它还提供了暗黑模式,这也算是色彩系统的一种吧,毕竟也是和色彩搭配有关。经过一番学习折腾之后发现它的暗黑模式实现非常简单,甚至不需要你对这个模式有多么深刻的理解,只需要设置几个选项就能完成,并且搭配了 tailwindcss 的 color 系统灵活性也非常的好。本文就以 引发作者探索暗黑模式的背景 -> 暗黑模式起源以及重要性 -> tailwindc原创 2021-11-26 12:32:19 · 4084 阅读 · 0 评论 -
随时随地能写代码, vscode.dev 出手了
今天偶然看到了 VSCode官方发布了一条激动人心的 twitter,vscode.dev 域名上线了!!!新的域名 vscode.dev 它是一个 web 版的 VSCode 。无论你是在用什么设备,不需要任何依赖,能够让你随时随地在浏览器写代码!!!我们常常在提 Cloud IDE,但是以前的种种似乎都要么只是一个 VSCode 的外壳,要么就是在远端运行了一个镜像来实现。来看看这次它带来一些不一样的地方本地文件查看和编辑插件机制拉取 Github自定义主题本地文件查看和编辑这原创 2021-10-22 11:55:32 · 1547 阅读 · 1 评论 -
1w字详解从破解某定设计网站谈前端明暗水印(推荐收藏)
前言最近在写公众号的时候,常常会自己做首图,并且慢慢地发现沉迷于制作首图,感觉扁平化的设计的真好好看。慢慢地萌生了一个做一个属于自己的首图生成器的想法。制作呢,当然也不是拍拍脑袋就开始,在开始之前,就去研究了一下某在线设计网站(如果有人不知道的话,可以说一下,这是一个在线制作海报之类的网站 T T 像我们这种内容创作者用的比较多),毕竟人家已经做了很久了,我只是想做个方便个人使用的。毕竟以上用 PS 做着还是有一些废时间,由于组成的元素都很简单,做一个自动化生成的完全可以。但是研究着研究着,就看到了原创 2021-09-17 12:02:01 · 3141 阅读 · 22 评论 -
前端智能化D2C效率提升50%,带你一睹为快
前言前端近年来一直在尝试如何提高开发人员的效率,从最初的脚手架工具、组件库、持续集成体系、自动化测试、多端适配到现在的全面的低代码平台、前端智能化、在线 IDE,大家都在为未来的新的且高效率的方式做着努力。前端行业即将要进入到下一个阶段,因为对于如何搭建组件库、脚手架已经有大量的文章/教程,已经快到了人人可以手撕一个组件库的阶段了,并且随着前端开发人员的技术的普遍提高,枯燥机械式地写代码(样式/布局)已经无法满足开发人员日益增长的追逐技术的心了,因此需要智能化布局来解放这些枯燥的工作。落后就要挨打,我原创 2021-08-24 11:29:44 · 1629 阅读 · 42 评论 -
我给鸿星尔克写了一个720°看鞋展厅
最近因为鸿星尔克给河南捐了5000万物资,真的是看哭了很多的网友,普通一家公司捐款5000万可能不会有这样的共情,但是看了鸿星尔克的背景之后,发现真的是令人心酸。鸿星尔克2020年的营收是28亿,但是利润却是亏损2个亿,甚至连微博的官方账号都舍不得开会员,在这种情况下,还豪气地捐赠5000万,真的是破防了。网友还称鸿星尔克,特别像是老一辈人省吃俭用一分一毛攒起来的存款,小心翼翼存在铁盒里。一听说祖国需要,立马拿出铁盒子,哗~全导给你。让上最贵的鞋,拿出了双 249 的。然后我去鸿星尔克的官网看了看他.原创 2021-07-28 11:30:30 · 32599 阅读 · 115 评论 -
尤大亲自评测 Vue3 和 Svelte(19个组件后Vue更好!)
近日尤大亲自创建了一个仓库用来对 Svelte 和 Vue3 组件进行了评测。这其实对我来说非常的感兴趣,因为我最近在业务项目中采用了 Svelte 进行了开发。那么到底结果到底是如何呢?(期待的眼神,以为尤大要写 Svelte 代码来进行评测了。Vue 大家都很熟悉了,如果你不知道 Svelte 是啥?可以看后起之秀前端框架 Svelte 从入门到原理。大体介绍一下,Svelte 是一个 No Runtime —— 无运行时代码 的框架。下面是Jacek Schae大神的统计,使用市面上主流的原创 2021-07-12 11:07:19 · 7288 阅读 · 3 评论 -
Chrome 89 更新 js 事件触发顺序,导致99%的文章都错了(包括MDN)
大家好,我是秋风。嗯…我又来了,这次又是在…楠溪和的讨论中产生的问题。那事情是怎么样的呢?起因最近楠溪在看事件相关的文章,然后就跑来和我讨论说以下代码的执行效果和网上的文章不一致,代码如下:<div> <button>123</button></div><script> var btn = document.querySelector('button'); var div = document.querySelector('原创 2021-05-25 12:02:16 · 363 阅读 · 2 评论 -
JS也可以这么浪漫,用JS写下一个世界(VR)
先上图感受一下,以迪士尼城堡为例。心动了吗?你以为实现这个炫酷特效会很复杂?不不不,实现这个特效只有两个步骤需要一张全景图使用 photo-sphere-viewer.js 进行配置 (一个用来来显示全景图JavaScript库)可以从这里免费下载全景图片https://pixabay.com/zh/images/search/360%C2%B0%E5%85%A8%E6%99%AF/在线演示地址(手机打开效果更佳) https://qiufeng.blue/frontend/demo/原创 2021-02-15 16:13:42 · 988 阅读 · 0 评论 -
教你实现微信8.0『炸裂』的表情特效
写在开头最近微信更新了8.0,其中之一最好玩的莫过于表情包的更新了,大家都在群里纷纷玩起了表情包大战。作为一个前端程序员,这就勾起了我的好奇心,虽然我从来没有实现过这样的动画,但是我还是忍不住想要去实现,最终我花了2天时间去看一些库的源码到我自己实现一个类似的效果,在这里我总结一下,并且手把手地教大家怎么学习实现。而????有一个自己的名字,叫做五彩纸屑,英文名字叫 confetti。聊天室+五彩纸屑特效 在线地址: https://www.qiufengh.com/#/聊天室Github地址:原创 2021-02-10 17:41:03 · 6710 阅读 · 2 评论 -
2020 全球 JS 调查报告新鲜出炉
完整报告地址: https://2020.stateofjs.com/zh-Hans/润色/翻译: 蓝色的秋风(github/hua1995116)千呼万唤的全球2020的JS报告终于出来了。顺便附上2020全球CSS报告地址 2020年度全球CSS报告新鲜出炉我们来看看这一个糟糕却又不平凡的一年,JS发生了什么样的变化。尽管2020年很糟糕,但 JavaScript 作为一个整体仍然设法向前发展。随着语言本身的不断改进,得益于诸如可选链操作符和空值合并操作符并等新特性,TypeScrip..原创 2021-01-14 20:26:55 · 1224 阅读 · 0 评论