随笔分类 -  web

上一页 1 2 3 4 5 6 ··· 10 下一页

新版本浏览器跨站cookie 获取问题
摘要：基于react 单页面开发的系统，嵌入到一个iframe 系统中（不同域名）出现了cookie 无法写入的问题 实际上这个是新版本chrome 以及浏览器厂商协定的，核心就是cookie 不安全，我们要限制不安全的 访问，解决方法就是有一套新的规则，参考规则修改系统就好了 跨站cookie 获取问题 阅读全文

posted @ 2021-05-19 12:41 荣锋亮 阅读(636) 评论(0) 推荐(0) 编辑

stream-to-promise stream 2 promise 的npm 包
摘要：好处就是简化callback的处理，以下是关于minio listobjects 的使用 参考代码 pacakge.json { "name": "app", "version": "1.0.0", "main": "index.js", "license": "MIT", "dependencie 阅读全文

posted @ 2021-01-25 23:09 荣锋亮 阅读(159) 评论(0) 推荐(0) 编辑

terminus nodejs应用健康检查&&平滑关闭服务
摘要：以前有介绍过golang 版本的，以下是一个nodejs 版本的，功能还是简单，主要可以方便 平滑关闭服务以及健康检查，是一个挺不错的工具包 参考使用 express const http = require('http'); const express = require('express'); 阅读全文

posted @ 2021-01-24 10:53 荣锋亮 阅读(172) 评论(0) 推荐(0) 编辑

assemblyscript基于typescript 开发WebAssembl
摘要：assemblyscript 可以将typescript 定义的方法编译为WebAssembly，使用比较简单 参考使用 项目初始化 yarn init -y yarn add @assemblyscript/loader yarn add assemblyscript --dev npx asin 阅读全文

posted @ 2021-01-17 22:25 荣锋亮 阅读(460) 评论(0) 推荐(0) 编辑

muzejs 基于webassembly 的高性能数据可视化库
摘要：muzejs 基于webassembly 的高性能数据可视化库，但是不开源，设计很不错，提供了 完整的数据模型处理以及比较完整的文档，同时cube.js 官方又一个基于muzejs开发类似 tableau 可视化的博客，很值得看看 参考资料 https://muzejs.org/docs/wa/la 阅读全文

posted @ 2021-01-17 18:52 荣锋亮 阅读(375) 评论(0) 推荐(0) 编辑

使用har分析web 应用性能
摘要：har 是http 归档文件，使用json 格式进行http 回话的录制&&方便分析 注意har 文件会包含系统的敏感信息，分发的时候注意数据处理 录制方法 查看 方法很多，可以直接基于谷歌浏览器，或者使用一些开源的工具，比如har-viewer，或者谷歌提供的har 分析工具 harviewer 阅读全文

posted @ 2021-01-12 20:53 荣锋亮 阅读(764) 评论(0) 推荐(0) 编辑

api2html go mod 支持以及dockerfile 修改
摘要：api2html 是一个很不错的工具，但是因为时间问题，代码使用go vender 模式，不是很方便，同时构建也不方便 所以调整了下，支持go mod ，而且修改了dockerfile 构建，基于multi stage go mod 生成 很简单使用go mod init 命令就可以了 go mod 阅读全文

posted @ 2020-12-27 12:19 荣锋亮 阅读(291) 评论(0) 推荐(0) 编辑

使用har 分析web 网络请求
摘要：参考使用 生成文件 查看 可以通过chrome，或者有一些在线的工具 效果（就是一个离线的web 请求状态） 参考资料 https://github.com/janodvarko/harviewer https://github.com/ericduran/chromeHAR https://en. 阅读全文

posted @ 2020-12-26 19:58 荣锋亮 阅读(299) 评论(0) 推荐(0) 编辑

web pdf 预览的几个方案
摘要：部分内容来自medium，发现别人整理的，主要是记录下 使用embed 标签 不太推荐，因为浏览器兼容的问题 使用方法 <embed src="<path for pdf>" type="application/pdf" ></embed> a 标签链接 使用链接的让浏览器自己处理 参考 <a hr 阅读全文

posted @ 2020-12-09 11:38 荣锋亮 阅读(475) 评论(0) 推荐(0) 编辑

flamescope + chrome cpu profile 分析web 性能
摘要：flamescope 也是支持chrome cpu profile 的火焰图的，以下是一个简单的试用 chrome cpu profile 测试的taobao的网站 开启js cpu profile 运行 停止保存 进行一些操作之后停止保存 准备flamescope 环境 docker-compos 阅读全文

posted @ 2020-12-06 13:13 荣锋亮 阅读(392) 评论(0) 推荐(0) 编辑

一些ui 设计语言
摘要：记录一些开源的不错的ui 设计语言 ant-design 很不错，使用的企业很多，包含了通用的以及移动端的 clarity vmware 开源的，harbor以及vmware的好多产品的ui开发都是基于此的 Semantic-UI 很不错的 bootstrap 比较老牌的 bulma 更多是一个cs 阅读全文

posted @ 2020-11-04 09:11 荣锋亮 阅读(570) 评论(0) 推荐(0) 编辑

Luckysheet 国内企业开源的很不错的web excel 项目
摘要：Luckysheet 是由国内企业开源的web excel 项目，功能真的很强大，而且我们可以方便的集成到我们的web应用中 参考资料 https://github.com/mengshukeji/Luckysheet 阅读全文

posted @ 2020-10-19 09:17 荣锋亮 阅读(1801) 评论(0) 推荐(0) 编辑

token模式请求图片资源
摘要：场景很简单，主要是接口需要认证包括图片，但是使用了前后端分离的模式，所以直接基于src模式指定图片是有问题的（权限） 解决方法 认证模式使用cookie 但是在现有的设计中不太合理，也比较费事，因为使用了spring cloud 认证在gateway 重新请求指定src图片数据 理论上肯定不能基于h 阅读全文

posted @ 2020-09-29 20:19 荣锋亮 阅读(2208) 评论(0) 推荐(0) 编辑

openresty+pdf.js 实现一个通用的pdf预览服务
摘要：pdf.js 是日常使用比较多的一个web端pdf预览方案，因为默认有一些安全策略（同源，但是也可以基于cors 解决） 所以为了简单基于nginx 的代理集成pdf.js 这样可以比较灵活的解决跨域以及静态资源的问题，同时也集成了nginx的 cache 方便对于pdf文件cache加速pdf 的 阅读全文

posted @ 2020-09-18 19:26 荣锋亮 阅读(960) 评论(0) 推荐(1) 编辑

bulma 基于flexbox 的css框架
摘要：bulma 是一个基于flexbox 的css 框架，从github 的start来说，是一个很不错的框架，是很值得使用的。 以前我们选择的布局框架可能是bootstrap 参考资料 https://bulma.io/alternative-to-bootstrap/ https://github. 阅读全文

posted @ 2020-09-13 22:21 荣锋亮 阅读(290) 评论(0) 推荐(0) 编辑

web开发 api 资源跨域的一种实践
摘要：问题很简单，就是请求接口的跨域，解决方法很多，以下是一个参考玩法，比较符合大家日常的开发模式 参考图 简单说明 都是基于proxy 模式的，这样保障本地以及生产是一致的，同时规避各种api接口访问域名变动的问题，本地基于构建工具提供的 比如webpack 以及parcel。。。，生产基于nginx 阅读全文

posted @ 2020-08-30 10:47 荣锋亮 阅读(238) 评论(0) 推荐(0) 编辑

jsonx 基于json 创建react 组件
摘要：jsonx 是一个不错的工具包，我们可以用来方便的创建react 的组件，是不个很不错就有json 开发web引用的选择工具 一个demo 具体index.web.js可以在官方的dist 目录找到 <!DOCTYPE html> <html lang="en"> <head> <meta char 阅读全文

posted @ 2020-07-25 14:49 荣锋亮 阅读(582) 评论(0) 推荐(0) 编辑

几个不错的web资源inlines npm包
摘要：资源inlines很多是否可以方便数据的分发以及管理，以下是几个不错的选择 juice 一个方便的css inlines 方案，很不错，支持的配置参数也比较多 参考https://github.com/Automattic/juice web-resource-inliner 相比上边的就更强大了， 阅读全文

posted @ 2020-06-11 13:14 荣锋亮 阅读(260) 评论(0) 推荐(0) 编辑

几个不错的开源formbuilder
摘要：比较新的还在更新的 unform https://github.com/Rocketseat/unform formik https://github.com/jaredpalmer/formik uniforms https://github.com/vazco/uniforms form-ren 阅读全文

posted @ 2020-04-15 09:38 荣锋亮 阅读(2934) 评论(0) 推荐(0) 编辑

comlink 是来自google chrome 团队的简化webwokers 开发的类库
摘要：comlink 可以帮助我们简单webworkers 的开发，同时很小（1.1kb），具体使用我们可以看下面 一张图 说明 comlink 使用起来也比较方便，官方也提供了完整的api 文档 参考资料 https://github.com/GoogleChromeLabs/comlink 阅读全文

posted @ 2019-06-05 13:45 荣锋亮 阅读(843) 评论(0) 推荐(0) 编辑

上一页 1 2 3 4 5 6 ··· 10 下一页

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示