前端

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富集分析我就不多讲了,有很多现场的工具,如果不是模式生物在,自己计算个超几何分布也能方便的算出富集的结果。一般富集完,我们会得到富集的

(六)redux状态管理

redux 为什么使用Redux: 使用react进行大型项目开发时,需要管理的状态不仅数量很多而且相互共享,一个状态多个组件都要共享使用并且渲染,管理不断变化的 state 非常困难。所以我们需要把 state 进行统一管理,这样才能控制每一个state的变化,让我们的程序可读性更强,出错率更低。 一、什么是Redux? Redux 是一个 JS 库,一个状态容器。 作用: 集中式管理 Reac

Flutter 优化:布局时尽量用 const

一、说明 看到很多 Flutter 构建 UI 时会比较多用到 const,为什么不直接创建实例,而要在前端加一个 const 呢 ? child: const Text('加 const'); VS child: Text('不加 const'); 二、尽量用 const 的理由 当我们调用 setState() 后,Flutter 会调用 build 方法,并且 rebuild 其中

Vue 渲染函数 & JSX

Vue - template Vue 官方推荐使用template语法来创建应用,虽然写法像html,但Vue最终会把template解析为render函数返回虚拟DOM,这点可以在Vue Dev Tools中看到: template渲染流程: 因此在某些特定情况下,我们可以直接使用render函数来实现我们的组件。 示例 根据接口返回的数值level,动态渲染标题组件

Appium 安卓自动化(Appium Inspector)

前言 来啦老铁! 如我在上期文章 Appium 安卓自动化(环境搭建) 中所讲的那样,我打算用几篇文章记录一下手机端自动化测试的探索过程,感兴趣的读者也可以翻翻上期介绍环境搭建的文章。 而今天我们要学习记录的是: Appium Inspector 的使用; Appium Inspector 早期是是 Appium GUI自带的一个元素定位工具,具体入口在 GUI 启动 server 后

几个常用的chrome调试技巧

1. 拖动 dom 元素 选中一个dom元素,通过拖动就可以改变元素的位置。如下图: 2. 选中 dom 元素右键删除元素 选中一个dom元素右键菜单会有很多功能选项,常用的有隐藏、删除元素等。如下图: 3. 在控制台引用选中元素 $0 使用$0可以在控制台引用选中元素,如下图: 4. $_引用上一次的结果 使用$_可以在控制台引用上一次结果,如下图

Astro Islands

Astro Islands代表了前端Web架构的领先范式转变。Astro 将您的 UI 提取到页面上较小的独立组件中。未使用的JavaScript被轻量级HTML取代,保证更快的加载和交互时间(TTI)。 术语“Astro Island”是指HTML的静态页面上的交互式UI组件。一个页面上可以存在多个孤岛,并且一个孤岛始终单独呈现。将它们视为静态、非交互式 HTML 海洋中的岛屿。 im