windrainpy的博客

背景：最近在开发一些产品经常用到iframe这个古老的标签（由于公司许多产品都存在功能耦合），当被嵌入的站点使用到clipboard api的地方功能无效，还有用到camera microphone 相关api时，刷新后音视频的声音无法自动播放，等等嵌入式使用时的功能无效问题，原来问题的来源是feature policy策略。概念Web提供的功能和API如果被滥用，可能会带来隐私或安全风险。在某些情况下，您可能希望严格限制在网站上使用此类功能的方式。特征策略提供一种机制去声明哪些功能（web api

概念（摘自https://zh-hans.single-spa.js.org/docs/microfrontends-concept）微前端是指存在于浏览器中的微服务。微前端作为用户界面的一部分，通常由许多组件组成，并使用类似于React、Vue和Angular等框架来渲染组件。每个微前端可以由不同的团队进行管理，并可以自主选择框架。虽然在迁移或测试时可以添加额外的框架，出于实用性考虑，建议只使用一种框架。每个微前端都拥有独立的git仓库、package.json和构建工具配置。因此，每个微前端都

序言随着websocket、webAudio，Ajax2等广泛应用，前端方面只要是处理大数据 或 想提供数据处理性能，那就少不了 ArrayBuffer 对象。同时在浏览器中处理二进制数据的需求在不断增加，有时需要字节数组、8位、16位、32位整型数组，有必要对JS中处理二进制的知识做一次梳理。应用场景操作用户选中的本地二进制文件，需要用二进制流的方式上传到服务端。保存快照 HTML 文件。JS拿到的只是HTML源码长字符串，需要生成二进制流上传到服务端。（其中涉及到 base64 和 enc

什么是编程思维，这是个很难解释清楚的问题。编程思维，是相对传统思维，是尤其特殊性的。在网上搜了一波，结合自己的理解，有以下总结。设计思维。比如设计一个软件小游戏，需要先做设计，在脑中搭建架构，这种高屋建瓴统筹规划全局的思维几乎在任何的学习、工作项目中都要用到；抽象思维跟设计思维类似。编程思维出现的最终的目的仍然是提供一种抽象方法来解决现实中的问题，问题本身的复杂程度往往取决于抽象的种 类...

原则上，判断标准就是以下2个：你的应用需要提供给多个用户同时交流吗？你的应用需要展示服务器端经常变动的数据吗？以下是一些典型的应用场景：社交 / 订阅比如微信朋友圈的实时更新提醒、点赞或评论的红点通知，比如qq的特别关注人的动态提醒，比如聊天信息的实时同步，比如新闻客户端的订阅通知等等。多玩家游戏对于在线实时的多人游戏，互动效率是非常重要的，你可不想在扣动扳机之后，你的...

weex、RN还是Flutter？聊聊阿里跨平台开发框架选型思路APP混合式开发、跨平台、跨终端开发流行的当下，如何选择一种适合自己的跨端开发技术呢？多平台的开发增加的额外成本到底是多少？ 在整个研发生命周期中的占比是多少？ 跨平台的开发框架能多大程度上解决这个问题？这个问题回答清楚了，我们才能明确适合自己的跨平台开发框架应该具备哪些特征，这个跨平台框架在一个 App 应用中的使用范围是多...

PWA 优势PWA 都很可靠（即时加载，无需连接互联网即可工作）速度飞快（流畅的动画，对用户交互的快速响应）并能提供吸引人的体验（类似原生应用的感受，出色的用户体验）可以从浏览器添加到用户的主屏幕支持网络推送通知以增强用户参与度利用谷歌的 Lighthouse 功能VS Code 必备插件JavaScript code snippets?npmPrettier?C...

原文：https://mp.weixin.qq.com/s/K34OrDkRtkrLxluMZjCanw对于前端技术，大厂的关注点和小厂的关注点可能不同。但大厂的声音更容易得到传播和放大，从而引领者业界的技术热点和方向。但是，大厂的方向不一定是小厂的方向啊！所以小厂的CTO应该如何规划公司的技术发展就非常值得商榷了。比如：小前端，大中台。这些东西对于大厂非常重要，可以有效减少不必...

原文：https://mp.weixin.qq.com/s/3pxBcvfq3SGc2vi_3fGaVATypeScript 虽好但前端终与语言无关。typescript 只是解决JavaScript的弱类型的缺点，减少代码出错和协作出错的问题。短时间内会维持它的地位，知道 WebAssembly 的潜能被全面释放出来，到时候前端开发的人机交互界面不再仅仅是 JavaScript 了，而...