随笔分类 - HTML/JS/CSS

[WebGL] sampler2DArray demo 多纹理渲染

摘要：背景之前尝试过利用多个纹理单元，再基于传入给 shader 的 vertexBuffer 信息决定选 1 号纹理单元还是 2 号纹理单元。虽然理论上，这个方式确实行得通，但是一次 drawcall 绘制多个纹理，本来目的是为了提高绘制性能，而实际上却无法提高性能，甚至还有反作用。因为有说法是阅读全文

posted @ 2023-10-24 11:52 拂晓风起-Kenko 阅读(446) 评论(0) 推荐(0) 编辑

通过 Chrome devtools protocol 和 adb 调试 Android Webview

摘要：这个技术可以用于 UI 自动化等，用脚本自动控制 Android webview 或注入 js 执行。前提条件：usb 连接手机，adb 能查找到 devices，如果有问题，多拔插几次，确认授权。第一步，确认安卓 App 编译时已经启用了webview 允许调试（一般是允许的，可以通过连接us 阅读全文

posted @ 2021-08-19 15:30 拂晓风起-Kenko 阅读(1449) 评论(0) 推荐(0) 编辑

async await 续集： await 到底可以接什么？仅仅是 Promise吗？

摘要：众所周知，async await 只是 Promise 的语法糖，但具体是什么语法糖，我自己之前也没细究。昨天在研究 iOS JavaScriptCore 里边如何捕获未处理的 Promise rejection，发现 jscore 本身并不提供任何接口，只能想其他办法绕过去。参考了 Egret 阅读全文

posted @ 2021-08-06 11:16 拂晓风起-Kenko 阅读(1155) 评论(0) 推荐(0) 编辑

async await 你真的用对了吗？

摘要：大部分同学了解Promise，也知道async await可以实现同步化写法，但实际上对一些细节没有理解到位，就容易导致实际项目中遇到问题。开始先抛结论，下文将针对主要问题点进行论述。 1、所有async方法调用，必须加await或catch，捕获错误（等待就用await，无需等待就用catch）阅读全文

posted @ 2020-11-20 12:20 拂晓风起-Kenko 阅读(3972) 评论(1) 推荐(0) 编辑

Chrome Devtools performance memory模式的理解（JS Heap、Documents等）

摘要：可以分析JS Heap等多种内存占用情况的变化其中，比较难理解的是Documents。这个代表的是目前tab的内存有多少个Documents，包括当前页面、之前的页面、iframe和插件产生的页面。如上图1-1表示当前只有1个，就是可见的页面。如果刷新一下再录制，就会变成2-2，再刷新录制，可能阅读全文

posted @ 2020-11-19 11:23 拂晓风起-Kenko 阅读(1066) 评论(0) 推荐(0) 编辑

iOS 14 egret H5游戏卡顿问题分析和部分解决办法

摘要：现象总体而言，iOS 14 渲染性能变差，可以从以下几个测试看出。测试1：简单demo，使用egret引擎显示3000个图（都是同一个100*100 png 纹理），逐帧做旋转。（博客园视频播放可能有问题，视频地址：https://github.com/kenkozheng/kenkozheng 阅读全文

posted @ 2020-10-28 20:00 拂晓风起-Kenko 阅读(2168) 评论(0) 推荐(0) 编辑

【WebGL】一次drawcall中绘制多个不同纹理的图形

摘要：Demo： http://kenkozheng.github.io/WebGL/multi-texture-in-one-drawcall/index.html 关键点： 1、fragment shader接受参数（从vertex shader传递vary），动态指定sampler 2、设置samp 阅读全文

posted @ 2020-07-24 18:16 拂晓风起-Kenko 阅读(844) 评论(0) 推荐(0) 编辑

2020年前端技术栈（送给努力学习通往一线大厂的同学们）

摘要：本人前端工作10年，结合了常见的"前端技术栈"文章，另外加上我在实际工作的经验（尤其是腾讯、字节跳动工作），汇总而成得到本文的前端技术栈。在一般技术栈基础上，我标记了4种颜色，分别代表初级入门、工程师、资深工程师、高级工程师的技能要求。这个划分，不直接对等某个公司的职级，只是我个人的一个简单划分阅读全文

posted @ 2020-05-28 14:37 拂晓风起-Kenko 阅读(4543) 评论(0) 推荐(0) 编辑

Service Worker和HTTP缓存

摘要：很多人，包括我自己，初看Service Worker多一个Cache Storage的时候，就感觉跟HTTP长缓存没什么区别。例如大家讲的最多的Service Worker能让网页离线使用，但熟悉HTTP缓存的朋友，会发现，把整站所有资源设置为长缓存（不带校验），也可以实现离线使用。那么，Ser 阅读全文

posted @ 2018-04-07 09:39 拂晓风起-Kenko 阅读(4346) 评论(0) 推荐(0) 编辑

Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架（下篇——多页面VueSSR+热更新Server）

摘要：Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架（下篇——多页面VueSSR+热更新Server） @(HTML/JS) 这是Vue多页面框架系列文章的第二篇，上一篇（ "纯前端Vue多页面" ）中，我们尝试从webpack simple原型项目改造为一个多页面的Vue项阅读全文

