前端

前端实战:基于Vue3与免费满血版DeepSeek实现无限滚动+懒加载+瀑布流模块及优化策略

目录前端实战:基于Vue3与免费满血版DeepSeek实现无限滚动+懒加载+瀑布流模块及优化策略一、前言二、如何使用腾讯云免费满血版deepseek1、腾讯云大模型知识引擎体验中心2、体验deepseek联网助手3、人机交互获取AI支持三、基于DeepSeek实现无限滚动+懒加载+瀑布流模块1、无限滚动+懒加载+瀑布流模块的底层逻辑2、

哪些标签存在伪元素,伪类和伪元素的区别

存在伪元素的标签: 1、大部分容器标签(大部分双标签)都有伪元素 iframe没有伪元素 2、大部分单标签都没有伪元素,但是img有伪元素 伪元素简介: 1、伪元素既然带一个“元素”,说明它和 p ,a ,h1 等一样,可以包裹住页面的一部分内容并对其中的内容施加一定的影响。我们可以通过样式表给其书写样式 2、伪元素既然还带一个“伪”,说明它其实在 DOM 树中并不存在,只是逻辑上存在所以我们抽象

组件分享之后端组件——用于社交和实时游戏和应用程序的分布式服务器nakama

组件分享之后端组件——用于社交和实时游戏和应用程序的分布式服务器nakama 背景 近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。 组件基本信息 组件:nakama 开源协议:Apache-2.0 License 内容 本节继续分享游戏相关的开发组件nakama,它是

小程序支持Scss

第一步:从 VSCode 中下载插件 Live Sass Compiler 第二步:打开 小程序的 扩展,然后导入 VSCode 打开扩展 选择导入 vscode扩展 第三步:新建 .vscode 文件夹,其中创建 settings.json 文件 新建文件并写代码 { "liveSassCompile.settings.formats": [

在Vue中获取DOM元素的实际宽高

最近使用 D3.js 开发可视化图表,因为移动端做了 rem 适配,所以需要动态计算获取图表容器的宽高,其中涉及到一些原生DOM API的使用,避免遗忘这里总结一下。 Vue && DOM 一、获取元素 在 Vue 中可以使用 ref 来获取一个真实的 DOM 元素。 为了保险起见,所有的 DOM 操作建议都放在 $nextTick() 方法中。 <templat

3种前端文件下载的方式

前端下载有两类,一类是直接让浏览器接管的(点击a链接触发),另一类是先在内存里下载好(blob),然后调用浏览器的保存。 1.window.open 我最初使用的方法就是这个,只要提供了文件的服务器地址,使用window.open也就是在新窗口打开,这时浏览器会自动执行下载。 2.a标签 其实window.open和a标签是一样的,只是a标签是要用户点击触发,而window.open可以主动触发

前端限制打包文件数量

前言: 之前有过这样的项目经历:我们写的程序是前端打包给后端,后端再打包成jar包上传到甲方的云市场,使用就在云市场里点击应用打开。 当时甲方云市场做了一次升级,但是没有给我们这边说,直到后面整个系统不能用了,然后给我们反馈了:“你们系统进入页面的时候请求了太多静态资源,导致我们系统直接认定是网络攻击,直接挂掉了”。然后我就去看了一下,前端项目的打包文件,其中js文件和css文件最多,为了性能,对

初识 Flutter 的绘图组件 — CustomPaint

简介 在有些场景中,我们会需要绘制一些高度定制化的组件,比如 UI 设计师给我们出了个难题 —— 弄一个奇形怪状的边框。看在 UI 设计师是一个漂亮小姐姐的份上,又不好意思说这个做不了(那样也很没面子😂)。这个时候我们就不能直接使用 Flutter 自带的那些组件了,而是需要手动绘制组件,那就会需要用到 CuntomPaint 组件。CustomPaint 组件和前端的 Canvas差不多,允许我

Flutter 优化:布局时尽量用 const

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