前端

vue生命周期

1.什么是 vue 生命周期?有什么作用? Vue 实例有⼀个完整的⽣命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程,称这是Vue的⽣命周期。 各个生命周期作用 beforeCreate(创建前) :组件实例被创建之初,组件的属性生效之前 created(创建后) :组件实例已经完全创建,属性也绑定,但真实 dom 还

判断iframe链接页面 服务器状态

项目要求: 通过按钮点击事件,使用iframe来显示不同的内容(跨域)。 问题: iframe链接内容的服务器未开启的时候,页面显示404, 用户体验太差。 要求: 服务器未开启的时候,显示页面需要友好。 解决办法:通过计算iframe的加载内容的时间,做超时判断,如果5s内未加载完成,就认为此时iframe链接的服务器未开启; 未开启的情况下,给iframe上层覆盖个div(内容自定义)。这样既

js实现滚动触底加载事件

一、html和css 可视区固定500px,设置overflow-y: auto 来实现滚动。 1.1、html <template> <div class="scroll" ref='scroll' @scroll="onScroll"> <div class="crad" v-for="i in 10"

react hooks父组件调用子组件方法

想要在 React Hooks 父组件中调用子组件的某个方法,可以通过使用 useRef 钩子和 forwardRef 方法来实现此功能。下面是一些简单的示例代码 子组件 子组件中,需要使用 forwardRef 方法将子组件向父组件暴露出一个 ref 属性,从而在父组件中可以获取子组件的引用 const ChildComponent = React.forwardRef((props, ref)

HTTP Cookie深入解析:Web会话追踪的秘密

🍑个人主页:Jupiter. 🚀 所属专栏:Linux从入门到进阶 欢迎大家点赞收藏评论😊 目录 ` HTTP Cookie` `定义` `工作原理` `分类` `安全性` `用途&#

7.23

今天感觉很累,早上起来脑袋昏沉昏沉的,很懵很懵,下午也是。自习的一天,复习了昨天的知识点,今天又看了新的内容。 1.通过css进行三角形的制作。本质上来说就是对高度和宽度为0的盒子设置边框,再对部分边框颜色透明显示,就可以生成三角形。 放一个示例图。 小三角制作 还有三角强化,本质上都是一样的,通过设置边框进行显示。以下代码。 .box {      width: 0px;   

JQuery 拦截请求 | Ajax 请求拦截,在请求发出前进行操作

在某些情况下,我们需要拦截一部分 ajax 请求,比如在初始化文件中加上了非全局使用的请求,导致在不需要这些请求的页面也会进行请求,导致响应速度变慢。 而把这些请求从初始化文件中提取出来放到对应的页面代价太大,则可以在不需要这些请求的页面进行拦截。 拦截请求可以使用 Jquery 中的 ajaxSetup() 函数。 具体操作步骤如下: 在浏览器开发者工具中查看对应页面的请求调用链 im

转转用例平台系列 - 脑图组件2.0

原文链接 前言 转转用例平台V5.0已经在内部发布使用。在这个版本里面: 接入了自动化用例平台,融入用例脑图。 重构了脑图组件。全新视图和交互,让页面更简约,更高效。 脑图组件2.0已开源至 NPM ,组件使用文档:zz-mind-react ,欢迎大家体验和使用。 这篇文章将主要介绍脑图组件2.0 一、组件介绍 1. 预览 升级前 不支持导出、页面菜单过于臃肿、节点操作很繁琐; 不

受力作用的粒子系统

书名:代码本色:用编程模拟自然系统 作者:Daniel Shiffman 译者:周晗彬 ISBN:978-7-115-36947-5 目录 4.11 受力作用的粒子系统 1、受力作用的粒子系统   以上粒子类(Particle)中的加速度是一个常量,它从来不会发生变化。然而,一个更好的模拟框架应该遵循牛顿第二定律(F = M * A),并能将第2章中力的累加算法作用在粒子上,下面就让我实现这样