相关分享
1
喜欢
in
innei.in
/
2024-09-09 23:44
一种在 Electron 和 Web 环境下显示原生及自定义菜单的通用方法
在 Electron 和 Web 环境下如何统一展示原生和自定义菜单？本文提供了通用的解决方案，通过封装组件和调用方法，解决了两种环境下菜单交互不一致的问题。如果你正在开发跨平台应用，这篇文章能为你提供实用的开发技巧！
无图
1
喜欢
zh
www.zhangxinxu.com
/
2024-08-06 07:48
如何用简单的Web方法实现图片的马赛克效果
文章介绍了如何通过简单的Web技术实现图片的马赛克效果。作者主要讨论了使用SVG滤镜来实现此效果，尤其是通过使用像<feFlood>、<feComposite>和<feMorphology>等SVG元素。此外，文章还探讨了通过CSS属性image-rendering: pixelated来模拟马赛克效果的方法，即通过放大小图片来达到效果。文中提供了详细的示例和代码片段来帮助实现这些效果。
无图
1
喜欢
zh
www.zhangxinxu.com
/
2024-03-21 22:53
今天才知道，Web网页也能阻止息屏了
Chrome和Safari浏览器都支持了名为Screen Wake Lock的API，可以设置Web网页打开的状态下，显示器屏幕不会自动休眠。
无图
0
喜欢
zg
zgq.ink
/
2024-01-17 23:20
Web App: 从 HTML 到 Jamstack
Web 领域已发展得十分庞杂，就知识规模来说已不是你我一个人可以穷尽。从 Web 前后端开发角度来看，前端当下正流行着 Next.js、Remix 等 SSR 方案、以及 React 后续继续开发的 Server Component 等等；后端方面则搞出了“云原生”相关的一整套技术生态，各路轮子百花齐放，一不留神就容易沉迷其中而难以自拔。
对于开发者来说，越来越重要的事情也是，放下“穷尽一切”的执念，寻找属于自己的一隅落脚之地。在学习精力、时间有限的背景下，关注点也需要开始区分优先级，关于哪些技术细节值得关注，哪些其实不必花太多时间。
在这寻找落脚之地的旅程中，对事物发展的脉络有一个大致的把握，也变得越来越重要。大致也是需要搞清楚，当前 Web 技术大概发展到了什么样的程度，当下有什么问题正在被解决，哪些技术又可能成为历史包袱被淘汰。
想起我自初中开始接触编程至今，冥冥中伴随着 HTML5 技术从萌芽到成熟的过程，当下 HTML5 已融入我们生活方方面面，乃至于已向客户端开发领域进一步扩展。也许可以就我的所见所想，简单理一理其中经历的一些比较关键的形态，也让我对接下来时间精力大概可以投向的方向有所感知。至于技术细节，网络上有着丰富的资料，这里就不再赘述。
无图
1
喜欢
zh
www.zhangxinxu.com
/
2023-11-29 23:40
剪映APP的视频特效如何在Web中JS实现
视频剪辑软件，无论是桌面端还是手机端，都已经被剪映称霸。其中，有个“特效”的标签页，里面有各式各样的效果。
本文会以pixi.js为基础工具，介绍这里面的特效如何在Web网页中实现。
这里面的特效分为了两种：一种是直接改变当前绘制的滤镜，主要是通过解析.frag后缀的文件后渲染实现，例如模糊，扭曲等效果。另外一种是混合滤镜，专门实现一些氛围特效效果，主要是通过解析MP4视频资源（本质是图片序列），然后使用滤色混合模式实现，例如下雨起雾，烟花绽放等效果。
无图
1
喜欢
zg
zgq.ink
/
2023-11-29 23:36
Web App: 从 HTML 到 Jamstack
Web 领域已发展得十分庞杂，就知识规模来说已不是你我一个人可以穷尽。从 Web 前后端开发角度来看，前端当下正流行着 Next.js、Remix 等 SSR 方案、以及 React 后续继续开发的 Server Component 等等；后端方面则搞出了“云原生”相关的一整套技术生态，各路轮子百花齐放，一不留神就容易沉迷其中而难以自拔。
对于开发者来说，越来越重要的事情也是，放下“穷尽一切”的执念，寻找属于自己的一隅落脚之地。在学习精力、时间有限的背景下，关注点也需要开始区分优先级，关于哪些技术细节值得关注，哪些其实不必花太多时间。
无图
1
喜欢
zh
www.zhangxinxu.com
/
2023-10-30 23:06
聊聊Web网页中资源加载的优先级
通过调整或设置资源加载的优先级或者先后顺序，可以让页面重要的资源优先加载，让不重要的内容之后加载，以提高页面的访问体验。
通过文中的视频比较显示了 Google 机票页面，其中加载了使用和不使用“提取优先级”加载的 LCP 背景图片。将优先级设置为“高”后，LCP 时间从 2.6 秒缩短到 1.9 秒。
无图
1
喜欢
in
insights.thoughtworks.cn
/
2023-08-02 15:14
低碳 Web 实践指南
本文探讨了如何构建低碳 Web 应用来应对气候变化和碳排放问题。文章指出，通过精简压缩 Web 应用、降低数据传输量以及优化应用性能等措施，可以减少碳排放。文章还强调了在软件开发生命周期中落地相关举措的重要性，并提供了一些测试工具和实践经验。
无图
1
喜欢
bl
blog.yuanpei.me
/
2023-07-30 17:29
浅议非典型 Web 应用场景下的身份认证
回想起刚毕业那会儿，因为没有 Web 开发的经验而被人轻视，当年流行的 SSH 全家桶，对我鼓捣 Windows 桌面开发这件事情，投来无限鄙夷的目光，仿佛 Windows 是一种原罪。可时间久了以后，我渐渐意识到，对工程派而言，一切都是工具；而对于学术派而言，一切都是包容。这个世界并不是只有 Web，对吧？所以，这篇博客我想聊聊非典型 Web 应用场景下的身份认证。
无图
1
喜欢
bl
blog.alswl.com
/
2023-04-07 00:37
实用 Web API 规范
当开始创建一个新系统，或参与一个新团队或项目时，都会面临一个简单却深刻的问题：这个系统（Web Server）的 API 是否有设计规范？
这个问题困扰了我很长时间，始于我求学时期，每一次都需要与团队成员进行交流和讨论。从最初的自由风格到后来的 REST，我经常向项目组引用 Github v3 和Foursqure API（已经无法访问，暴露年龄） 文档。然而，在实践过程中，仍然会有一些与实际工作或公司通用规范不匹配的情况，这时候我需要做一些补充工作。最终，我会撰写一个简要的 DEVELOPMENT.md 文档，以描述设计方案。
但我对该文档一直有更多的想法，它还不够完善。因此，我想整理出一份简单（Simple）而实用（Pragmatic）的 Web API 最佳实践，也就是本文。
无图