首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
李冬杰
掘友等级
前端
|
阿里巴巴
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
76
文章 49
沸点 27
赞
76
返回
|
搜索文章
李冬杰
赞了这篇文章
青Cheng序员石头
2年前
关注
【器】Nginx配置单页面应用
本篇文章根据工程实践,介绍如何使用`Nginx`配置单页面应用。x文章会从解决问题角度着手,分析如何解决配置问题。...
40
评论
分享
李冬杰
赞了这篇文章
十年踪迹
VIP.4 融会贯通
掘金前首席打杂官
·
8月前
关注
使用 AirCode,5分钟实现多人实时聊天
将 AirCode 和 Pusher 结合起来,我们会发现实现一个在线实时通信服务变得非常简单,可以在几分钟内实现多人实时聊天功能。...
9
1
分享
李冬杰
赞了这篇文章
十年踪迹
VIP.4 融会贯通
掘金前首席打杂官
·
1年前
关注
SpriteJS:图形库造轮子的那些事儿
在SpriteJS“造轮子”过程中,我一步步将一个很简陋的渲染库,变成一个能够支撑可视化应用和游戏开发的,还算不错的一个图形库,其中有许多积累,也有许多思考。...
64
9
分享
李冬杰
赞了这篇文章
gp5251
5年前
关注
推荐一款页面开发神器,视觉还原可以如此简单
作为一名前端工程师,经常因为做出的页面和UI设计稿之间存在一些偏差,导致和UI同学反复沟(si)通(bi),这个过程很让人沮丧是不是??其实要避免这种情况很简单,一款chr...
6
1
分享
李冬杰
前端 @阿里巴巴
·
3年前
关注
如何为开源技术项目做单元测试
单元测试是指,对于软件中过的最小可测试单元在与程序其他部分相隔离的情况下进行检查和验证的工作,这里最小可测试单元通常指的是函数和类。单元测试是任何一个(内部)开源技术产品不...
2
2
分享
李冬杰
前端 @阿里巴巴
·
3年前
关注
计算机图形学期刊、会议、研究机构
名词解释ACM计算机协会IEEE电气和电子工程师协会SIGspecialinterestgroup,特殊兴趣小组,计算机协会中有多个sigSIGGRAPH图形特殊兴趣组SI...
1
评论
分享
李冬杰
前端 @阿里巴巴
·
3年前
关注
【译】Inigo Quilez 访谈
译者按:该访谈是渲染杂志社在 Inigo 参加 2019 年 SIGGRAPH ASIA 之前进行的,Inigo Quilez 是 shadertoy.com 的创始人之一...
4
评论
分享
李冬杰
赞了这篇文章
轻口味
多媒体/直播/实时音视频
·
4年前
关注
音视频之音频知识入门
信息论的观点来看,描述信源的数据是信息和数据冗余之和,即:数据=信息+数据冗余。音频信号在时域和频域上具有相关性,也即存在数据冗余。将音频作为一个信源,音频编码的实质是减少...
11
评论
分享
李冬杰
赞了这篇文章
网易云音乐技术团队
@网易云音乐
·
3年前
关注
实现一个简单的基于 WebAssembly 的图片处理应用
本文希望通过 Rust 敲一敲 WebAssembly 的大门。作为一篇入门文章,期望能够帮你了解 WebAssembly 以及构建一个简单的 WebAssembly 应用...
76
5
分享
李冬杰
前端 @阿里巴巴
·
3年前
举报
正在学习webgl、glsl的前端同学,有以下几款pixel shader工具可以考虑:
1. shadertoy, 老牌pixel shader工具,案例齐全,功能强大,就是网站略卡。
2. shader editor,the book of shader 提供的工具,简洁方便,可以生成在线地址,牛逼之处是能够断点。遗憾的是分享出去全屏打开,效果不忍直视。
thebookofshaders.com
3. shadertoy vscode 插件,兼容shadertoy 代码,支持视频、纹理出入,截图,暂停等功能,一切都在vscode中解决,岂不美哉。
4. glsl-doodle,一个开源web component,支持fragment shader链接,方便的将写好的效果直接嵌入前端项目中,如果你要做一个pixel shader作品集展示的话,首选它。
其他pixel 工具不胜枚举,建议初学者使用 shader editor 方便调试。入门同学用glsl-doodle 轻量、便于分享、集成到前端。挑战更高难度入坑 shadertoy。
展开
赞过
分享
评论
1
李冬杰
赞了这篇沸点
李冬杰
前端 @阿里巴巴
·
3年前
举报
有一些小程序云函数绘图的经验想要分享,不知道是否会有人感兴趣。
背景是这样的:产品有导出图片带有自定义字体的需求,小程序canvas组件不支持自定义字体,这时候只能选择服务端渲染图片,然后前端下载图片保存到相册。
其中的坑包括:
1. 云函数中使用node-canvas需要node 8.9+centos 7编译出来的依赖。
2. 文本排版、图片高度动态计算
展开
等人赞过
分享
1
5
李冬杰
前端 @阿里巴巴
·
3年前
举报
推荐一篇介绍WebAssembly的好文,简单做了摘要:
作者介绍了wasm 能够运行到不同架构系统的原理,通过LLVM IR编译出wasm 虚拟指令集,然后不同平台的wasm的运行时进行编译。
然后对比了c、emcc、rust编译到wasm的过程,最终发现Rust是工具链最友好的,cmcc编译出来的结果带有大量的JS胶水代码,且API不够简洁,C语言编译出来的wasm文件是最小的,因为没有runtime。
最后作者以V8引擎为例介绍了wasm为什么比JS有更好的性能,主要是JS在底层有optimize和deoptimize的过程,编译引擎需要猜测参数类型,而wasm本身就是虚拟指令集,可以直接optimize,无需猜参数类型和deoptimize过程,当然前端的功能的性能也不是wasm直接决定的,最终是否能带来性能上的优化还是要综合对比性能指标,盲目将JS重写为wasm实现也是不明智的。
展开
赞过
分享
4
2
李冬杰
赞了这篇文章
rydenryden
PM
·
6年前
关注
[译]为什么你的 APP 在 Sketch 上看起来更好: 探索 Sketch 和 iOS 的渲染差异
有更大的阴影。 有更深的渐变。 “in” 这个单词在段落的第一行。 左边的这幅图是 Sketch 的一张截图,右边的图是 iOS 系统实际产出的图。这些差别会在图像渲染的时...
79
11
分享
李冬杰
赞了这篇文章
李冬杰
前端 @阿里巴巴
·
3年前
关注
微信小程序自定义字体海报图方案
微信小程序中的canvas等原生组件不支持wx.loadFontface加载的字体,所以对于有自定义字体需求的海报图就得寻找其他解决方案了。因为之前做过服务端绘图的工作,我...
2
3
分享
李冬杰
赞了这篇沸点
李冬杰
前端 @阿里巴巴
·
4年前
举报
#今日推特 2019.12.26#
1. 油管原创纪录片《The age of AI 》,主持人小罗伯特唐尼。不提供链接,自己去搜。
2. 春节走亲访友会烦的,在free-for.dev上学点东西打发时间吧。
free-for.dev
3. Vue.js中文官网更新团队近期撰写的安全指南
cn.vuejs.org
4. 对于资源特别多需要展示加载动画的网站,设计一个有趣的加载动画可以缓解用户等待焦虑
twitter.com
展开
赞过
分享
评论
1
李冬杰
赞了这篇文章
李冬杰
前端 @阿里巴巴
·
4年前
关注
The TC39 Process
The Ecma TC39 committee is responsible for evolving the ECMAScript programming languag...
2
评论
分享
李冬杰
赞了这篇文章
网易云音乐技术团队
@网易云音乐
·
4年前
关注
用 Web 实现一个简易的音频编辑器
市面上,音频编辑软件非常多,比如 cubase、sonar 等等。虽然它们功能强大,但是在 Web 上的应用却显得心有余而力不足。因为 Web 应用的大多数资源都是存放在网...
224
27
分享
李冬杰
赞了这篇文章
呵呵哈哈嘻嘻呼呼呵呵
software engineer @帝都仰望星空大学
·
7年前
关注
[译] 看动画,学 RxJS
原文地址:An Animated Intro to RxJS 原文作者:David Khourshid 译文出自:掘金翻译计划 译者: luoyaqifei 校对者:vuu...
302
6
分享
下一页
个人成就
文章被点赞
23
文章被阅读
8,033
掘力值
275
关注了
25
关注者
38
收藏集
7
关注标签
10
加入于
2017-01-17