前端
关注
分享
扫一扫
文章平均质量分 67
小小2017
这个作者很懒，什么都没留下…
展开
-
【前端】HTML+CSS复习记录【5】
长时间未使用HTML编程，前端知识感觉忘得差不多了。通过梳理知识点，重新学习和巩固前段相关知识。W3CSchool：HTML + CSS 基础实战。原创 2024-07-02 16:42:06 · 1058 阅读 · 0 评论 -
【前端】HTML+CSS复习记录【2】
长时间未使用HTML编程，前端知识感觉忘得差不多了。通过梳理知识点，重新学习和巩固前段相关知识。W3CSchool：HTML + CSS 基础实战。原创 2024-06-27 09:14:02 · 375 阅读 · 0 评论 -
【前端】HTML+CSS复习记录【3】
W3CSchool：HTML + CSS 基础实战原创 2024-07-02 09:56:21 · 680 阅读 · 0 评论 -
【前端】HTML+CSS复习记录【4】
长时间未使用HTML编程，前端知识感觉忘得差不多了。通过梳理知识点，重新学习和巩固前段相关知识。W3CSchool：HTML + CSS 基础实战。原创 2024-07-02 11:30:30 · 1088 阅读 · 0 评论 -
【前端】HTML+CSS复习记录【1】
长时间未使用HTML编程，前端知识感觉忘得差不多了。通过梳理知识点，重新学习和巩固前段相关知识。W3CSchool：HTML + CSS 基础实战。原创 2024-06-25 13:29:42 · 416 阅读 · 0 评论 -
【前端】VSCode快捷键（编程）
VSCode编程使用原创 2022-06-22 09:59:05 · 681 阅读 · 0 评论 -
【Vue】CSS样式的使用
Vue中css样式的使用方式原创 2022-06-15 16:07:54 · 589 阅读 · 0 评论 -
【Vue】Vue页面获取键盘事件
Vue实现界面获取键盘事件原创 2022-06-15 15:03:30 · 1665 阅读 · 0 评论 -
Bootstrap模态框遮挡自动补全（Autocomplete）
项目场景：在模态框的文本框中执行自动补全问题描述：能够获得值，胆结石没有列表显示： $("#typenameup").autocomplete({ source:function(req,res){ var word=req.term; $.ajax({ url:"${pageContext.request.contextPath}/plugin/searchtyp原创 2021-04-13 18:45:38 · 764 阅读 · 1 评论 -
ajax学习记录【2】【跨域、API、实例】
ajax学习记录【2】4.Ajax跨域4.1.aaa5.API数据平台6.综合案例4.Ajax跨域4.1.aaa5.API数据平台6.综合案例原创 2021-03-14 17:46:51 · 151 阅读 · 0 评论 -
ajax学习记录【1】【介绍、jq实现、数据传输】
ajax学习记录1.ajax介绍1.1.与传统Web的区别：1.2.基本用法1.2.1.JavaScript对象XMLHttpRequest是整个Ajax技术的核心，主要方法：1.2.2.常用属性：1.2.2.1.readyState：表示XMLHttpRequest对象的状态：1.2.2.2.onreadystatechange：事件属性1.2.2.3.status：表示HTTP请求响应状态1.2.2.4.响应内容1.3.使用Ajax校验用户名（参数传递问题）1.3.1.通过get方式发送请求1.3.2.原创 2021-03-09 00:32:37 · 819 阅读 · 0 评论 -
Bootstrap学习记录【8】【插件】
Bootstrap学习记录【8】1.导航下拉与按钮：基本样式：.nav与.nav-tabs等组合使用（1）.nav-tabs（标签型导航）（2）.nav-pills（胶囊型导航）（3）.nav-staked（堆栈导航）（4）.nav-justified（自适应导航）（5）.breadcrumb（面包屑式导航）单独使用，直接加在ol、ul中，一般用于导航，主要作用是告诉用户现在所处页面位置状态：.active：选中 .disabled：禁用详情：https://www.runoob.c原创 2021-03-04 20:31:21 · 164 阅读 · 1 评论 -
Bootstrap学习记录【7】【缩略图和面板】
Bootstrap学习记录【7】1.缩略图.thumbnail配合网格系统使用！<body><div class="container"> <div class="row"> <div class="col-md-3"> <div class="thumbnail"> <img src="img/bg1.jpg" alt="..."> <h3>雪山</h3>原创 2021-03-04 20:15:22 · 132 阅读 · 1 评论 -
Bootstrap学习记录【6】【表单】
1.表单控件.form-control：.input-lg（较大） .input-sm（较小）1.1输入框input <input type="text" class="form-control"><br> <input type="text" class="form-control input-lg"><br> <input type="text" class="form-control input-sm"><br>1原创 2021-03-03 15:25:11 · 199 阅读 · 1 评论 -
Bootstrap学习记录【5】【表格】
Bootstrap学习记录【5】1.table标签中的表格样式（1）.table：基础表格（2）.table-striped：斑马线表格（灰色和白色交替）（3）.table-bordered：带边框的表格（4）.table-hover：鼠标悬停高亮的表格（一整行）（5）.table-condensed：紧凑型表格（行与行之间紧凑） <table class="table table-bordered table-striped table-hover"> <tr>原创 2021-03-03 15:06:22 · 319 阅读 · 1 评论 -
CSS中display:block和display:flax使用记录
CSS中display:block和display:flax使用记录代码：（css）.navigation ul li a{ position:relative; width: 100%; text-decoration: none; color: #FFFFFF; display: flex;}.navigation ul li a .icon{ position:relative; display: block; width: 60px; height: 60px; co原创 2021-03-02 15:32:45 · 463 阅读 · 0 评论 -
Bootstrap学习记录【4】【代码】
Bootstrap学习记录【4】1.代码 一般在个人博客上使用较为频繁（1）<code></code>来显示单行代码，多行的话还是得用<br>来分隔例如：<code>你好</code>结果：你好（2）<pre></pre>来显示多行代码块，保留原本格式，包括空格和回车，①代码显示标签效果，显示html代码，需要使用字符实体，例如：<pr原创 2021-03-02 13:37:00 · 95 阅读 · 0 评论 -
Bootstrap学习记录【3】【一些对文本和列表的设置】
Bootstrap学习记录【2】1.标题既有直接对h1到h6标签进行样式覆盖，即直接使用标签就已经进行了样式更改；也提供了h1到h6的类名，为非标题元素设置样式：如： <div class="h2">你好</div>2.副标题在标题后面跟着<small>标签或使用.small3.段落可通过.lead增大文本字号，加粗文本，对行高和margin作出相应处理另外还有：<small> 小号字<b>/<strong>原创 2021-03-02 13:02:54 · 327 阅读 · 0 评论 -
CSS 水滴融合效果
CSS 水滴融合效果 初步介绍：对水滴元素设置filter属性为blur(6px);进行模糊处理，对水滴的上一层容器添加属性：filter:contrast(30);将模糊了的边框提升对比度，实现效果。<!doctype html><html><head><meta charset="utf-8"><title></title> <st原创 2021-03-02 00:24:10 · 438 阅读 · 0 评论 -
Bootstrap学习记录【2】【栅格网格系统】
Bootstrap学习记录【2】1.栅格网格系统定义容器大小，最小平分十二份，可以不足12格，不能超12格，超过12就不在一行了使用此系统，必须使用bootStrap的css:容器：.container数据行：.row列：.col-md-1;.col-md-4;.col-md-8;.col-md-6（md中屏【桌面显示器】可替换成xs超小屏【手机】、sm小屏【平板】、lg大屏【大桌面显示器】）例:`<div class="container"> <div class=原创 2021-03-01 21:51:33 · 329 阅读 · 0 评论 -
Bootstrap学习记录【1】【引入及布局】
Bootstrap学习记录【1】下载了Bootstrap的安装包后，在建项目时，将解压出来的文件中的整个dits文件拷贝到自己的项目中，就可以使用了，为了明显区别，可将dist文件名改为bootstrap：<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"><script src="jquery-3.4.1/jquery-3.4.1.js"></script><script src="原创 2021-02-27 01:36:07 · 158 阅读 · 0 评论 -
有趣的特效【js制成粒子吸附特效】
有趣的特效【js制成粒子吸附特效】https://www.cnblogs.com/huzixia/p/10388943.html在该网页中有如何实现粒子吸附特效：1.现象如图所示：注意在给自己的网页添加特效时，注意网页加载的先后顺序，否则可能出现仿佛js没有运行的情况。不知是不是因为笔者使用了背景图片的原因，在首部添加特效，特效没有出现，将特效改至在HTML文档末尾处，效果出现。...原创 2021-02-27 01:08:30 · 554 阅读 · 0 评论 -
Emmet,快速编辑HTML【学习记录】
对Emmet的简单了解Emmet是一款插件，可以方便HTML或CSS编程，此处仅总结了再HTML中的用法：只要能安装它的编辑器都能使用，大部分编辑器都可以使用该语法规则,笔者亲测DW中可用，以下结果均为在DW中实践所得：更多语法及Emmet的安装可见此页面：https://code.z01.com/Emmet/index.html注意：按tab键时，光标需要在最后新建.html文件 然后输入! 或者 !html:5 按下Tab键 Q左边的按键：结果：html:5 与上面的原创 2021-02-27 00:35:04 · 142 阅读 · 0 评论