前端
  1. 首页
  2. IT互联网
  3. 前端

列表

Vite3 + Svelte3使用@import导入scss样式

Vite3 + Svelte3使用@import导入scss样式

近年来，前端技术日新月异，Vite、Vue3、Svelte、SolidJS 等框架工具大放异彩，身为一个前端开发，总感觉一刻不学习就要out了。最近使用 Vite3 + Svelte3 来构建封装自定义的 Web Components ，开始了艰难的爬坑之旅，本文记录一下：Vite3 + Svelte3配置 Sass 预处理器，在 Svelte 单文件组件中使用 @import 导入 scss 样
前端 2025年05月21日
第三十二节:Vue路由: Vue-router基本配置与使用

第三十二节:Vue路由: Vue-router基本配置与使用

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌. 1. Vue路由的安装和配置 1.1 安装vue路由 npm install vue-router --save-dev 2.2 配置vue路由 // 1\. 导入路由并使用 import Vue from 'vue' // 导入vuerouter import
前端 2025年05月21日
vue3与react、 react hooks

vue3与react、 react hooks

一、Vue3新特性：setup、ref、reactive、computed、watch、watchEffect函数、生命周期钩子、自定义hooks函数、toRef和toRefs、shallowReactive 与 shallowRef、readonly 与 shallowReadonly、toRaw 与 markRaw、customRef、provide 与 inject、Fragment、Tel
前端 2025年05月21日
Android 组件化神器之Arouter

Android 组件化神器之Arouter

组件化项目存在各个模块之间耦合,通信麻烦的问题 ,,为了解决这个问题,阿里巴巴的开发者就搞出了Arouter这个框架,以解决上述问题. Arouter 支持模块间的路由、通信、解耦 1.依赖和配置 1.1 Java 环境配置方案 android { compileSdkVersion = 30 buildToolsVersion = "30.0.3" defaultCon
前端 2025年05月21日
05：异步加载 JS 的方法

05：异步加载 JS 的方法

defer：只支持 IE 如果您的脚本不会改变文档的内容，可将 defer 属性加入到 <script> 标签中，以便加快处理文档的速度。因为浏览器知道它将能够安全地读取文档的剩余部分而不用执行脚本，它将推迟对脚本的解释，直到文档已经显示给用户为止。 async，HTML5 属性仅适用于外部脚本，并且如果在 IE 中，同时存在 defer 和 async，那么 defer 的优先级比较
前端 2025年05月20日
整合代码：一个简单的交互式弹簧

整合代码：一个简单的交互式弹簧

书名：代码本色：用编程模拟自然系统 作者：Daniel Shiffman 译者：周晗彬 ISBN：978-7-115-36947-5 目录 5.17　整合代码：一个简单的交互式弹簧 对于Box2D，手动设置物体的位置会破坏物理模拟。在toxiclibs中并不存在这样的问题。如果要移动粒子的位置，我们可以直接设置它的x坐标和y坐标。但在设置之前，我们最好先调用lock()函数。 lock()函
前端 2025年05月20日
认识HTML结构的基本标签

认识HTML结构的基本标签

1. < !DOCTYPE > 定义：定义⽂档类型。告诉浏览器渲染⻚⾯的规则。 DOC: document ⽂档。 TYPE：类型 说明：任何⼀个⽹⻚都必须在⻚⾯第⼀⾏声明⽂档类型。 ⽤法： h3⽆⽂档类型 <html> </htm> H4的⽂档类型 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Trans
前端 2025年05月20日
在vue中如何优雅的封装第三方组件

在vue中如何优雅的封装第三方组件

在使用第三方组件的时候或多或少的会因为样式，业务不符合自己的需求进而进行封装。是否你也会有这样的困扰。封装业务组件的时候，弄了好多业务进自己的组件里。要传递好多参数给自己封装的组件，然后再在封装的组件里传递给第三方组件。不禁要知道每个组件的参数的意思还要对其增加参数。用于传递给第三方组件。一旦业务拓展，就还需要对应往封装组件增加属性，组件内增加接收传递给第三方组件。后期维护起来痛苦不堪。那么下面我
前端 2025年05月20日
【业务实例】vue用虚拟列表解决万条数据勾选卡顿问题

【业务实例】vue用虚拟列表解决万条数据勾选卡顿问题

show1.jpg 为什么需要虚拟列表 日常开发中，经常需要处理一个大数据量的列表，可能是需要展示、勾选等； 如果我们用html原生的标签实现，性能到还好。但是现在大多都是用第三方组件库开发(例如element-ui)，以便提升开发效率； 如果我们同时展示、勾选千条数据的时候，页面将会卡主，甚至崩掉； 虚拟列表的方案正是为了解决这类前端大数据量展示、操作卡顿的问题； 虚拟列表原理 虚拟
前端 2025年05月19日
iOS各种ViewController控制器完整介绍

iOS各种ViewController控制器完整介绍

iOS 界面开发最重要的是ViewController和View，ViewController是View的控制器，也就是一般的页面，用来管理页面的生命周期（它相当于安卓里的Activity，两者很像，又有一些差异）。 ViewController的特点是它有好几种。一种最基本的UIViewController，和另外三种容器：UINavigationController、UITabBarContr
前端 2025年05月19日