Logo

分类:web

27 篇文章

redux It's just... shit. but reduxjs/toolkit 真香

redux_toolkit这是一个使用 redux_toolkit 案例,同步异步处理,我觉得没必要究竟那些理论,API,就多写写就好了。三个分支main 代表 初始化 store同步异步...

JavaScript 单行代码

数组删除重复性,而不必对数组进行排序,循环遍历它const arr = [1,2,3,4,5,3,1,2,5];const newArr = [ new Set(arr)]反转字符串,您可以使用 split revere JSONconst str = "Angel eyes";...

网站架构

现代化架构拆分不同模块处理不同的功能,互相之间配合起来组成完整的功能,这就叫 “微服务”。数据库拆分分成专门用内存读写数据的缓存数据库处理结构化数据的关系数据库非结构化数据的文档数据库处理实时统计的分析数据库时空数据库,AI向量数据库它们用来处理不同类型的数据,组合起来提供完整的数据功能拆分的好处就...

Web 应用程序清单

Web 应用程序清单是一个 JSON 文件,它告诉浏览器有关您的渐进式 Web 应用程序的信息,以及它在安装到用户的桌面或移动设备上时的行为方式。典型的清单文件包括应用程序名称、应用程序应使用的图标以及应用程序启动时应打开的 URL 等。这玩意我就没看到谁做过呃如何编写manifest.json 文...

web优化

确保文本在网页字体加载期间保持可见状态font表单元素不具备关联的标签表单标题元素未按降序显示标题video 元素包含带 [kind=“captions”] 的 track 元素video请确保 CSP 能够有效地抵御 XSS 攻击xss没有为地址栏设置主题背景颜色。color清单不含可遮罩的图标N...

停止过度设计你的 CSS

:想要停止过度设计CSS,可能得先过度射击老板🙃🙃🙃🙃🙃🙃🙃🙃🙃🙃🙃🙃🙃🙃🙃🙃🙃...

为什么要用 Next.js & 部署

Next.js 的理论知识,因为拿着就开用,真的太好上手了,所以补一点理论知识,学习最好的方式就是看文档。要从头开始使用 React 构建一个完整的 Web 应用程序,需要考虑许多重要的细节:必须使用打包程序(例如 webpack)打包代码,并使用 Babel 等编译器进行代码转换。你需要针对生产环...

WebGPU

WebGPU APIwebgpu在图形和机器学习工作负载中释放巨大的性能提升。Webgl它允许网络程序利用 gpus ,Webgl 已经在网络上实现从谷歌地球交互式,音乐视频,到 3D房地产演练等。某些硬件从 webgl 移动到 webGPU 时,各种硬件的性能提高了三倍WebGPU是 Webgl ...

navigator.getUserMedia

手机火狐谷歌无法获取navigator.getUserMedia解决办法:在真机调试浏览器环境中输入如果返回 “undefined” 则 2navigator.getUserMedia使用 HTTPS or 客户端浏览器手动指定域名安全chrome://flags/#unsafely-treat-i...

获取你的网站或者你的网络应用程序的任何用户位置

不需要使用库,或者 API 接口,纯 JS。const findState = () =>{ const succes = (position) =>{ console.log(position) } const error =(err)=>{ co...