前端

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"

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

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

vue生命周期

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

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

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

玩转MCP第一弹|手把手教你将 Figma 设计稿转化为前端代码

资料来源:火山引擎-开发者社区 明明听说 Trae 的 的模型上下文协议(MCP) 功能超实用,却陷入 “不知从何下手” 的迷茫?别担心!我们将开启 “玩转 MCP” 的系列内容,手把手教你使用 Trae IDE 借助 MCP 轻松实现多样化的开发需求! 本期,我们将

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

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

vite vue3 config配置篇

关于vite初始化项目参考自 配置基于自生产上线项目所使用配置 vite.config.js 导入模块内容 import { defineConfig } from 'vite' #vite配置 import vue from '@vitejs/plugin-vue' #vue import vueJsx from '@vitejs/plugin-vue-js

vue3+ts项目中使用mockjs

前后端分离的开发模式,前端需要向后端请求数据(ajax请求),但实际开发过程中,前后端会约定一份接口文档,但前后端开发进度并不一致,当后端没有完善接口功能时,前端需要在本地模拟数据返回,此时需要使用到mockjs。 安装mock npm install mockjs --save-dev 创建mock文件夹 mock下创建index.ts、types.ts 以及你需要使用到的模块的.ts文件。

7.23

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