前端

判断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"

vue生命周期

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

iOS开发 image背景图片拉伸问题

前言(如果是imageView的图片拉伸问题,可直接看文章结尾,OC和Swift) 在开发中聊天、按钮等背景图片,UI设计师可以仅设计其边框样式,然后通过代码就行处理,以适应聊天文字的大小或按钮的大小。这样不仅可以使安装包更轻巧而且可以更灵活的使用图片; 运行图片.png 方法一: 即将弃用方法 这个函数是UIImage的一个实例函数,它的功能是创建一个内容可拉伸,而边角不拉伸的图片,

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

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

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

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

7.23

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

jQuery已“死”?为清除技术债,我们删掉了前端所有jQuery依赖

近期,英国公共部门信息网站 GOV.UK 前端开发主管 Matt Hobbs 宣布该公司删除了 jQuery 作为所有前端应用程序的依赖项,这意味着“在所有 13 个 FE 应用程序中,JS 大小减少了 32 KB(31% ~49% 之间)”。 图片 一些关键指标得到优化 Matt 也在推特上分享了几组数据,说明了在删除 jQuery 后一些关键指标得到了优化。 移除页面标签限制并查看所有页面 R

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

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