前端

五种常用的web加密算法

文章目录 五种常用Web加密算法实战及原理详解 1. AES (高级加密标准) 原理详解 应用场景 实战代码(Node.js) 2. RSA (非对称加密) 原理详解 应用场景 实战代码(Node.js) 3. SHA-256 (安全哈希算法) 原理详解 应用场景 实战代码(浏

一文搞懂前端跨页面通信的那些方案们

前端开发逃避不开跨页面通信这项工作,跨页面通信,就好比A页面要和B页面说话,可能只是说一句话,不需要回话,可能是要给一些东西,希望得到回复,并频繁进行沟通,接下来我们说说这些跨页面通信的方案们,希望对你有所帮助。 目录1 页面传参2 页面路由传参3 后端接口做为中转

CSS3渐变 阴影 遮罩

1. CSS3渐变 渐变: 有规律的渐渐变化,在前端中通常指颜色的变化的实现方式. 通常使用在所有接受图像的属性上.(替代图片),意义是创建一张图片 gradient可以应用在所有接受图像的属性上 1.1 分类: 线性渐变(linear-gradient)变化的方向是一条直线 径向渐变(radial-gradient)变化的方向是从圆心向四周运动运动 1.2. 线性渐变 (linear-gr

解决element的Table表格组件的高度自适应问题

解决element的Table表格组件的高度问题( height只能是数字或者字符串 ),实现height: calc(100vh - 200px) 的效果 方式一: 注:也可直接将el-table的height属性绑定为字符串:calc(100vh - 200px) 实现为同样的效果, 200 是顶部和底部导航以及部分自定义布局 ;例:(这里使用了rem,一样的道理) 方式二:通过

ofd.js 预览,网上贴的都是垃圾!!

注意:两种方式!!!!!!!!!!!! 注意注意asm模块需要初始化,函数onWebassemblyRuntimeInitialized需要先调用执行 1、直接调用openOFDBaseViewer ,用于超过100页的,1页也可以,有加载动画 onWebassemblyRuntimeInitialized(() => { openOFDBaseVi

初识 Flutter 的绘图组件 — CustomPaint

简介 在有些场景中,我们会需要绘制一些高度定制化的组件,比如 UI 设计师给我们出了个难题 —— 弄一个奇形怪状的边框。看在 UI 设计师是一个漂亮小姐姐的份上,又不好意思说这个做不了(那样也很没面子😂)。这个时候我们就不能直接使用 Flutter 自带的那些组件了,而是需要手动绘制组件,那就会需要用到 CuntomPaint 组件。CustomPaint 组件和前端的 Canvas差不多,允许我

jsonp 原理和使用

原理 主要就是利用了 script 标签的src没有跨域限制来完成的。 执行的过程 (1)前端定义一个解析函数,例如 jsonpCallback=function(res){} (2)通过params的形式包装script的请求参数,并且声明执行函数(如 cb=jsonpCallback) (3)后端获取到前端声明的执行函数(jsonpCallback),并以携带参数并且调用执行函数的方式传递给前

在Vue中获取DOM元素的实际宽高

最近使用 D3.js 开发可视化图表,因为移动端做了 rem 适配,所以需要动态计算获取图表容器的宽高,其中涉及到一些原生DOM API的使用,避免遗忘这里总结一下。 Vue && DOM 一、获取元素 在 Vue 中可以使用 ref 来获取一个真实的 DOM 元素。 为了保险起见,所有的 DOM 操作建议都放在 $nextTick() 方法中。 <templat

iOS 16锁屏小组件怎么能动起来?

        iOS16系统出来后,迫切的升级了!体验了下新的锁屏小组件,还下载了些做组件的APP,相对于14上的屏幕组件使用感受略失望,能自定义的地方太少,功能也太少了。          唯一感觉眼前一动的是有些App做的组件可以动,因为在14组件出现后自己写专门写了简单的demo,发现小组件不支持动画,动图等动态效果,所以感觉能动起来就很奇特,我试了些方法,最终发现,臣妾完全做不到啊。 所

【R画图学习3.1】富集气泡图

做生信中,最常做的一个工作就是富集分析,例如GO/Pathway富集分析等,而GO/Pathway分析富集的结果目前来说常用气泡图来展示,当然也有人用bar图等,但是相对来说个人还是觉得气泡图好看点。今天包括后面几个帖子我们就学习气泡图的画法。 GO/Pathway富集分析我就不多讲了,有很多现场的工具,如果不是模式生物在,自己计算个超几何分布也能方便的算出富集的结果。一般富集完,我们会得到富集的