- 博客(81)
- 收藏
- 关注
RSS订阅
原创 HTML基础标签汇总
文章目录一、HTML 文档结构1.基本结构标签2.文档类型声明标签3.lang语言种类4.字符集二、标签1.标题标签2.段落标签3.换行标签4.文本格式化标签5.盒子标签6.图像标签7.超链接标签8.特殊字符9.表格标签10.列表标签11.表单标签一、HTML 文档结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-
2022-03-13 09:50:41
1681
46
原创 JavaScript基础之字符串对象
文章目录前言1.基本包装类型2.字符串的不可变3.根据字符返回位置4.根据位置返回字符5.字符串操作方法6.replace()7.split()前言1.基本包装类型为了方便操作基本数据类型，JavaScript 还提供了三个特殊的引用类型：String、Number和 Boolean基本包装类型就是把简单数据类型包装成为复杂数据类型，这样基本数据类型就有了属性和方法我们看看下面代码有什么问题？ <script> var str = 'zhangsan' c
2022-04-20 08:53:59
427
18
原创 JavaScript基础之数组对象
文章目录1.数组对象的创建2.检测是否为数组3.添加删除数组元素4.数组排序5.数组索引6.数组转化为字符串7.其他方法7.1 concat()7.2 slice()7.3 splice()1.数组对象的创建创建数组对象的两种方式:字面量方式new Array() <script> //字面量方法 let arr1 = [1, 3, 5] //new Array() let arr2 = new Array() </script>
2022-04-08 10:14:07
275
12
原创 JavaScript基础之Math、Data对象
文章目录1.Math对象2.font-size3.font-size4.font-style5.字体属性复合写法6.字体属性总结1.Math对象Math 对象不是构造函数，它具有数学常数和函数的属性和方法。跟数学相关的运算（求绝对值，取整、最大值等）可以使用 Math 中的成员Math对象的常用属性、方法有： <script> Math.PI //圆周率 Math.random() //返回一个[0,1)之间的随机数 Math.flo
2022-04-06 08:19:44
530
23
原创 JavaScript基础之对象
文章目录前言1.创建对象1.1利用字面量创建对象2.font-size3.font-size4.font-style5.字体属性复合写法6.字体属性总结前言在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等对象是由属性和方法组成的：1.属性：事物的特征，在对象中用属性来表示（常用名词2.方法：事物的行为，在对象中用方法来表示（常用动词）1.创建对象在 JavaScript 中，现阶段我们可以采用三种方式创建对象（obj
2022-04-05 09:22:58
431
18
原创 JavaScript基础之作用域、预解析
文章目录前言1.作用域1.1全局作用域1.2局部（函数）作用域1.3JS 没有块级作用域（ES6之前）2.变量的作用域2.1全局变量2.2局部变量2.3区别3.作用域链4.预解析4.1变量预解析(变量提升)4.2函数预解析(函数提升)前言通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突！！注意：此文章不考虑ES6语法1.作用域1.1全局作用域作用于所有代
2022-04-04 08:35:35
264
13
原创 JavaScript基础之函数
文章目录前言1.函数的使用2.函数的参数1.形参和实参2.形参和实参个数不匹配3.函数的返回值1.return语句2.return 终止函数3.return 的返回值4.break、continue、return 的区别4.arguments的使用5.函数的两种声明方式1.自定义函数方式(命名函数)2.函数表达式方式(匿名函数)前言函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。1.函数的使用函数在使用时分为两步：声明函数和调用函数①声明函数 &
2022-04-02 12:32:56
501
21
原创 JavaScript之数组
文章目录前言1.创建数组1.利用 new 创建数组2.利用数组字面量创建数组2.数组的索引（下标）3.遍历数组4.数组的长度5.数组中新增元素1.通过修改 length 长度新增数组元素2.通过修改数组索引新增数组元素6.举例应用1.翻转数组2.数组排序前言数组(Array) 是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。1.创建数组JavaScript 中创建数组有两种方式：①利用 new 创建数组②利
2022-04-01 08:48:59
353
18
原创 JavaScript之循环语句
文章目录前言1.for循环2.双重for循环3.while循环4.do while循环5.continue6.break前言1.for循环在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句<script> for (初始化变量; 条件表达式; 操作表达式) { // 循环体内部 }</script>举例：求1，2，3…99，100的和&
2022-03-31 09:39:55
1528
15
原创 JavaScript基础之运算符
文章目录前言1.算术运算符1.1浮点数的精度问题1.2递增和递减运算符2.比较(关系)运算符3.font-size4.font-style5.字体属性复合写法6.字体属性总结前言运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号1.算术运算符概念：算术运算使用的符号，用于执行两个变量或值的算术运算运算符描述实例+加10 + 20 =30-减10 - 20 =-10*乘10 * 20 =200/除
2022-03-29 08:26:03
877
19
原创 JavaScript数据类型归纳
文章目录1.数据类型1.1基本数据类型(不包括ES6)1.1.1Number2.font-size3.font-size4.font-style5.字体属性复合写法6.字体属性总结1.数据类型在代码运行时，变量的数据类型是由 JS引擎 根据 = 右边变量值的数据类型来判断 的，运行完毕之后， 变量就确定了数据类型JS 把数据类型分为两类:基本数据类型(Number,String,Boolean,Undefined,Null)复杂数据类型(Object)1.1基本数据类型(不包括ES6
2022-03-28 08:27:24
352
25
原创 JavaScript基础语法（上）
文章目录1.注释1.1单行注释1.2多行注释2.输入输出语句3.变量3.1变量初始化3.2声明变量特殊情况3.3变量的命名规范1.注释1.1单行注释<script> // 格子学前端</script>快捷键：ctrl + / （让光标位于需要注释的那一行上，并使用快捷键）1.2多行注释<script> // HTML // CSS // JavaScript</script>快捷键：ctrl + / （
2022-03-26 09:08:13
979
28
原创 JavaScript初识
文章目录前言1.JavaScript简介2.浏览器执行JS简介①渲染引擎②JS 引擎3.JS的组成①ECMAScript②DOM文档对象模型③BOM浏览器对象模型前言JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言1.JavaScript简介JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思）脚本语言： 不需要编译，运行过程中由 js 引擎 逐行来进行解释并执行现在也可以基于 Nod
2022-03-25 08:30:46
294
14
原创 CSS3基础之3D转换
文章目录1. 三维坐标系2. 3D位移translate3d3. 透视perspective3.1`translateZ`4. 3D旋转`rotate3d`5. 3D呈现`transform-style`1. 三维坐标系三维坐标系其实就是指立体空间，立体空间是由3个轴共同组成的x轴： 水平向右 注意： x 右边是正值，左边是负值y轴： 垂直向下 注意： y 下面是正值，上面是负值z轴： 垂直屏幕 注意： 往外面是正值，往里面是负值tips： 3D 转换我们主要学习工作中最常用的3
2022-03-24 08:04:59
804
19
原创 CSS3基础之动画
文章目录前言1.用keyframs定义动画2.font-size3.font-size4.font-style5.字体属性复合写法6.字体属性总结前言动画animation是CSS3中新增的内容之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。1.用keyframs定义动画2.font-size3.font-size4.font-style5.字体属性复合写法6.字体属性总结...
2022-03-23 08:50:18
1415
16
原创 CSS3基础之filter、calc函数、transition过渡
文章目录1.CSS3盒子模型1. 1 content-box1. 2 border-box2.滤镜filter3.calc函数4.transition过渡1.CSS3盒子模型CSS3 有两种不同的盒模型，可以分别通过设置box-sizing的content-box或border-box这两个属性来得到1. 1 content-box<style> div { box-sizing: content-box; }</style>c
2022-03-22 08:17:17
818
20
原创 CSS3基础之2D转换
文章目录1.2D转换1.1移动translate1.2旋转rotate1.3旋转中心点transform-origin2.缩放scale3.2D转换综合写法4.2D转换总结1.2D转换**转换(transform)**是可以实现元素的位移，旋转，缩放等效果移动：translate旋转：rotate缩放：scale在CSS中的二维坐标系1.1移动translate2D移动是2D转换里面的一种功能，可以改变元素在页面中的位置，类似定位<style> div
2022-03-21 08:16:03
595
32
原创 CSS3之新增选择器
文章目录1.属性选择器1.利用属性选择器就可以不借助于类或者id选择器2.属性选择器还可以选择 属性 = 值的某些元素3.属性选择器可以选择属性值开头的某些元素4.属性选择器可以选择属性值结尾的某些元素2.结构伪类选择器2.1 `E:first-child` 和`E:last-child`2.2 `nth-child(n)`2.3`E:first-of-type`和`E:last-of-type`3.伪元素选择器1.属性选择器属性选择器可以根据元素特定的属性来选择元素，这样就可以不用借助于类或者i
2022-03-19 08:41:45
721
16
原创 CSS基础之元素的隐藏与显示
文章目录前言1.display显示隐藏2.visibility显示隐藏3.overflow溢出显示隐藏4.display与visibility的区别前言类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现，这时候我们就需要用到元素的隐藏和显示1.display显示隐藏display属性用于设置一个元素应如何显示<style> div { display: block; /* 同时具有转换为块级元素和显示元素的作用
2022-03-18 08:12:50
860
20
原创 CSS基础之定位
文章目录前言1.定位的组成2.静态定位static3.相对定位relative4.绝对定位absolute5.子绝父相6.固定定位fixed7.粘性定位sticky8.定位模式总结前言定位可以让盒子自由的在某个盒子内移动位置或固定屏幕中某个位置，并且可以压住其他盒子1.定位的组成定位 = 定位模式 +边偏移定位模式决定元素的定位方式 ，它通过 CSS 的 position 属性来设置，其值可以分为四个：值语义static静态定位relative相对
2022-03-17 08:33:36
411
20
原创 CSS基础之浮动
文章目录1.浮动的典型应用2.浮动的特性3.浮动元素经常和标准流父级搭配使用4.浮动的注意点5.清除浮动1.浮动的典型应用什么是浮动：float属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘浮动最典型的应用：可以让多个块级元素一行内排列显示<style> div { float: left | none | right; }</style>属性值描述none元素不浮动
2022-03-15 08:38:50
502
18
原创 CSS基础之盒子模型
文章目录前言1.盒子模型的组成2.边框(border)3.内边距(padding)4.外边距(margin)①外边距典型应用②外边距合并③清除内外边距前言css页面布局三大重点： css 盒子模型 、 浮动 、 定位1.盒子模型的组成border(边框)content(内容)padding(内边距)margin(外边距)2.边框(border)CSS 边框属性允许你指定一个元素边框的样式和颜色边框由三部分组成：边框宽度（粗细）、边框样式、边框颜色属性作用
2022-03-12 08:34:51
336
18
原创 CSS基础之CSS三大特性
文章目录1.层叠性2.继承性3.优先级1.层叠性所谓层叠性是指多种CSS样式的叠加，它是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性覆盖掉原则：样式冲突，遵循的原则是就近原则。 哪个样式离结构近，就执行哪个样式样式不冲突，不会层叠2.继承性子标签会继承父标签里面的某些样式，例如文本颜色和字号等Tips：恰当地使用继承可以简化代码，降低CSS样式的复杂性3.优先级当同一个元素指定多个选择器，就会有优
2022-03-11 08:49:03
1004
24
原创 CSS基础之CSS背景
文章目录前言1.background-color2.background-image3.background-repeat4.background-position5.background-attachment6.背景复合写法7. 背景半透明8.背景总结前言通过 CSS 背景属性，可以给页面元素添加背景样式，包括background-color、background-image、background-repeat、background-position等1.background-color<
2022-03-09 07:41:53
399
25
原创 CSS基础之CSS文本属性
文章目录前言1.color2.text-align3.font-size4.text-decoration5.text-indent6.line-height7.文本属性总结前言CSS 文本属性可以设置文本的 外观，比如文本颜色、对齐文本、装饰文本、文本缩进、行间距的等1.colorcolor属性用于定义文本的颜色 <style> div { color: blue; } </style>
2022-03-03 08:19:37
2082
23
原创 CSS基础之CSS字体属性
文章目录前言1.font-family2.font-size3.font-size4.font-style5.字体属性复合写法6.字体属性总结前言CSS 字体属性用于定义字体系列、大小、粗细和文字样式(如斜体)1.font-familyCSS 使用 font-family属性设置文本的字体系列 <style> div { font-family: Arial, "Microsoft Yahe", "微软雅黑"; }
2022-03-01 12:13:55
654
20
原创 LeetCode 46. 全排列
深度优先搜索class Solution {public: vector<vector<int>>ans; vector<int>path; vector<bool>st; vector<vector<int>> permute(vector<int>& nums) { int n=nums.size(); path=vector<int&g.
2022-01-31 14:10:39
91
3
原创 LeetCode 45. 跳跃游戏 II
动态规划class Solution {public: int jump(vector<int>& nums) { int n=nums.size(); vector<int>f(n); for(int i=1,j=0;i<n;i++){ while(j+nums[j]<i)j++; f[i]=f[j]+1; } retur.
2022-01-31 14:09:20
2155
原创 LeetCode 43. 字符串相乘
模拟列竖式class Solution {public: string multiply(string num1, string num2) { vector<int>A,B; int n=num1.size(),m=num2.size(); for(int i=n-1;i>=0;i--)A.push_back(num1[i]-'0'); for(int i=m-1;i>=0;i--)B.push_back.
2022-01-31 14:04:29
6317
1
原创 LeetCode 40. 组合总和 II
深度优先搜索（回溯）class Solution {public: vector<vector<int>>ans; vector<int>path; vector<vector<int>> combinationSum2(vector<int>& nums, int target) { sort(nums.begin(),nums.end()); dfs(nums,0.
2022-01-31 14:03:15
67
原创 LeetCode 39. 组合总和
深度优先搜索（回溯）class Solution {public: vector<vector<int>>ans; vector<int>path; vector<vector<int>> combinationSum(vector<int>& nums, int target) { dfs(nums,0,target); return ans; } .
2022-01-31 14:02:00
319
原创 LeetCode 38. 外观数列
双指针class Solution {public: string countAndSay(int n) { string s="1"; for(int i=0;i<n-1;i++){ string t; for(int j=0;j<s.size();){ int k=j+1; while(k<s.size() &&..
2022-01-27 23:19:49
6945
2
原创 CSS基础之CSS选择器
CSS选择器前言一、基础选择器分类1.标签选择器2.类选择器3.类选择器-多类名4.id选择器5.通配符选择器总结前言要使用CSS对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。一、基础选择器分类1.标签选择器标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式 <style> 标签名 { 属性1: 属性值1; ..
2022-01-24 12:50:23
516
15
原创 LeetCode 36. 有效的数独
class Solution {public: bool isValidSudoku(vector<vector<char>>& board) { bool st[9]; //判断行 for(int i=0;i<9;i++){ memset(st,0,sizeof st); for(int j=0;j<9;j++){ if(..
2022-01-24 12:49:59
135
原创 LeetCode 35. 搜索插入位置
二分查找class Solution {public: int searchInsert(vector<int>& nums, int target) { int l=0,r=nums.size(); //target有可能大于所有数 while(l<r){ int mid=l+r>>1; if(nums[mid]<target)l=mid+1; .
2022-01-24 12:49:54
55
原创 LeetCode 34. 在排序数组中查找元素的第一个和最后一个位置
二分查找class Solution {public: vector<int> searchRange(vector<int>& nums, int target) { if(nums.empty())return {-1,-1}; int l=0,r=nums.size()-1; while(l<r){ int mid=l+r>>1; if(num.
2022-01-24 12:49:48
137
原创 LeetCode 33. 搜索旋转排序数组
二分查找class Solution {public: int search(vector<int>& nums, int target) { if(nums.empty())return -1; int l=0,r=nums.size()-1; while(l<r){ int mid=l+r+1>>1; if(nums[mid]>=nums[0])l=m.
2022-01-24 12:49:42
130
原创 LeetCode 31. 下一个排列
贪心class Solution {public: void nextPermutation(vector<int>& nums) { int k=nums.size()-1; while(k>0 && nums[k-1]>=nums[k])k--; if(k<=0)reverse(nums.begin(),nums.end()); else{ int .
2022-01-23 16:20:21
61
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人