前端 网站css js
Next.js 开发指南 初始篇 | Next.js CLI
Next.js 开发指南 初始篇 | Next.js CLI 基础篇、实战篇、源码篇、面试篇四大篇章带你系统掌握 Next.js! 前言 欢迎学习 Next.js!在学习具体的知识点之前,我们先来创建一个 Next.js 项目。创建了可运行的项目,才能在学习的时候边调试边理解,从而达到事半功倍的效果 ......
Next.js 开发指南 路由篇 | App Router
Next.js 开发指南 路由篇 | App Router 前言 路由(routers)是应用的重要组成部分。所谓路由,有多种定义,对于应用层的单页应用程序而言,路由是一个决定 URL 如何呈现的库,在服务层实现 API 时,路由是解析请求并将请求定向到处理程序的组件。简单的来说,在 Next.js ......
去年最火的 JS 开源项目「GitHub 热点速览」
去年最火的 JS 开源项目「GitHub 热点速览」 近日,「Best of JS」发布了过去一年在 GitHub 上 Star 数增速最快的 JavaScript 开源项目(2023 JavaScript Rising Stars),前 10 的开源项目 Star 增长竟然都是令人惊叹的 1.5w ......
现代 CSS 解决方案:文字颜色自动适配背景色!
现代 CSS 解决方案:文字颜色自动适配背景色! 在 23 年的 CSS 新特性中,有一个非常重要的功能更新 -- 相对颜色。 简单而言,相对颜色的功能,让我们在 CSS 中,对颜色有了更为强大的掌控能力。 其核心功能就是,让我们能够基于一个现有颜色 A,通过一定的转换规则,快速生成我们想要的颜色 ......
跟着阿灵学前端(2)——CSS 基础
CSS (Cascading Style Sheets,层叠样式表),是一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言,CSS 文件扩展名为 .css ......
跟着阿灵学前端(1)——HTML 基础
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是:一组段落、一个重点信息列表、也可以含有图片和数据表。 ......
CSS
3、CSS概述 3.1 CSS介绍 层叠样式表(CSS),又称串样式列表,由W3C定义和维护的标砖,一种用来为结构化文档(如HTML文档或XML应用)、添加样式(字体、间距和颜色等)的计算机语言。 CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象 ......
JS常用工具:Webpack 和 JShaman分别有什么用?
Webpack和JShaman是两个不同的工具,它们的特点和用途也不同。 Webpack是一个前端资源模块打包工具,主要用于将各种静态资源(如JavaScript、CSS、图片等)视为模块,并将其打包成浏览器可以识别的代码。Webpack的特点包括: 1. 模块化:Webpack将各种资源视为模块, ......
这一次,弄明白JS中的文件相关(一):概念篇
概念是学习的基础。在学习JS中的文件操作之前,先把文件相关的各种概念搞清楚,很有好处。 1. 二进制: 计算机硬件仅能处理和存储二进制数据,所以不管是你正在写的代码,还是你硬盘里的小姐姐,都是以二进制的形式存储于电脑的内存和硬盘里的。 2. 编码规则: 二进制计算机看得懂,我们看不懂怎么办啊?我们能 ......
CSS
3、CSS概述 3.1 CSS介绍 层叠样式表(CSS),又称串样式列表,由W3C定义和维护的标砖,一种用来为结构化文档(如HTML文档或XML应用)、添加样式(字体、间距和颜色等)的计算机语言。 CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象 ......
夸克网盘资源分享大全(包含资源网站,稀缺资源)
夸克网盘的优点在于它的强大存储功能和丰富的资源共享功能。它提供超大容量,可以轻松存储各种文件,如图片、视频、文档等。而且,它支持多种文件格式上传和下载,无需担心格式不兼容的问题。此外,夸克网盘还提供高速稳定的下载速度,无论是办公文件还是学习资料,都能迅速完成下载。 很多人不知道夸克网盘的资源哪里找, ......
js string转html节点
1、 var str = "<h1>这是一个标题</h1>"; var parser = new DOMParser(); var doc = parser.parseFromString(str, "text/html"); var html = doc.body.firstChild; 2、 c ......
一行代码解决Three.js中只能在一侧看到物体的问题
项目场景: 因为该项目比较复杂庞大,在此就简单介绍一下: 通过Three.js创建若干个物体进行了组装,从而形成了一个类似眼球模拟模型的项目,用户可以通过拖动鼠标来达到控制视角(摄像机)的目的,以此来观察整个眼球状态。 Image1 Three.js眼球模型 注:下面所说的正视为从红线正轴往瞳孔(黑 ......
js中的对象,如果赋值给多个变量,那么会有性能问题吗
js中的对象,如果赋值给多个变量,那么会有性能问题吗? 在JavaScript中,将一个对象赋值给多个变量时,并不会直接导致性能问题。当一个对象被赋值给多个变量时,实际上这些变量都会引用同一个对象,即它们指向内存中的同一块地址。这种行为称为“对象引用”。 例如: const obj = { a: 1 ......
校验ChatGPT 4真实性的三个经典问题:提供免费测试网站快速区分 GPT3.5 与 GPT4
现在已经有很多 ChatGPT 的套壳网站,以下分享验明 GPT-4 真身的三个经典问题,帮助你快速区分套壳网站背后到底用的是 GPT-3.5 还是 GPT-4。 大家可以在这个网站测试:https://ai.hxkj.vip,免登录可以问三条,登录之后无限制。咱们使用免登录的额度测试就已经够用了 ......
实时数据流无忧:用 SpringBoot 和 SSE 打造动态前端更新的终极指南
用 SpringBoot 和 SSE 打造动态前端更新的终极指南 你知道什么是开发者的梦魇吗?慢!慢!慢!在一个需要实时数据更新的应用中,如果数据像乌龟一样慢吞吞地爬行,那用户体验就会像坐过山车一样直线下降。所以今天,我们要化身为数据传输的超级英雄,用 SpringBoot 和 SSE(服务器发送事 ......
JS的常用验证正则
密码正则 密码必须为8到16位且必须包含数字和字母以及特殊字符 const pattern2 =/^(?!([A-Z]*|[a-z]*|[0-9]*|[!-/:-@\[-`{-~]*|[A-Za-z]*|[A-Z0-9]*|[A-Z!-/:-@\[-`{-~]*|[a-z0-9]*|[a-z!-/: ......
CSS实现文字滑动亮光效果
使用CSS属性,文字背景渐变,结合animation实现滑动亮光 话不多说,直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device ......
js使用XLSX前端导出excel
实现效果: 页面: 导出的excel: xlsx.core.min.js文件下载地址 xlsx 代码如下: <!DOCTYPE html> <html> <head> <title>HTML Template</title> <style> table { border-collapse: coll ......
js压缩命令
JS(JavaScript)的压缩可以使用不同的工具来完成。下面列举了两种常见的JS压缩命令及其对应的示例代码: UglifyJS2:这是一个流行的JS压缩工具,可通过Node.js运行。安装UglifyJS2后,可以在命令行中输入以下命令进行压缩: uglifyjs input.js -o out ......
如何给shopify网站做CDN
很不幸的告诉你,我也不知道如何给shopify网站做CDN,哈哈 和你们开玩笑的 其实shopify网站是不需要做CDN的 因为shopify的网站自带CDN 没想到,其实我也没有想到 可是还有人疑惑,日然如此了,我的网站为什么还打开这么慢啊 第一你可能需要卸载多余的插件,尤其是那些评分低的插件,这 ......
基于fabric.js的图片编辑器, 画布背景实现原理
图片上传 使用了element-plus提供的图片上传el-upload组件 <el-upload :show-file-list="false" :auto-upload="false" :on-change="(e) => uploadImage(e, 'background')" > <but ......
微信小程序或js中获取url参数
微信小程序扫普通链接获取url参数ps: 这里的方法跟 打开页面路径中的参数不一样哈.欢迎各位大神前来指点 文章目录微信小程序扫普通链接获取`url`参数方法一:方法二:方法三:使用微信小程序获取`页面路径`参数js中获取url参数方法一:可获取多个参数 /*** params1: url* par ......
如何判断一个网站是用的Nginx,还是Apache
事件起因: 接手了同事移交过来的一个网站,但是不知道这个网站是用什么做代理的,于是就去网上查资料 解决办法: 打开cmd窗口,输入以下命令即可 curl--head 域名/IP ......
js图片懒加载,在不做分页的情况下的解决方案
Intersection Observer API 1.注意点 一般都是后端返回数据, 用 this.$nextTick(() => { this.handleScroll(); }); 确保dom加载完成触发我们定制的handleScroll handleScroll() { const cont ......
常用工具网站
RGB颜色转换 图片大小裁剪 编程开发一个工具箱 九宫格切图 图片转BASE64 BASE64转图片 进制转换 ASCII 表 Unix时间戳转换 MD5加密 ......
抽几分钟,写个文档系统的前端页面,先排版一下.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Doc C ......
微前端使用第二章
目录二、微前端自研框架1、子应用接入a、vue2b、vue3c、react15d、react162、主应用注册子应用3、主应用路由拦截4、主应用生命周期5、加载和解析html6、运行环境隔离7、css样式隔离8、应用间通信9、全局状态管理10、提高加载性能 二、微前端自研框架 1、子应用接入 a、v ......