前端html css
CSS笔记
概述 简介：用于设置文本内容，图片外形，版面的布局和外观显示样式。 组成：css由选择器及声明两个重要部分组成 语法：选择器{声明}，声明为键值对形式，选择器分为 基础选择器 复合选择器 引入方式： 行内样式表（行内式）：在标签内部的 style 属性中设定css样式 内部样式表（嵌入式）： 单独放 ......
前端工程化实践
1. prettier 2. eslint 1. eslint-loader 3. githooks 1. precommit 4. commitlint 5. CICD -> jetbrain 1. 如何自动部署 1. webpack/rollup -> npm package webpack 的 ......
XXX项目前端开发样式统一规范
前端开发样式规范 参考资料：https://element.eleme.cn/#/zh-CN/component/form 规范1：报错提示统一用浅红色，成功提示为绿色，警告性提示为橙色 规范2： 页面有多个必填字段未填写，一次性提示，同时填写文本框爆红，文本框下方有红字提醒 红字提醒可按需展示，本 ......
HTML入门笔记1
**一、HTML是谁发明的?** 1990年Tim Berners Lee发明了www（world wide web万维网），为了方面人们于阅读网页，与此同时自己又发明了HTML、HTTP、URL；用自己写的浏览器去访问自己写的服务器，这就是如今人们上网访问网页的起源和雏形。 **二、HTML起手应 ......
https:imnks.com369.html hosts处理
# https:imnks.com369.html hosts处理 ``` sudo -i #手动筛选的ip，2022.11.1更新 curl http://code.imnks.com/hosts.sh | bash #自动筛选的ip curl http://code.imnks.com/host ......
我的第一个项目(十四) :完成数据保存功能(前端,增查改接口)
好家伙,天天拖,终于写完了 代码已开源(Gitee) PH-planewar: 个人开发的全栈小游戏 前端:vue2 + element-ui 后端: Springboot + mybatis-plus 数据库: mysql 目前实现功能: 1.注册登陆 2.游戏数据保存 3.游戏运行 (gitee ......
Web 前端常用正则校验规则
# Web 前端常用正则校验规则 作为 Web 前端开发，常用的正则校验规则有很多。下面是一些常见的示例： 1. 校验手机号码 手机号码的正则表达式可以根据不同国家和地区的手机号码格式进行调整。以下是中国大陆的手机号码正则表达式： ```javascript const regex = /^1[34 ......
html文件minify
为了对[quarto](https://quarto.org/)产生的单个html文件进行精简压缩，笔者试用了如下几种工具：`parcel`、`minify`、`minify-html`进行试验，结果`parcel`不能正常工作，因文件中有`require`第三方库；`minify-html`效果比 ......
html字体怎么设置繁体字?
HTML中设置繁体字非常简单，只需要在CSS样式表中使用正确的字体即可。通常情况下，电脑中已经安装的字体库中就包含了繁体字体。 要设置繁体字体，可以使用font-family属性，并将属性值设置为包含繁体字体的字体名称，例如Microsoft JhengHei、TW-Kai等等。 以下是一个简单的示 ......
CSS3 clip-path：打造独特创意设计效果的秘密武器
通过借助 clip-path 这一 css3 属性，通过各种三角拼接出任意形状。由阿姆斯特丹设计师Bryan James通过30张CSS碎片拼图展现30种濒临灭绝动物的... ......
html在移动端滑动无效的解决方法
1. 排查下是否有类似touchmove类似的事件绑定，可能就是其中取消了默认的事件行为。 解决方法，在你想滚动的直接父级元素上添加 `@touchmove.stop="void null"`类似的事件绑定应该就可以解决了。 这里利用了事件冒泡终止的方式。 ......
前端树形结构图treeShapeStruct，可拖拽移动，点击展开收缩，无限添加子集
快速实现树形结构图，可拖拽移动，点击展开收缩，无限添加子集; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12650 效果图如下: 实现代码如下: # treeShapeStruct 树形结构图，可拖拽移动，点击展开收缩，无限 ......
前端检测手机系统是iOS还是android(可实现根据手机系统跳转App下载链接)
快速实现前端检测手机系统是iOS还是android(可实现根据手机系统跳转App下载链接); 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12652 效果图如下: 实现代码如下: # 使用方法 #### HTML代码部分 `` ......
前端仿京东、天猫带搜索历史搜索栏搜索框searchBar
快速实现前端仿京东、天猫带搜索历史搜索栏搜索框searchBar, 使用简单便利， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12529 效果图如下 代码如下： <template> <view class="content"> <vi ......
前端下拉框组件CCDropDownFilter下拉框 筛选框 仿美团下拉筛选框
快速实现下拉框 筛选框 仿美团下拉筛选框， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12421 效果图如下： # 下拉框使用方法 #### HTML代码部分 ```html <template> <view class="conten ......
前端仿企查查、天眼查关联投资结构 股权结构 树形结构 控股结构
快速实现前端仿企查查、天眼查关联投资结构 股权结构 树形结构 控股结构， 下载请访问uni-app插件市场：https://ext.dcloud.net.cn/plugin?id=12073 效果图如下： **html部分** <template> <view class="content"> <C ......
前端仿京东、天猫底部购物工具栏toolsBar、购物车栏、底部悬浮栏
快速实现 前端仿京东、天猫底部购物工具栏toolsBar、购物车栏、底部悬浮栏， 详情请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12554 效果图如下： 代码如下： # 底部工具栏toolsBar、购物车栏、底部悬浮栏 #### HTM ......
前端自定义弹框组件、自定义弹框内容alertView popup组件
快速实现前端自定义弹框、自定义弹框内容alertView popup组件， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12491 效果图如下： 代码如下： # 自定义弹框使用方法 #### HTML代码部分 ```html <templ ......
前端热力图组件heatMapGD中国地图 中国热力地图 广东省热力地图 广东省地图 地市选择
快速实现前端中国热力地图 广东省热力地图 广东省地图， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12407 # china 广东省热力地图使用方法 # map数据获取链接： http://datav.aliyun.com/portal ......
前端仿今日头条、网易新闻 tabs组件，根据文字多少自适应tab项宽度，支持自定义标题栏
快速实现 仿今日头条、网易新闻 tabs组件，根据文字多少自适应tab项宽度， 详情请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12560 代码如下: # cc-tabs 说明 tabs组件，根据文字多少自适应tab项宽度，支持自定义标题 ......
前端分页组件简单好用列表分页page组件
快速实现 简单好用列表分页组件, 分页器组件，用于展示页码、请求数据等 ，包含翻页。 详情请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12576 效果图如下: 代码实现如下: # 简单好用列表分页组件, 分页器组件，用于展示页码、请求数据 ......
前端树形结构图组件 tree组件，可拖拽移动，点击展开收缩，无限添加子集
快速实现树形结构图组件 tree组件，可拖拽移动，点击展开收缩，无限添加子集; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12650 效果图如下: 实现代码如下: # treeShapeStruct 树形结构图，可拖拽移动， ......
记录--前端小票打印、网页打印
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、小票打印 目前市面上的小票打印机大多采用的打印指令集为ESC/POS指令，它可以使用ASCII码、十进制、十六进制来控制打印，我们可以使用它来控制字体大小、打印排版、字体加粗、下划线、走纸、切纸、控制钱箱等，下面以初始化打印机为例： ......
系统化学习前端之Vue（vue2）
## 前言 vue2 截止 2023 年 12 月 31 日不再维护更新，将全面拥抱 vue3 了。 ## vue2 vue2 是一个实现 UI 层的渐进式 js 框架。vue2 本质是一个类，可以配置 options API 实例化为一个 vm 对象，通过模板编译处理成虚拟 DOM，对比更新后生成 ......
前端vue中实现文件下载的几种方法 四种方法， a.download = "重新下命名下载文件名"
前端vue中实现文件下载的几种方法 原文链接：https://blog.csdn.net/weixin_46074961/article/details/105677732 第一种 前端创建超链接，通过a标签向后端发送get请求，需要给a标签添加一个download属性 这种写法是创造了一个a标签， ......
前端实现将Element Plus表格导出为Excel表格
``` import { export_json_to_excel } from '@/utils/excel'; // 导出函数，可以根据实际项目结构进行引入 import XLSX from 'xlsx'; // xlsx 库 exportExcel() { const tableData = ......
【前端算法学习】数据结构之“栈”
### JS中最棒的数据结构：数组 **数组是计算机科学中最常用的数据结构**。我们知道， 可以在数组的任意位置上删除或添加元素。然而，有时候我们还需要一种在添加或删除元素时有更多控制的数据结构。有两种数据结构类似于数组，但在添加和删除元素时更为可控。它们就是 **栈和队列**。 要开始学习 ......
直播软件搭建，css设置滚动条样式
直播软件搭建，css设置滚动条样式 设置滚动条样式 /*滚动条样式*/ ul::-webkit-scrollbar {/*滚动条整体样式*/ 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } ul::-webkit-scrollbar-thumb {/*滚动条里面小方块* ......