前端css
前端vue uni-app列表组件 list组件,简单好用
快速实现uni-app列表组件 list组件,简单好用; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12675 效果图如下： #### 使用方法 ```使用方法 <!-- proList: 条目数组数据 goProDetai ......
前端vue uni-app百度地图定位组件，显示地图定位，标记点，并显示详细地址
快速实现前端百度地图定位组件，显示地图定位，标记点，并显示详细地址; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12677 效果图如下： 代码如下： # 百度地图定位组件，显示地图定位，标记点，并显示详细地址 #### 使用 ......
CSS间距的工作原理
在本教程中，我们将讨论 CSS 间距中的间距——听起来很基础，对吧？好吧，它并不像您想象的那么基本。 举个例子，当你访问你最喜欢的电子商务网站来寻找产品时。欢迎您使用该平台的第一件事是直观的设计和清晰的产品展示。这为您提供了极佳的浏览体验。 现在花点时间想象一下，如果消除所有分隔产品、描述、评论和其 ......
还原webpack前端js
学校放了个破保密专题课视频，还不能拉进度条，也不能控制台直接调倍速，我猜是把操作写在事件的回调函数里了。想覆盖一下js代码。 源代码结构如下： 用chrome一个插件把源代码下载下来： 好，接下来用shuji还原一下。但是没有js.map文件。没关系，去js里搜搜看： 喜，去下载一下： 仔细看看，这 ......
CSS(相对定位relative、绝对定位absolute、固定定位fixed、定位应用、元素的显示和隐藏）
一. 定位(position) 介绍 1.1 为什么使用定位 我们先来看一个效果，同时思考一下用标准流或浮动能否实现类似的效果？ 场景1： 某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子。 场景2：当我们滚动窗口的时候，盒子是固定屏幕某个位置的。 结论：要实现以上效果，标准流 或 浮动都无 ......
CSS: Determine if an element has been totally scrolled
Element: scrollHeight property - Web APIs | MDN (mozilla.org) <!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA ......
CSS: offsetWidth offsetHeight clientWidth clientHeight scrollWidth scrollHeight
<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content= ......
CSS选择器
# 前言 CSS选择器用于选择具体的元素添加CSS样式。记下笔记。 ## 选择器类型 ### 类型选择器（Type selectors） 类型选择器通过结点名称匹配元素。 #### 语法&实例 ```plaintext 结点名称 { 样式声明 } ``` ： // 绑定鼠标事件，当用户移动视角后触发() function bindRayShotEvent() ......
下拉菜单缓慢展开收起的动画过渡效果,vue2 CSS
需求：点击下拉菜单按钮，显示子菜单并有过渡效果 过渡效果：缓慢展开收起 环境：vue2 CSS 分析：子菜单的高度有没有固定，如果子菜单的高度固定，可以设置高的变化添加过渡效果。如果高度不固定设置最大高度的变化添加过渡效果 图片展示： 展开状态 收起状态 实现代码： <template> <div> ......
前端学习C语言 - 开篇
## 前端学习C语言 - 开篇 前端学习C语言有很多理由：工作、兴趣或其他。 C 语言几个常见的使用场景： - `操作系统`开发：Linux 操作系统的内核就是主要由 C 语言编写的。其他操作系统也广泛使用 C 语言进行核心部分的开发。 - 系统级开发和嵌入式编程：C 语言具有强大的`底层`控制能力 ......
CSS默认支持颜色名称列表
详见[The syntax](https://drafts.csswg.org/css-color/#color-syntax)中的[named-color](https://drafts.csswg.org/css-color/#typedef-named-color)。 ``` js /** * ......
ChatGPT的原理与前端领域实践
## 一、ChatGPT 简介 ### ChatGPT的火爆 ChatGPT作为一个web应用，自22年12月发布，仅仅不到3个月的时间，月活用户就累积到1亿。在此之前，最快记录的保持者也需要9个月才达到月活1亿。 ](https://www.runoob.com/)](https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_wit ......
前端代码片段
[toc] # JS浏览器环境文件下载工具 ```js /** * JS浏览器环境文件下载 * * @param {Blob} data 二进制数据 * @param {string} filename 保存的文件名称 * @param {string} type 文件类型 */ function ......
css 背景色是中心往两侧渐变的半圆 先上下渐变 再中心像左右渐变 也就是 背景从顶部中中心顶点 颜色朝着四面八方渐变成白色
``` {{ t("Login") }} {{ t("welcome") }} Email Password Forgot Password ? Continue Please wait... ``` ``` ``` css 背景色是中心往两侧渐变的半圆 先上下渐变 再中心像左右渐变 也就是 背景从 ......
前端进化笔记-JavaScript（三）
人类在白色的底色上描绘图画，地球在黑色的底色上创造生命。 #变量、作用域与内存 JavaScript的变量可以说是独树一帜。只需要一个（或两个等）关键字（const，let）就可以创建变量，创建时不考虑变量的类型，这是其他语言少有的强大功能。当然强大的功能总是伴随着问题。 ###值 > 原始值：Un ......
风尚云网微谈前端行业六大说
风尚云网微谈前端行业，希望对新手小白有些帮助... 个人见解，仅供参考，取长补短 目录 一：关于前端/大前端是什么？ 二：前端开发工程师是干什么的？ 三：2023年前端开发还值不值得学习？ 四：前端工程师需要会什么？ 五：关于最重要的前端开发薪资问题 六：前端开发适合发展的城市 一：关于前端/大前端 ......
[转]前端-WebAPI接口-FormData对象的使用(模拟表单用于发送数据及上传文件)
一、概述 FormData对象的使用： 用一些键值对来模拟一系列表单控件：即把form中所有的元素的name与value组成一个queryString。 异步上传二进制文件。 二、使用 创建一个空对象实例。 javascript 复制代码 var myform = new FormData(); 使 ......
在前端生成H5二维码海报
海报图片生成前后端都能实现，个人喜欢在前端生成，主要是前端可以用html+css去实现海报样式，便于调试，对于熟悉前端代码的小伙伴来说再好不过。 以下是在vue项目中的实现，非vue前端同理。 思路及步骤： 1. 用html实现海报效果 制作海报模板图，用js二维码库生成二维码，用CSS的绝对定位实 ......
CSS3 transform
## Transform Transform字面上就是变形，改变的意思。 ``` transform ： none | [ ] ``` ```css transform: rotate | scale | skew | translate |matrix; ``` 旋转rotate、扭曲skew、缩 ......
c# 如何将枚举以下拉数据源的形式返回给前端
前言: 相信各位有碰到过与我类似的问题,当表中存一些状态的字段,无非以下几种形式1.直接写死 如: 正常:1,异常:2 ,还有一种则是写在字典中,再或者就是加在枚举上,前两者对于返回下拉数据源来说比较好处理,直接写死和查数据库,但都有各自的缺点,写死维护比较麻烦,查数据库也没必要,这个时候枚举就可以 ......
.CSS.MAP文件作用
.CSS.MAP文件作用 https://blog.csdn.net/qq_36441169/article/details/102575563 1、简介在写前端代码，使用bootstrap时，发现同一个目录下，不仅仅有.css文件的同时，还存在.css.map文件的存在。在前端页面调试时也发现，映 ......
如何使用NextJS设置Tailwind CSS
Tailwind CSS 是一种流行的实用程序优先 CSS 框架，它提供了一种独特的方法来构建现代且响应迅速的用户界面。 与提供预先设计的组件的传统 CSS 框架不同，Tailwind CSS 专注于提供一组全面的实用程序类，您可以直接将这些类应用于 HTML 元素。 当与用于构建服务器端呈现应用程 ......