- 博客(23)
- 收藏
- 关注
RSS订阅
原创 CSS高级实用技巧-浮动
CSS高级实用技巧-浮动一、了解浮动什么是浮动？元素的浮动是指设置了浮动属性的元素会脱离普通标准流的控制，移动到其父元素中对应位置的过程在css中通过float属性来定义浮动浮动的目的：是让多个块级元素能够在同一行上显示浮动的特性总则：浮动会脱离标准流，不会占位置，但是会影响标准流特性1：浮动元素总是会找离它最近的父级元素对齐，但是不会超出父级元素的内边距特性2：...
2019-09-05 16:19:42
203
原创 JS中的继承
文章目录一、JS中的继承1.1 原型继承1.2 call继承1.4 寄生组合式继承（推荐）1.5 class继承（es6）一、JS中的继承面向对象：封装、继承、多态封装：把某个功能的代码进行封装处理，后期想要实现这个代码，直接调用函数执行多态：重载（方法名相同，参数的个数和类型不同，这样认为是多个方法）和 重写（子类重写父类的方法）继承：子类继承父类的方法“子类的实例既拥有子类赋予的私有/公有属性和方法，也想拥有父类赋予的私有/公有属性和方法”（和传统的后台继承不一样，子类继承父类，会把父类的方
2021-08-26 09:23:32
197
3
原创 前端性能优化「面试常问」
前端性能优化方案一、HTTP层面网络层优化减少HTTP请求次数减少DNS解析次数，如果非要多次解析，使用 DNS Prefetch静态资源文件一定要使用强缓存「Expires / Cache-Control」和 协商缓存「Last-Modified / ETag」资源文件的压缩「可以基于webpack打包压缩，而且服务器端一定要开启GZIP压缩{这个可以把资源压缩60%左右}」资源文件的合并「可以基于webpack打包合并，目的是减少页面中的HTTP请求次数」客户端尽可能减少对cookie的
2021-08-25 22:45:49
164
原创 Vue基础知识「持续更新中」
第一章、Vue核心1.1、初始Vue<div id="root"></div> 是一个容器，容器中写的不是原始的html代码，而是Vue的模板代码所谓的模板代码，就是html+js的结合体{{xxx}} xxx会自动读取data中的xxx属性一个Vue实例只能服务于一个容器<body> <!-- 1. <div id="root"></div> 是一个容器，容器中写的不是原始的html代码，而是Vue
2021-08-24 23:22:07
727
7
原创 数据类型的区别
004-数据类型的区别一、基本数据类型和引用数据类型的存储1.1 浏览器想要执行代码首先要从电脑中分配出一块内存，用于执行JS代码（栈内存=>Stack）其次还需要分配一个主线程，用于自上而下执行代码1.2 基本数据类型的存储过程首先创建变量，把它存储到当前站内存中的变量存储空间中其次是创建值，把它存储到当前栈内存中的值存储空间中（基本数据类型才是这样存储的，引用数据类型由于比较复杂，不适用于这种存储方式）把变量和值关联起来1.3 引用数据类型的存储创建变量，把其存储在当
2021-02-25 21:29:17
219
原创 JS中的数据类型及其详解
知识点：基本数据类型有哪些？引用数据类型有哪些？基本数据类型和引用数据类型的区别各种数据类型的详解一、基本数据类型数字类型 number字符串类型 string布尔类型 boolean空指针对象 null未定义undefinedES6新增的symbol二、引用数据类型对象 object{}普通对象[]数组对象Math数学函数对象函数function（函数也是对象）...
2021-01-08 20:26:34
388
原创 001-JS中常用的数据类型
002-JS中常用的数据类型1.数据值是一门编程语言进行生产的材料，js中的数据类型值包括基本数据类型、引用数据类型、函数2.基于alert输出的结果是字符串；alert(1+1); 输出结果为字符串"2"一、基本数据类型值(值类型)1.1 数字numberNaN：not a number 但是它是数字类型的isNaN：检测当前这个值是否不是有效数字，false代表的是有效数字，tr...
2020-02-13 16:17:58
226
原创 CSS高级实用技巧 -- 二维码隐藏案例
CSS高级实用技巧 – 二维码隐藏案例html结构: <section> <img class="one" src="images/wechat.png" alt=""> <img class="two" src="images/yjh.jpg" alt=""> </section>css代码: *...
2019-09-05 22:37:58
769
原创 美女图片综合案例
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,...
2019-06-14 10:38:30
7655
原创 css背景
css可以添加背景颜色和背景图片，以及对背景图片进行设置属性含义background-color背景颜色background-image背景图片background-repeat：no-repeat是否平铺background-position：10px 10px；背景位置background-attachment：fixed；背景固定还是滚...
2019-06-11 15:47:59
111
原创 css书写规范
css书写规范空格规范【强制】选择器与花括号之间必须有空格示例：.selecter { }【强制】属性名与之后的 : 之间不允许包含空格，： 与属性值之间必须包含空格示例：font-size：px； 选择器规范【强制】当一个rule包含多个selecter时，每个选择器必须独占一行正确示范：.post,.page,.comtent { line-height: ...
2019-06-10 23:32:36
243
原创 块级元素和行内元素（重点）
块级元素和行内元素（重点）块级元素每个块级元素通常都会独占一行或者是多行，可以对其单独设置高度,宽度以及对齐等属性。常见的块级元素有：<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li> 等块级元素的特点：块级元素会独占一行高度，行高，外边距和内边距都可以单独设置宽度默认是容器的1...
2019-06-10 00:01:14
21827
1
原创 css外观属性
line-height：行间距line-height：属性用于设置行间距，即行与行之间的间距，也就是字符的垂直距离。一般习惯称为行高，该属性的单位有三种：px，em和百分比，实际工作中一般用px。一般情况下，行号比字号大7-8个像素就可以了text-align：水平对齐方式text-align：属性用于设置文本的水平对其方式，其可用的属性值如下：left（默认值）：左对齐right：右对...
2019-06-09 22:52:55
257
原创 css伪类选择器
伪类选择器链接伪类选择器:link :visited :hover :active 注意：书写的时候尽量不要颠倒顺序，记忆顺序是 love hate一般工作中经常使用的属性如下：<style> a{ font-size: 14px; font-weight: bold; color: darkgray; ...
2019-06-08 19:43:45
5779
原创 css字体样式属性
css字体样式属性font-size：字号大小font-size：字号大小用于设置字号，该属性可以用相对长度单位、也可以使用绝对长度单位。其中相对长度单位比较常用，推荐使用像素单位px，绝对长度用得相对较少。相对长度单位有：em、px，推荐使用pxfont-family：字体设置font-family：用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。例如要将网页中的段落文本的字体设...
2019-06-07 20:18:40
2451
原创 html5新增的标签
html5新增的标签一、常用标签W3school中文在线手册官网标签名作用header定义网页的头部nav定义网页导航栏footer定义网页的底部article定义文章部分section定义网页中的节aside定义侧边栏二、 新增的input type属性类型使用实例含义email输入邮件格式...
2019-06-06 21:20:09
246
原创 html5表单控件和表单域
、表单控件文章目录、表单控件1.1 认识表单1.2 input控件1.2.1 文本框与密码框1.2.2 单选框和复选框1.2.3 默认选中表单属性1.2.4 input按钮组1.2.5 最对字符数和文本值1.2.6 label标签1.2.7 textarea控件（文本域）1.2.8 下拉菜单二、表单域1.1 认识表单表单控件：包含了具体的表单功能项，如但行文本输入框、密码输入框、复选框、提...
2019-06-03 15:59:53
3011
原创 Python多分支if语句
注意：if语句代码是从上往下执行的，当执行到满足条件的语句时，代码会停止往下执行注意：if语句后面要加上冒号score = int (input("score："))if score > 90: print("A")elif score > 80: print("B")elif score > 70: print("C")elif score...
2019-05-27 07:59:35
16322
原创 Python变量名的命名规则
变量名的命名规则由字母、数字、下划线组成不能使用纯数字、也不能用数字开头不能是Python的关键字区分大小写不要用中文推荐使用驼峰或者下划线命名不能太长要有意义、见名知意...
2019-05-24 18:50:19
8864
原创 Python变量的基本类型
变量的数据类型int类型：整数，可以进行"+、-、*、/、%（取模）、//（整除）"str类型：字符串；’ ‘、" "、’ ’ '、" " "括起来的内容叫字符串；字符串可以进行的操作： + *查看变量的类型：type（）name = "良雨"print(type(name))...
2019-05-24 18:47:58
136
原创 圣杯布局
圣杯布局概述：布局与双飞翼布局针对的都是三列左右栏固定中间栏边框自适应的网页布局布局要求有几点：三列布局，中间宽度自适应，两边定宽；中间栏要在浏览器中优先显示渲染允许三列中的任意一列成为最高列1、DOM结构首先定义出整个布局的DOM结构，主要部分是由container包裹的center、left、right三部分组成。其中center定义在最前面<div class...
2019-05-10 17:08:09
540
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人