posted @ 2017-12-10 22:17 拂晓风起-Kenko 阅读(6322) 评论(1) 推荐(3) 编辑

关于前后端同构，我的一点思路和心得（vue、nodejs、react、模版）

摘要：最近1年多，前后端同构慢慢变成一个流行词，也许很多人还停留在前后端分离的最佳实践道路上，但实际上又有一批人已经从简单的服务端渲染走向探索最佳前后端同构方案的路上了。不过，我只是膜拜后者的过客。虽然大家可以去网络搜索一下相关的概念解释，但这里我还是简单列举一下，我理解的术语。 1、前端渲染：浏览器一阅读全文

posted @ 2017-06-15 09:29 拂晓风起-Kenko 阅读(15412) 评论(4) 推荐(2) 编辑

Fiddler 修改返回内容 OnBeforeResponse 无效没用

摘要：Fiddler自定义脚本可以实现很强大的内容替换，包括很有意义的——修改返回内容。具体的方法可以参考官网：http://docs.telerik.com/fiddler/KnowledgeBase/FiddlerScript/ModifyRequestOrResponse 而这里想说的是，官网的说阅读全文

posted @ 2016-12-21 21:07 拂晓风起-Kenko 阅读(9036) 评论(5) 推荐(1) 编辑

整站HTTPS后的跨域请求 CORS是否还有效？

摘要：| 导语手Q马上就要全量https了，很多业务都有跨域ajax请求的需求，原来使用的CORS头在HTTPS环境中还继续能用吗？我搜遍了谷歌、百度，都没看到有明确的答案，那么就自己来尝试一下吧。关于CORS在HTTPS环境下到底效果如何，一直没找到明确的答案。在MDN等网页只能看到CORS是解决H 阅读全文

posted @ 2016-08-19 19:40 拂晓风起-Kenko 阅读(11290) 评论(1) 推荐(1) 编辑

HTML5骨骼动画Demo | 使用min2d、createjs、pixi播放spine动画

摘要：Spine做骨骼动画是比较流行的，使用起来可能相对复杂，但功能毕竟强大，所以市场占有率较大。在unity、cocos2d、starling中使用spine已经很成熟了，而HTML5这一块可能刚刚起步，暂时spine对这一块也没有做得非常完善。整理了一下，找了一些比较好的方法，分享一下。 crea 阅读全文

posted @ 2016-01-27 17:10 拂晓风起-Kenko 阅读(13842) 评论(0) 推荐(1) 编辑

喜大普奔！Fanvas正式对外开源了，一键把Flash转为Canvas动画！移动终端动画开发不再困难。

摘要：http://code.tencent.com/ https://github.com/TencentOpen/Fanvas DEMO: http://kenkozheng.github.io/fanvas/magicEmotion/demo2/ http://kenkozheng.github.i 阅读全文

posted @ 2016-01-13 17:35 拂晓风起-Kenko 阅读(1802) 评论(0) 推荐(0) 编辑

好消息！Html5游戏和动画的福音

摘要：今年基本都淡出了cocos2d-js的开发，更多集中在普通H5应用上，还有自己的Fanvas组件（http://code.tencent.com/），做canvas动画。不过，最近回头一看WebGL的消息，发现两个大好事。一个呢，就是随着大家有钱起来，街上用iPhone 6、6s的人越来越多了，io... 阅读全文

posted @ 2015-12-03 18:31 拂晓风起-Kenko 阅读(1953) 评论(2) 推荐(2) 编辑

nodejs搭配phantomjs highcharts后台生成图表

摘要：简单分享一下，后台使用nodejs结合highcharts、phantomjs生成报表图片的方法。这主要应用在日报邮件。主要参考以下资料：http://www.highcharts.com/component/content/article/2-news/52-serverside-generate... 阅读全文

posted @ 2015-11-12 17:56 拂晓风起-Kenko 阅读(7171) 评论(0) 推荐(1) 编辑

【H5动画】谈谈canvas动画的闪烁问题

摘要：一般来说，在H5开发中，使用canvas往往只是为了展示一些简单的图表或者简单短小的动画，很少考虑到有闪烁的问题。最近，在手机QQ魔法表情的项目中，就遇到了奇葩的闪烁问题。这里说的闪烁，是指动画刚开始播放，突然出现瞬间空白（大概1帧到2帧的时间）。闪烁分析这个魔法表情，实际是html5版本... 阅读全文

posted @ 2015-11-09 18:20 拂晓风起-Kenko 阅读(22374) 评论(5) 推荐(3) 编辑

【HTTP劫持和DNS劫持】实际JS对抗

摘要：1、对于DIV注入的，可以初始化时检查全部html代码。检测是否被劫持比较简单，但对抗就略麻烦，这个在说完第2点之后再解释。2、对于js注入，可以在window监听DOMNodeInserted事件。事件有srcElement，可以获取到刚插入的dom节点。这里开始简单粗暴的做正则匹配，匹配所有u... 阅读全文

posted @ 2015-10-30 18:08 拂晓风起-Kenko 阅读(29618) 评论(6) 推荐(2) 编辑