前端html css
uniapp使用css的grid尽量两列列表的显示
先看列表的效果图,是一个2列内容显示的滚动列表 可以看到一行有2列,然后2列中边框的距离是30rpx,中间间距也是30rpx,所以可以通过设置css样式如下: .container { display: grid; grid-template-columns: repeat(auto-fill, c ......
thymeleaf如何引入静态资源文件,外部css文件中引入静态文件,内联css中引入静态资源
引入css和js 开发网页有时候页面上需要引入一些css和js,而开发的页面又很多,需要重复的引入这些文件, 在thymeleaf中可以专门定义一个文件来引入这些文件,然后在其他的页面中统一引入就可以 比如现在我需要引入的 css文件有如下: <link href="./assets/css/fon ......
CSS3的概述
CSS3 是指 Cascading Style Sheets Level 3,是一种用于描述网页样式的标记语言。它可以实现更加丰富、复杂的网页样式效果。下面将介绍 CSS3 的发展历程和主要特性。 CSS3的开发历程可以分为以下几个阶段: 2001-2005年: 起步阶段。在这个阶段,W3C组织开始 ......
Html,Css面试题
常见面试题 1.如何理解HTML语义化 1.容易读懂(增加代码可读性) 2.让搜索引擎容易读懂(SEO) 2.块状元素&内联元素 1.block/table;有 div h1 h2 table ul ol p等 独占一行 2.inline/inline-block;有 span img input ......
浏览器中代码(html+js)高亮,并显示行数 (Vue框架)
最终效果 选型 highlight.js + highlightjs-line-numbers.js 实现 高亮代码 <code v-html="code"></code> import hljs from 'highlight.js/lib/core'; // 引入hljs hljs.regist ......
零基础电气专业毕业生,花费9.9元自学前端,成都月薪6.5K
介绍 毕业于成都理工电气专业,大学毕业后进入了一家电气公司,月薪2000元。一直对互联网行业感兴趣,但由于没有相关专业背景,所以一直没有勇气转行。 转行契机 公司的书记想搞一个内部生产管理系统,看我们4个应届毕业生每天都在打酱油,就找到我们想让我们研究一下看能不能做出这个系统(公司里面没有搞IT的) ......
Socket.D 替代 Http 协议像 Ajax 一样开发前端接口
我们在"前端接口"开发时,使用 socket.d 协议有什么好处:更安全!现有的工具想抓包数据,难!难!难!(socket.d 是个新的二进制协议) ......
前端开发好用的工具/插件
1、swiper动画(动画效果挺平滑) https://www.swiper.com.cn/ 演示(https://www.swiper.com.cn/demo/index.html#effect-coverflow) 2、二维码生成器 草料二维码:https://cli.im/ 3、icon使用 ......
前端工程师初级、中级、高级最好的进阶路线图!
作为一个前端工作近10年的老司机,帮你整理了前端5阶提升的技能图,想升职加薪学技能,看我这一篇就够了! 一位出色的前端工程师,一定要会具备阅读规范文档和阅读别人的代码和时刻学习的习惯,再加上一些常见的技术栈,基本上两三年就能到达中高级的水平,一线城市能拿到30K的offer不成问题的! 至于初级,中 ......
前端多文件打包下载方案
npm install jszip file-saver --save import JSZip from 'jszip' import { saveAs } from 'file-saver' export const downloadFiles = (fileUrls, folderName = ......
nginx匹配所有请求路径显示index.html页面
server { listen 80; server_name example.com; # 替换为你的域名 root /path/to/your/root; # 替换为你的站点目录 location / { try_files $uri $uri/ /index.html; } } ......
前端调取摄像头并实现拍照功能
前言: 最近接到的一个需求十分有意思,设计整体实现了前端仿微信扫一扫的功能。整理了一下思路,做一个分享。 tips: 如果想要实现完整扫一扫的功能,你需要掌握一些前置知识,这次先讲如何实现拍照并且保存的功能。 一. window.navigator 你想调取手机的摄像头,首先你得先检验当前设备是否有 ......
css-电脑端点击元素后会存在一个竖线,解决办法如下
css的解决办法: * { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: non ......
css多行省略号
postcss-loader 默认编译的时候,会过滤 -webkit-box-orient: vertical;造成省略不生效。 line-height: 18px; max-height: 40px; font-size: 14px; display: -webkit-box; overflow: ......
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意:} $)待解决问题 (1)高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) (2)使用ReactDOM.createRoot实例化项目,在结合 ......
vue3+vant+vite移动端H5前端项目
vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
HTML语义化
用正确的标签做正确的事情。 html语义化让页面的内容结构化,结构清晰,便于对浏览器、搜索引擎解析; 即使在没有css样式的情况下也以一种文档格式显示,并且是容易阅读的; 搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO(Search Engine Optimizatio ......
HTML之src与href的区别
src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。 1、src src是source(/sɔːs/ n. 来源、源头、出处)的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档中,例如js脚本,img图片和fr ......
nginx ssh配置,larave项目配置多个前端项目
1 ssh 配置 server { listen 443 ssl http2; #listen [::]:80; server_name xiaoqiezia.cn www.xiaoqiezia.cn; index index.html index.htm index.php default.htm ......
【CSS】为什么文本信息在Chrome能显示,在IE11上不显示?
问题描述:span上的文本信息在Chrome上能正确显示,但是在IE11上不显示? 详细配置: <div class='outer'> <div class='inner'> <span>'test text'</span> </div> </div> .outer{ display:flex; } ......
一个小前端加密
页面上有这样的一个联系方式,需要点击"点击查看"之后才能获取到脱敏后的联系方式。 与页面交互前,使用DevTools进行各种搜索与Network抓包,找不到隐藏有脱敏前的完整数据。 一般遇到这种情况我们会首先排查,数据是否是通过接口触发后返回。但遗憾的是,交互过程只抓到请求一个看起来无关的接口。 那 ......
前端 Git 使用约定
前端 Git 使用约定 背景 开发前端项目,有以下困惑: 使用哪个分支开发,哪个分支发布 修复线上bug的流程是什么,如何避免修复完了下次却又出现了 cms分支有十多个,是否都有用 如何快速找到之前某次功能开发,或某次bug修复 为了减轻上述困扰,引入 gitflow 规范,并根据公司情况做适当调整 ......
一个WPF版的Layui前端UI库
思维导航 前言 WPF介绍 Layui前端UI组件库介绍 项目源代码 项目源码运行 项目运行部分截图 项目源码地址 优秀项目和框架精选 DotNetGuide技术社区交流群 前言 相信做.NET后端开发的很多小伙伴都用过Layui前端UI组件库,今天我们分享一个WPF版的Layui前端UI样式库:L ......
CSS盒模型
盒模型的组成部分 CSS会把所有的HTML元素都看成一个盒子,所有的样式也是基于这个盒子 内容区(content):元素中的文本或后代元素都是它的内容 内边距(padding)又称:补白,紧贴内容的补白区域 边框(border): 盒子的边框 外边距(margin):盒子与外界的距离,外边距不会影响 ......
前端与爬虫
搜索爬虫, 我们会搜到一大堆 Python 相关的结果 问题: 爬虫和前端有关系吗? 爬虫是什么 爬虫程序是一种计算机程序,旨在通过执行自动化或重复性任务来模仿或替代人类的操作。 爬虫程序执行任务的速度和准确性比真实用户高得多。爬虫程序类型众多,可执行各种任务,并且爬虫程序在互联网流量中的比重也越来 ......
CSS(css导入---css选择器)
一、css导入 CSS 是一门语言,用于控制网页表现。之前介绍过W3C标准。W3C标准规定了网页是由以下组成: 结构:HTML 表现:CSS 行为:JavaScript css 导入方式其实就是 css 代码和 html 代码的结合方式。CSS 导入 HTML有三种方式: 内联样式:在标签内部使用s ......
css实现多余文字隐藏,用省略号代替
.txt{ overflow: hidden; //溢出内容隐藏 white-space: nowrap; //强制文本在一行内显示 text-overflow: ellipsis; //当对象内文本溢出时显示省略标记 } <p class='txt'>经营范围:{{ item.businessSc ......
node express+vue+html,后端+后台管理+官网线上部署
引言简介 遗憾:这里没有进行linux的mysql安装不完美,有空补全 1. node安装 安装nodejs参考地址: https://blog.csdn.net/cnds123321/article/details/121301089 报错 GLIBC_2.28 not found 这里安装的时候 ......
一个WPF版的Layui前端UI库
前言 相信做.NET后端开发的很多小伙伴都用过Layui前端UI组件库,今天我们分享一个WPF版的Layui前端UI样式库:Layui-WPF。 WPF介绍 WPF 是一个强大的桌面应用程序框架,用于构建具有丰富用户界面的 Windows 应用。它提供了灵活的布局、数据绑定、样式和模板、动画效果等功 ......