前端

3种前端文件下载的方式

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

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

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

小程序支持Scss

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

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

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

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

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

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

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

Vue模板里有哪些语法

在这里,我们说模板就是特指表示HTML结构的字符串,英文来说就是 template 一、展示内容 1、表达式 {{ object.a }} // 表达式 {{ n+1 }} // 可以写任何运算 {{ fn(n) }} // 可以调用函数 (一般在methods里面找到函数且调用) 如果值为 undefined 或 null 就不显示,这是经过Vue处理的 另一种写法为 <div v-

3. CSS预处理器Less、Scss

1. CSS编写的痛点 CSS作为一种样式语言, 本身用来给HTML元素添加样式是没有问题的. 但是目前前端项目已经越来越复杂, 不再是简简单单的几行CSS就可以搞定的, 我们需要几千行甚至上万行的CSS来完成页面的美化工作. 随着代码量的增加, 必然会造成很多的编写不便: 比如大量的重复代码, 虽然可以用类来勉强管理和抽取, 但是使用起来依然不方便; 比如无法定义变量(当然目前已经支持),