前端学科体系
关注
分享
扫一扫
本专栏包括html、css、javaScript.
城南皮卡丘
擅长Java全栈、Python开发、深度学习与神经网络等，研究方向为CV、NLP
展开
-
css3属性box-sizing:border-box
css3属性box-sizing:border-box 用法解析响应式Web设计经常需要我们通过百分比设置组件宽度。如果我们不考虑边框，那么很容易就可以实现，但如果你给每一列以及总宽度都采用百分比设置，那这个时候固定的边框大小就会出来捣乱。下面我们将看到一组方法去解决这个问题，你会学到如何创建一个流式布局，而不用担心额外的边框以及内边距。假设我们需要一个五列的布局。我们要考虑的第一件事就是...转载 2020-04-08 15:19:53 · 450 阅读 · 0 评论 -
Layui数据表格入门
官网文档地址:https://www.layui.com/doc/modules/table.htmllayui优秀视频教程:https://www.bilibili.com/video/BV1ct411n7SN?from=search&seid=142175254387230574021.效果展示图:<!DOCTYPE html PUBLIC "-/...原创 2020-04-04 16:15:23 · 354 阅读 · 0 评论 -
SpringBoot+Layui+Mybatis-plus实现数据查询分页
目录(一)最终效果展示(二)前后端接口约定(三)前端环境搭建html代码:(四)后端环境搭建1.快速引入spring boot项目相关依赖2.引入mybatis-plus相关maven依赖3.创建数据表4. 创建java bean5. 配置application.proprties6.完善实体类7.添加配置类8.编写mapper9.编写...原创 2020-03-31 11:35:12 · 4116 阅读 · 0 评论 -
js--BOM浏览器对象模型
1.浏览器对象模型<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> /* * BOM * - 浏览器对象模型 ...原创 2020-02-28 13:21:23 · 196 阅读 · 0 评论 -
js--鼠标点击移动松开事件、滚轮事件、键盘事件
目录1.推拽2.滚轮事件3.键盘事件1.推拽<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ widt...原创 2020-02-28 11:54:12 · 1643 阅读 · 0 评论 -
js--事件的冒泡、委派、绑定、传播
1.事件对象<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; c...原创 2020-02-27 18:49:12 · 809 阅读 · 0 评论 -
javaScript操作CSS样式
1.使用Dom操作Css<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height:...原创 2020-02-26 22:16:58 · 321 阅读 · 0 评论 -
js--dom实现增删改操作
1.dom内置方法实现增删改<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; chars...原创 2020-02-26 18:31:05 · 238 阅读 · 0 评论 -
js--Dom操作
1.Dom的基本概念<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button id="btn">我是一个按钮</button> ...原创 2020-02-25 17:25:26 · 273 阅读 · 0 评论 -
js---正则表达式
目录1.正则表达式的创建及其基本方法2.正则表达式的匹配规则3.字符串和正则的相关方法4.高级匹配规则5.邮件的正则1.正则表达式的创建及其基本方法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>...原创 2020-02-25 11:10:56 · 276 阅读 · 0 评论 -
js---Date对象、Math对象、包装类、字符串相关方法
目录1.时间日期对象Date2.Math对象3.包装类4.字符串的相关方法1.时间日期对象Date<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/j...原创 2020-02-24 22:43:52 · 143 阅读 · 0 评论 -
js--重写toString、垃圾回收、数组及其方法、函数的方法
目录1.重写toString()方法2.js中的垃圾回收机制3.数组4.数组的方法5.数组练习6.forEach1.重写toString()方法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>...原创 2020-02-24 20:49:13 · 976 阅读 · 0 评论 -
js--对象及其操作、函数
1.对象的创建、属性添加、修改及其删除<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * JS中数据类型 * -...原创 2020-02-23 12:41:46 · 394 阅读 · 0 评论 -
js中的数据类型及其相互转化
目录一.六种数据类型二.基本数据类型1.String2.Number3.Boolean4.null与undefined三.数据类型之间的转化1.其他数据类型转化为String2.其他数据类型转化为Number3.其他数据类型转化为Boolean一.六种数据类型/* * 数据类型指的就是字面量的类型 * 在JS中一共有六种...原创 2020-02-22 12:26:45 · 387 阅读 · 0 评论 -
表单
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 表单的作用就是用来将用户信息提交给服务器的 比如：百度的搜索框 注册 登录这些操作都...原创 2020-02-21 15:56:50 · 126 阅读 · 0 评论 -
CSS定位与背景图片、表格
目录一 .定位1.1 相对定位1.2 绝对定位1.3 固定定位1.4 层级二.图片样式2.1 background-image与background-repeat2.2 background-position与background-attachment一 .定位1.1 相对定位<!DOCTYPE html><html>...原创 2020-02-20 22:54:25 · 368 阅读 · 0 评论 -
CSS中的高度塌陷问题
1.高度塌陷<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .box1{ /*为box1设置一个边框*/ border: 1...原创 2020-02-19 22:46:15 · 231 阅读 · 0 评论 -
块元素与内联元素的盒子模型、浮动
1.盒子模型<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1{ /* * 使用width来设置盒子内容区的宽度 ...原创 2020-02-17 22:05:14 · 219 阅读 · 0 评论 -
CSS样式基础(长度、颜色、字体、文本)
1.长度单位<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* * 长度单位 * 像素 px * - 像素是...原创 2020-02-17 21:44:24 · 436 阅读 · 0 评论 -
CSS基础二
1.选择器的优先级/* * 当使用不同的选择器，选中同一个元素时并且设置相同的样式时， * 这时样式之间产生了冲突，最终到底采用哪个选择器定义的样式，由选择器的优先级（权重）决定 * 优先级高的优先显示。 * * 优先级的规则 * 内联样式 ， 优先级 1000 * id选择器，优先级 100 * 类和伪...原创 2020-02-16 21:05:25 · 200 阅读 · 0 评论 -
CSS基础一
1.块元素与内联元素1.1（1） 块元素的概念：div就是一个块元素：所谓的块元素就是会独占一行的的元素,无论他的内容有多少他都会独占一整行。（2）其他常见的块元素： div、p、h1、h2........（3）div元素详解：div这个标签没有任何语义，就是一个纯粹的块元素，并且不会为它里边的元素设置任何的默认样式，div元素主要用来对页面进行布局的 .1.2（1）内联...原创 2020-02-15 20:33:47 · 517 阅读 · 0 评论