创建自定义的 Angular 模块 在之前的一篇文章中,我们知道,从组件的角度看,一个 Angular 应用可以看作是按树形结构组织的组件集合。组件树的根结点,是主组件,作为全局组件的占位符,可以包含其他功能组件及其子组件。 在 Angular 应用中,一个组件会承担一个应用功能的一部分职责。换句话说,一个应用功能会分解为若干个组件共同去完成。基于组件去管理 Angular 应用,如果业务复杂,组件过多,粒度会显得过细,难于管理。 前端 2025年06月26日 94 点赞 0 评论 13651 浏览
Vue WanAndroid项目 基于Vue 搭建的WanAndroid项目 供参考 项目中API均来源于:www.wanandroid.com 项目运行: 1.克隆项目至本地 2.npm install 3.npm run dev 项目架构: Vue版本: V2.5.2 UI:html5 + css3 + vant2 列表刷新:vuejs-loadmore 网络请求: axios 数据持久化:js-cookie 屏幕适配:f 前端 2025年05月16日 59 点赞 0 评论 13551 浏览
3. CSS预处理器Less、Scss 1. CSS编写的痛点 CSS作为一种样式语言, 本身用来给HTML元素添加样式是没有问题的. 但是目前前端项目已经越来越复杂, 不再是简简单单的几行CSS就可以搞定的, 我们需要几千行甚至上万行的CSS来完成页面的美化工作. 随着代码量的增加, 必然会造成很多的编写不便: 比如大量的重复代码, 虽然可以用类来勉强管理和抽取, 但是使用起来依然不方便; 比如无法定义变量(当然目前已经支持), 前端 2025年04月19日 85 点赞 0 评论 13534 浏览
哪些标签存在伪元素,伪类和伪元素的区别 存在伪元素的标签: 1、大部分容器标签(大部分双标签)都有伪元素 iframe没有伪元素 2、大部分单标签都没有伪元素,但是img有伪元素 伪元素简介: 1、伪元素既然带一个“元素”,说明它和 p ,a ,h1 等一样,可以包裹住页面的一部分内容并对其中的内容施加一定的影响。我们可以通过样式表给其书写样式 2、伪元素既然还带一个“伪”,说明它其实在 DOM 树中并不存在,只是逻辑上存在所以我们抽象 前端 2024年11月07日 51 点赞 0 评论 13530 浏览
前端界面生成PDF并导出下载 最近,公司后台管理系统有个项目需求,将前端定义好的界面导出PDF文档。我查阅很多文档,发现可以使用html2canvas、jspdf来完成。也可以通过jspdf来绘画PDF文档 思路: 通过 html2canvas 将 HTML 页面转换成图片,然后再通过 jspdf 将图片的 base64 生成为 pdf 文件 1、安装 npm install html2canvas --save np 前端 2025年07月04日 143 点赞 0 评论 13522 浏览
React-Ref 1. React中获取元素的方式 原生DOM(不推荐) 通过ref获取(推荐) 字符串 对象 回调函数 #gatsby-focus-wrapper 原生DOM获取元素(不推荐) 非常非常不推荐,因为这种情况是通过拿到真实DOM,而react创建元素大多数时候是通过虚拟DOM创建的 前端 2025年07月30日 50 点赞 0 评论 13482 浏览
Vue模板里有哪些语法 在这里,我们说模板就是特指表示HTML结构的字符串,英文来说就是 template 一、展示内容 1、表达式 {{ object.a }} // 表达式 {{ n+1 }} // 可以写任何运算 {{ fn(n) }} // 可以调用函数 (一般在methods里面找到函数且调用) 如果值为 undefined 或 null 就不显示,这是经过Vue处理的 另一种写法为 <div v- 前端 2025年03月22日 85 点赞 0 评论 13447 浏览
mangosteen day 4 swr原理 当我们要判断是否用户是否登录 使用到SWR 意为 stale-while-reavalidate 这是一个库 意为当用户数据过期将重新发起请求获得最新数据 步骤:首先从缓存中返回显示的是过期的数据,同时会发起fetch请求(重新认证),最后获得最新数据 与zustand进行类比 所有远程的数据(http请求的数据)都缓存到swr中,其余的数据存储到zustand即可 当我们在使用swr发送 前端 2025年05月24日 136 点赞 0 评论 13389 浏览
【GitHub周榜】Agno:快速构建多模态智能体的轻量级框架,开发提速 10000 倍 系列篇章💥 No. 文章 1 【GitHub周榜】OpenHands:AI赋能,软件开发效率狂飙10倍 2 【GitHub周榜】Agno:快速构建多模态智能体的轻量级框架,开发提速 10000 倍 目录 系列篇章💥 前言 一、项目概述:轻量级框架,开启智 前端 2025年04月17日 84 点赞 0 评论 13367 浏览
前端学习日记 - 前端函数防抖详解 前端函数防抖详解 为什么使用防抖 函数防抖的应用场景 函数防抖原理与手写实现 原理 手写实现 使用 Lodash 的 \_.debounce 完整示例:防抖搜索组件 结语 在现代 Web 应用中,函数防抖(debounce)是一种常见且高效的性能优化手段,用于限制高频事件触发下的函数调用次数 前端 2025年08月26日 166 点赞 0 评论 13328 浏览