前端
文章平均质量分 66
偏爱晴天
痛并快乐着
展开
-
flex 品字布局
第一种:(纯flex)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2021-10-27 19:47:36 · 330 阅读 · 2 评论 -
javascript 原型及原型链,实现继承
javascript 原型及原型链,实现继承引入知识基垫优雅的工厂函数——构造函数// 一个构造函数function Person(name) { this.name = name this.sayHello = function() { console.log("你好,我是",this.name) }}// 看下面两种方式创建实例的区别,就能体会到new做的事了// const zf = Person("张飞") // undefinedconst zf = ne原创 2021-08-21 01:10:48 · 133 阅读 · 0 评论 -
JavaScript数组采坑
长度JS 数组长度不是里面包含了多少个元素,为数组中元素最大索引加一const arr = [];arr[20] = 1;console.log(arr.length) // log: 21console.log(arr[0]) // log: undefine// 可使用 数组的length属性去清空元素let arr1 = [1, 2, 3, 4, 5, 6, 7];// 保留四个元素arr1.length = 4;console.log(arr1) // log: [ 1原创 2021-07-24 21:24:07 · 169 阅读 · 1 评论 -
数据结构-数组(JS中数组总结)
数据结构-数组存储结构物理结构:一种线性表数据结构,它用一组连续的内存空间来存储一组具有相同类型的数据(js特性:数组可以存储不同类型)优势高效的查询通过索引实现随机存取弊端低效的插入与删除:数组执行插入或删除操作时,往往需要进行频繁的元素移动,开销过大JavaScript中的数组1.定义数组// 1. 普通方式const arr1 = new Array();// 2. 指定长度const arr2 = new Array(5);// 3. 指定内容const ar原创 2021-07-24 16:15:15 · 306 阅读 · 0 评论 -
JQuery小结
JQuery NODE1. JQuery 是一个 JavaScript 库,可以极大地简化了 JavaScript 编程其中包含了:HTML元素的获取,操作事件函数CSS 操作JS:动画和特效动画操作AJAXUtilities提供大量的插件2. 引入jQuery安装jQuery从CDN加载:百度的CDN加载<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"原创 2021-06-12 20:13:44 · 62 阅读 · 0 评论 -
百分比单位
百分比布局除了用px结合媒体查询实现响应式布局外,还可以通过百分比单位“%”来实现响应式的效果。百分比单位总结子元素父元素width基于父元素的widthheight基于父元素的height(top, bottom), (left, right)基于父元素的height, widthmargin(top, right, bottom, left)基于父元素的widthpadding(top, right, bottom, left)基于父元素的wi原创 2021-06-12 20:04:44 · 51 阅读 · 0 评论 -
css居中处理
居中单行文本居中水平方向text-align(center)垂直方向设置行高与高度一致(line-height=height)多行文本在盒子中垂直居中(盒子不给高度,用上下padding挤出来)水平方向text-align(center)垂直方向设置容器的padding盒子在父盒子内水平居中设置盒子的margin(0 auto)盒子在父盒子内垂直居中已知父盒子的高度,设置盒子的margin-top未知父元素的高度,设置盒子的padd原创 2021-01-10 22:04:14 · 1421 阅读 · 0 评论 -
CSS隐藏元素属性
利用CSS属性来隐藏元素:display: none; --> 元素消失,不保留原占有空间visibility: hidden; --> 设置元素能见度(hidden),元素消失,保留原占有空间opacity: 0; --> 设置元素的不透明度(0), 元素消失,保留原占有空间举例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2021-01-09 23:51:44 · 479 阅读 · 0 评论 -
HTML查缺补漏
HTML查缺补漏代码规范标签名必须使用小写字母属性名必须使用小写字母,属性值必须用双引号包裹使用4个空格作为一个缩进层级class属性值 --> 单纯全小写,单词之间以"-"分割id属性值使用小驼峰式命名法页面元素 , 标签 , 属性元素是实体,标签是名称(标记)元素构成HTML文件的基本对象标签用于标记HTML元素属性为HTML元素提供各种附加信息使用 lang='en'分类:必须属性(img的src)可选属性(img的width,height等)全局原创 2021-01-01 19:11:33 · 140 阅读 · 0 评论 -
CSS常用选择器
#CSS 选择器基本选择器通配符选择器 --> *对默认样式进行标准化语法:* { CSS 样式;}标签选择器 --> element设定某元素的样式语法:element { CSS 样式;}.class选择器类选择器允许以一种独立于文档元素的方式来指定样式。语法:.class { CSS 样式;}#id选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。语法:原创 2021-01-01 19:03:07 · 103 阅读 · 0 评论