WEB
关注
分享
扫一扫
乐逍遥☺
这个作者很懒，什么都没留下…
展开
-
WEB使用百度地图展示某地地址
type=webgl&v=1.0&ak=您的密钥">点击【创建应用】进入AK申请页面，填写应用名称，务必选择AK类型为“浏览器端”，JS API只支持浏览器端AK进行请求与访问。第二步注册 获取AK秘钥，点击控制台中的我的应用创建应用。然后就可以在页面上引用 ，记得把你的秘钥换上。第一步 进入百度地图开发平台。下面的这个就是AK秘钥。原创 2023-10-27 15:09:37 · 1033 阅读 · 0 评论 -
sql server 通过参数获取两位数月份
SQL server 查询 参数是 '2022-10' 查询这个月的数据和上个月的数据但是通过这个参数把月份减一就是 ‘2022-9’ 但是想要的数据是 ‘2022-09’这个应该是怎么做，就是参数月份应该是两位数预览或者另一种方法就是字符串截取拼接。原创 2022-12-19 15:11:32 · 1162 阅读 · 0 评论 -
npm run lint 自动修改
npm run lint --fix 自动修改原创 2022-12-08 09:15:48 · 414 阅读 · 0 评论 -
html 如何让网页变灰色
只在网页中加入这个样式就可以了，大家可以拿去试试。原创 2022-12-02 11:34:03 · 466 阅读 · 0 评论 -
css字体设置为 左上角/右上角/左下右下 显示
vertical-align 用法。原创 2022-11-04 11:05:28 · 6876 阅读 · 0 评论 -
css实现浏览器宽度不同 使用不同的样式
使用@media查询，你可以针对不同的媒体类型定义不同的样式。@media可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media是非常有用的。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。330px){}body{}300px){body{lightblue;}width300px;}}600px){body{}width400px;}}......原创 2022-07-29 11:13:47 · 2205 阅读 · 0 评论 -
常用27个图表的特点及用途
常用26个图表的特点及用途柱形图：特点：(1)能够使人们一眼看出各个数据的大小。(2)易于比较数据之间的差别。(3)能清楚的表示出数量的多少。应用场景：适用于二维数据，一个维度数据进行比较、数据单纯性展示、排序数据展示。可以直观地表示数据量的大小并进行比较，可以比较明显地显示出各数据之间的比例差异。适用：对比分类数据。堆叠柱状图特点：一般的堆叠柱状图：每一根柱子上的值分别代表不同的数据大小，各层的数据总和代表整根柱子的高度。非常适用...原创 2022-06-01 11:52:25 · 14760 阅读 · 0 评论 -
html input =“file“ ios 解决无法选择图库问题
苹果IOS无法选择图库上传文件只能拍照是因为以下这几个属性<inputtype="file"accept="image/*" multiple="multiple" capture="camera" >1、multiple="multiple" capture="camera"安卓表现为 可拍照可图库 ios 只可拍照2、multiple="multiple" 无capture安卓表现为 只可拍照 ios可拍照可图库3、无multiple capture="...原创 2021-03-08 14:08:29 · 3354 阅读 · 0 评论 -
HTML 移动页面自适应手机屏幕方法
使用meta标签：viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来.原创 2021-03-04 09:40:14 · 4860 阅读 · 2 评论 -
实现输入框input只能输入数字和小数点
第一种方法 只允许输入数字(整数：小数点不能输入) <inputtype="text"onkeyup="value=value.replace(/[^\d]/g,'')"> 允许输入小数(一位小数) <inputtype="text"onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,1})?).*$/g,'$1')"> 允许输入小数(两位小数) <inputtype=...原创 2020-11-27 19:12:40 · 3510 阅读 · 1 评论 -
HTML中input标签取消自动提示 不显示历史记录
正常情况 如下图 会出现提示框的在 input 中添加 autocomplete="off" 后 就不会出现了 如下图 看不会出现了吧感觉对你有用就点击下方一键三连原创 2020-11-25 10:23:45 · 1363 阅读 · 0 评论 -
IDEA的基本使用：让你的IDEA有飞一般的感觉
目录1.设置maven2.IDEA 设置代码行宽度3.IDEA提示不区分大小写4.IntelliJ强制更新Maven Dependencies5.idea的环境配置默认保存位置6.隐藏不想看到的文件或者文件夹（类似eclipse的filter功能）7.修改为Eclipse快捷键8.修改默认设置--default setting9.修改智能提示快捷键10.查找快捷键冲突问题处理11.显示行号12.代码智能提示，忽略大小写13.用*标识编辑过的文件...转载 2020-10-19 13:33:42 · 544 阅读 · 0 评论 -
CSS用box-shadow实现四个边框设置单独阴影样式
CSS用box-shadow实现四个边框设置单独阴影样式 使用语法+意思： box-shadow: h-shadow v-shadow blur spread color inset; h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影的位置。允许负值。 blur 可选。模糊距离。 spread 可选。阴影的尺寸。 color ...原创 2020-10-16 14:42:48 · 5165 阅读 · 0 评论 -
css 单独设置左上，右上，左下，右下 圆角属性
css 单独设置左上，右上，左下，右下 圆角属性 border-top-left-radius:5px;/*左上角*/border-top-right-radius:5px;/*右上角*/border-bottom-left-radius:5px;/*左下角*/border-bottom-right-radius:5px;/*右下角*/ ...原创 2020-10-16 14:23:33 · 19937 阅读 · 0 评论 -
CSS设置阴影样式大全 包含所有样式 有图有代码
常用的样式：下面还有特殊的效果<html><head> <title></title> <style type="text/css">/*<!-- ———————————— 最简单的常规效果 —————————————————————— -->*/.flex{display:flex;flex-wrap:wrap;} .flex-item{margin-right:30px;}.box { .转载 2020-10-15 14:50:58 · 3858 阅读 · 0 评论 -
html中CSS的引入JS CSS方式都有那几种？
CSS的引入方式css有三种样式表 行内样式表(行内式) 内部样式表(嵌入式) 外部样式表(连接式) 内部样式表CSS代码抽取出来，放到style标签中 理论上 style 可以放到任何地方，但默认放在 head 里行内样式表直接在标签里面加上属性 style 就可以了 代码样例：<p style="color: pink; "></p>style是标签属性，只能控制当前标签外部样式表 使用较多的方法 在外部单独写一个css原创 2020-09-09 17:11:18 · 469 阅读 · 0 评论 -
css实现去掉加粗字体样式
font-weight——粗体 加粗名目单词css去除粗体通用方法font-weight:normal原创 2020-09-09 12:54:32 · 4400 阅读 · 0 评论 -
CSS改变input框中placeholder颜色的方法
<style> input::-webkit-input-placeholder { /* WebKit, Blink, Edge 适配谷歌*/ color: #3A9CFD !important; } input::-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐*/ color: #3A9CFD !important; }...原创 2020-09-07 11:08:26 · 1407 阅读 · 0 评论 -
如何去掉input文本域选中后会出现蓝边框
想要将inptut文本域的蓝色外框去掉，设置自己的样式，需要在你想要改变标签的样式中代码如下outline: 0;border-radius: 10px;border: 1px #CFCDCC solid;效果如下：原创 2020-09-04 15:02:28 · 3964 阅读 · 0 评论 -
常用CSS实现DIV文本内容水平垂直居中
第一种：利用CSS中的 display的table-cell 实现/*让元素渲染为表格单元格*/ display:table-cell;/*设置文本水平居中*/ text-align:center;/*设置文本垂直居中*/ vertical-align:middle; 第二种利用 ：flex盒子布局 写在父级上 弹性盒模型 display:flex; 主轴居中对齐 j...原创 2020-09-02 17:35:24 · 737 阅读 · 0 评论 -
h5+js 实现 五子棋 （二）
下边给大家 分享 一下五子棋 原码是17素材网里的一个小游戏下边的代码直接放到 自己在本地创建一个 HTML 页面 复制 粘贴到里面就OK了效果图：<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"><meta nam...原创 2019-07-05 09:03:46 · 1586 阅读 · 4 评论 -
html + js 实现五子棋 （一 ）
五子棋原码给大家 分享下 五子棋 原码下边的代码直接放到 自己在本地创建一个 HTML 页面 复制 粘贴到里面就OK了效果图：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;"> <title...原创 2019-07-05 09:03:08 · 713 阅读 · 0 评论 -
HTML+CSS实现表格去除上下左右边框详细介绍
表格线常见问题：去除上边框border-top:none去除下边框border-bottom:none去除左边框border-left:none去除右边框border-right:none表格边框与表格单元格线的重叠 border-collapse:collapse 嵌套表格与被嵌套表格对不齐的问题 table-layout: fixedborder-collapse有两个属性，separate...原创 2020-08-25 17:56:08 · 15311 阅读 · 2 评论 -
div+css实现圆角阴影效果
使用div+css实现圆角阴影在css中，使用border-radius属性设置圆角，使用box-shadow属性设置阴影下面教你css如何实现圆角边框阴影代码：<input type="text" name="" style="width: 600px; height: 40px; padding: 0 20px; vertical-align: top; box-sizing: border-box; border: 1px .原创 2020-08-18 15:37:06 · 4006 阅读 · 0 评论 -
什么是 CSS? 为什么使用CSS？CSS的优点有那些？详细介绍
什么是CSS? CSS指层叠样式表(CascadingStyleSheets) 样式定义如何显示HTML元素 样式通常存储在样式表中 把样式添加到HTML4.0中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在CSS文件中 多个样式定义可层叠为一个 在学习CSS之前，你需要具备HTML的基本知识。为什么说CSS 是网页的美容师 CSS是层叠样...原创 2020-08-11 11:34:30 · 8808 阅读 · 0 评论 -
详解CSS中的传统网页布局的三种方式 CSS浮动
传统网页布局的三种方式标准流(普通流/文档流)：按照默认的方式排列 浮动流 定位流CSS浮动 浮动可以改变元素标签的默认排列方式 网页布局第一准则：多个块级元素横向排列标准流，多个块级元素纵向排列浮动流 浮动详解 float属性创建浮动框，使其移动到一边，直到左边缘或右边缘碰到另一个浮动框的边缘或父元素边缘 代码示例： float: none | left | right; 1 值 描述 none 元素不浮动(默认值) lef原创 2020-08-21 09:33:51 · 480 阅读 · 0 评论 -
CSS中div盒子模型的各种参数使用方法
CSS盒子模型border边框 content内容 padding内边距：边框和内容的距离 margin外边距：盒子与盒子之间的距离 在审查元素里的CSS部分里的Computed里面可以看见这四个属性边框 (border)边框复合语法：border: border-width | border-style | border-color;/* 没有先后顺序，上面是推荐顺序 */属性 作用 border-width 边框粗细，单位px border-style原创 2020-08-13 11:46:46 · 1253 阅读 · 0 评论 -
使用CSS的三大特性有那些？
CSS三大特性层叠性对同一个选择器选择相同样式不同的参数： 遵循就近原则，谁离标签近就执行哪个样式 (后来者居上)，但是不冲突的部分不会被覆盖继承性子标签会继承父标签的某些样式(可以继承的样式text- ,font- ,line- ,color- ) 在F12中可以看到inherited from xxx行高的继承body { font: 12px/1.5 "Microsoft YaHei"; /* 字体大小/行高 字体 */}行高可以没有单位 没有单位的意思是当原创 2020-08-16 13:53:28 · 299 阅读 · 0 评论 -
CSS中的背景颜色及图片的使用方法有那些？
CSS的背景背景颜色，背景图片，背景平铺，背景图片位置，背景图像固定背景颜色定义背景颜色：background-color: transparent | color;transparent：背景色透明 (默认值) color：颜色背景图片定义背景图片场景：logo，装饰性小图片，超大图片 优点：便于控制位置background-image: none | url();background-image: url();/* 不要忘记url() */none：无背景图原创 2020-08-28 12:50:58 · 295 阅读 · 0 评论 -
CSS元素的显示模式方法！
CSS元素显示模式元素的显示模式元素 (标签) 以什么方式显示，例如<div>独自占一行 分类：块元素，行内元素块元素 包括：<h1>,<p>,<div>,<ul>,<ol>,<li>,其中<div>是最典型的块元素 特点： 自己独占一行 可以设置高度宽度及内外边距 宽度默认和容器(父级宽度)一样宽 是一个容器及盒子，里面可以放其他元素 注意：文字类的块元素不原创 2020-08-21 09:35:37 · 350 阅读 · 0 评论 -
CSS中常用的选择器使用方法有那些？
CSS复合选择器复合选择器就是基础选择器结合而成的 包括：后代选择器，子选择器，并集选择器，伪类选择器后代选择器 ※又称包含选择器，可以选择父元素里的子元素 例，选择所有ol标签里的li都更改属性ol li { color: red; /* 选择ol里的所有li元素 */} 中间用空格隔开 更改的是后代的 (只要是后代都可以被选中，无论几代) 样式 对同名标签的区分 对一个标签添加class属性 .class属性+后代名 注：中间的原创 2020-08-21 09:40:47 · 524 阅读 · 0 评论 -
编辑器中回车键 Emmet快速使用快捷键 方法
Emmet语法(快捷键)快速生成HTML结构语法 生成多个相同标签，标签名*3 (注，中间不要有空格) 父子级标签 例：ul和li 可以写 ul>li 兄弟关系用+ 可以直接 .nav ，生成<div class="nav"></div> .可以换# 生成id标签 可以更换其他标签，例：p.one 生成<p class="one"></p> 生成类名有顺序 .demo$*5 注：$从1开始排序.转载 2020-08-11 10:28:12 · 296 阅读 · 0 评论 -
CSS的引入方式都有那几种？
CSS的引入方式css有三种样式表 行内样式表(行内式) 内部样式表(嵌入式) 外部样式表(连接式) 内部样式表CSS代码抽取出来，放到style标签中 理论上 style 可以放到任何地方，但默认放在 head 里行内样式表直接在标签里面加上属性 style 就可以了 代码样例：<p style="color: pink; "></p>style是标签属性，只能控制当前标签外部样式表 使用较多的方法 在外部单独写一个css原创 2023-01-31 16:26:50 · 160 阅读 · 0 评论 -
CSS属性使用之字体属性和文本属性使用规范标准有那些？
CSS字体属性字体p { font-family: "微软雅黑";}h2 { font-family: "Microsoft YaHei",Arial;}可以选择多个字体，多个字体用逗号分割 一个字体有多个单词时尽量用引号 多个字体的目的，优先使用第一个字体，如果用户电脑上没有这个字体将使用下一个字体 如果这些字体都没有，使用浏览器自带字体 chrome默认字体，微软雅黑字体大小p { font-size: 20px;}后面别忘了加px(原创 2022-11-16 10:34:03 · 355 阅读 · 0 评论 -
CSS中常用的选择器都有那些？
CSS选择器分类： 基础选择器 标签选择器 类选择器 id选择器 通配符选择器 复合选择器(在demo5里) 标签选择器标签名作为选择器 优点: 可以一次修改所有某一类的标签的样式 缺点: 没法区分同名标签内的元素 类选择器单独选择一个或几个标签 语法样例：.类名 (class属性) { 属性1: 属性值1;} 标签中加class属性 无视标签，所有有相同class属性的都会改变样式 不能用标签名做原创 2020-08-21 09:39:14 · 542 阅读 · 0 评论 -
CSS使用的语法规范于代码风格标准 一
CSS基础CSS主要来美化网页 CSS层叠样式表的简称(标记语言)CSS语法规范 选择器+{多条声明} 注释为/* */ CSS要写在<head>里的<style>标签之中 代码示例(以p标签为例)： <style> p { color: red; font-size: 12px; /* 修改文字大小 */ }</style>CSS代码风格原创 2020-08-21 09:36:17 · 214 阅读 · 0 评论 -
前端常见的命名参考规范
一个得到广泛推崇的东西，必然有它的优势所在。web语义化：1、可以让人一目了然这块是什么鬼，那块是什么鬼，对于项目的维护或者优化都是非常有意义的。2、随着html5语义化标签的出现，我推测以后web语义化对于seo优化，还是非常有利的。也就是说，seo优化，必然也要考虑web语义化。如：<header></header>可以很好的代替传统的<div id="header"></div>。那怎样愉快的玩耍web语义化呢？1）标签语义...原创 2020-08-10 16:28:54 · 578 阅读 · 0 评论 -
前端HTML常用的标签有那些
HTML标签<html> 双标签<br />单标签</html>有包含关系和并列关系HTML基本结构<html> <head> <title>网页的标题</title> </head> <body> 网页的内容部分 </body></html>vscode使用小技巧：输入原创 2020-08-13 11:48:21 · 986 阅读 · 1 评论 -
vscode下载安装使用方法及其插件安装教程
vscode安装技巧原创 2020-08-10 14:56:27 · 1730 阅读 · 0 评论 -
从认识HTML5及了解 浏览器工作原理
什么是HTML5从认识各种网页编程语言的功能结构 网页元素整理分类HTML 表现 版式，颜色 大小CSS 行为 网页交互的编写后端 JS浏览器工作原理转载自Adazheng的博客用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件； 浏览器开始载入html代码，发现<head>标签内有一个<link>标签引用外部CSS文件； 浏览器又发出CSS文件的请求，服务器返回这个CSS文件； 浏览器继续载入h.原创 2020-08-28 12:50:30 · 263 阅读 · 0 评论