自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 react实现横向列表超出部分隐藏,点击按钮可以左右切换

react实现点击切换按钮列表左右切换

2022-11-04 16:42:31 2171 1

原创 LeetCode 第20题 有效的括号

leetcode20:有效的括号,刷题记录

2022-10-30 00:28:44 214

原创 Leet Code第一题求两数之和(JavaScript)

题目描述:给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。解法1:暴力解法(双重for循环)通过双重for循环遍历数组,找到nums[i]+nums[j] === target。时间复杂度:O()空间复杂度:O(1)var twoSum = function(nums,

2022-10-29 23:41:35 241

原创 Git学习笔记

一、版本控制1.1 文件的版本1.2 版本控制软件概念版本控制软件是一个用来记录文件变化,以便将来查阅特定版本修订情况的系统,因此有时也叫做“版本控制系统”。通俗的理解把手工管理文件版本的方式,改为由软件管理文件的版本;这个复杂管理文件版本的软件,叫做“版本控制软件”。1.3 使用版本控制软件的好处1.4 版本控制系统的分类1.本地版本控制系统特点:使用软件来记录文件的不同版本,提高了工作效率,降低了手动维护版本的出错率。缺点:单机运行,不支持多.

2022-02-14 00:25:42 290

原创 Vue学习笔记(vue_basci) --- 尚硅谷

一、初识Vue1.1 Hello案例结论 :想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象; root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法; root容器里的代码被称为【Vue模板】; Vue实例和容器是一一对应的; 真实开发中只有一个Vue实例,并且会配合着组件一起使用; {{xxx}}中的xxx要写js表达式,且xxx可以自动读取到data中的所有属性; 一旦data中的数据发生改变,那么页面中用到该数据的

2022-02-10 03:25:45 477

原创 JavaScript面向对象案例---面向对象Tab栏切换

案例样式:功能需求:点击tab栏,可以切换效果 点击+号,可以添加tab项和内容项 点击×号,可以删除当前的tab项和内容项 双击tab项文字或者内容项文字,可以修改里面的文字内容抽取对象:Tab对象该对象具有切换功能 该对象具有添加功能 该对象具有删除功能 该对象具有修改功能获取所有元素:var that;class Tab { constructor(id){ //获取元素 that = this; ...

2022-02-06 22:46:39 491

原创 JavaScript学习笔记---面向对象编程-JS高级部分(pink老师)

一、面向对象编程介绍1.1 两大编程思想1.面向过程编程POP(Process-Oriented Programming)面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一 步实现 ,使用的时候再一个一 个的依次调用就可以了。举个栗子:将大象装进冰箱,面向过程做法。面向过程,就是按照我们分析好了的步骤,按照步骤解决问题。2.面向对象编程OOP(Object Oriented Programming)面向对象是把事务分解成为一个个对象,然后由对象之间分工与合.

2022-02-06 20:42:53 4214 4

原创 JavaScript学习笔记--JS高级(尚硅谷)

一、基础总结深入1.1 数据类型1.基本(值)类型String:任意字符串 Number:任意的数字 boolean:true/false undefined:undefined null:null2.对象(引用)类型Object:任意对象 Function:一种特别的对象(可以执行) Array:一种特别的对象(数值下标属性,内部数据是有序的)3.判断数据类型方式typeof :返回数据类型的字符串表达 ...

2022-01-31 02:40:48 1237 5

原创 JavaScript学习笔记 --- PC端网页特性

一、元素偏移量offset系列1.offset概述offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位获取元素位置:<style> * { margin: 0; padding: 0; } .father { .

2022-01-30 23:58:38 1080

原创 JavaScript学习笔记(四)--- BOM

一、BOM概述1.1 什么是BOMBOM ( Browser Object Model )即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM由一系列相关的对象构成,且每个对象都提供了很多方法与属性。BOM缺乏标准, JavaScript 语法的标准化组织是ECMA , DOM的标准化组织是W3C , BOM最初是Netscape浏览器标准的一部分。1.2 BOM的组成window对象是浏览器的顶级对象,它具有双重角色。它是JS访问.

2022-01-28 22:44:44 826

原创 JavaScript学习笔记3-Web APIs(DOM)

一、Web APIs 和 JS 基础关联性1.1 JS的组成1.2 JS基础阶段以及 Web APIs阶段JS基础阶段我们学习的是ECMAScript标准规定的基本语法 要求同学们掌握JS基础语法 只学习基本语法,做不了常用的网页交互效果 目的是为了JS后面的课程打基础、做铺垫Web APIs阶段Web APIs是W3C组织的标准 Web APIs我们主要学习DOM和BOM Web APIs是我们JS所独有的部分 我们主要学习页面交互功能 需要使用JS基础的课程内容做

2022-01-25 00:22:42 1519

原创 JavaScript学习笔记(二)

一、数组1.1 数组的概念数组是一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。1.2 创建数组1.利用new创建数组var 数组名 = new Array();var arr = new Array(); //创建一个新的空数组注意: 这种方式暂且了解,等学完对象再看 注意Array(),A要大写 2.利用数组字面量创建数组// 使用数组字面量的方式创建空...

2022-01-23 00:05:35 881

原创 JavaScript学习笔记(一)

一、编程语言1.1 编程编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。计算机程序:就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令。实际上计算机最终所执行的都是机器语言,它是0和1组成的二进制数,二进制是计算机语言的基础。1.2 编程语言通过类似于人类语言的“语言”来控制计算机,让计算机为我们做事情,这样的语言就叫做编程语言。编程语言是用来控制计算机的

2022-01-20 18:55:12 949

原创 CSS学习笔记---CSS3的新特性

一、CSS3新增选择器1.1 属性选择器类选择器和属性选择器 伪类选择器 权重都是 10<style> /* 必须是input 但是同时具有 value这个属性 选择这个元素 [] */ /* input[value] { color:pink; } */ /* 只选择 type =text 文本框的input 选取出来 */ input[type=text] { .

2022-01-19 17:42:11 1188

原创 HTML学习笔记---HTML5新特性

一、HTML新特性HTML5的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单、新的表单属性等。这些新特性都有兼容性问题,基本都是IE9+以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。1.1 HTML5新增的语义化标签以前布局,我们基本用div来做,div对于搜索引擎来说,是没有语义。 <div class="header"></div> <div class="nav"></div>

2022-01-19 12:46:31 153

原创 CSS学习笔记-CSS高级技巧

一、精灵图1.1 为什么需要精灵图一个网页中往往应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。因此,为了有效减少服务器解释和发送请求的次数,提高页面的加载速度,出现了CSS精灵技术(也称CSS Sprites、CSS雪碧)。核心原理:将网页中的一些小背景图像整合到一张大图中,这样服务器只需要一次请求就可以了。1.2 精灵图(spirtes)的使用使用精灵图核心:精灵技术主要针对于背景图片

2022-01-18 19:22:48 380

原创 CSS学习笔记(三)

一、CSS浮动1.1 传统网页布局的三种方式网页布局的本质:用CSS来摆放盒子,把盒子摆放到相应位置。CSS提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序):普通流(标准流) 浮动 定位1.2 标准流(普通流/文档流)所谓的标准流,就是标签按照规定好默认方式排列。 块级元素会独占一行,从上向下顺序排列。 常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table 行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行。 .

2022-01-15 23:13:45 388

原创 CSS学习笔记(二)

所学课程:b站pink老师---------------------------------------------------------------------------------------------------------------------------------一 、Emmet语法Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度,Vscode内部已经集成该语法。1.1 快速生成HTML结构语法生成标签直接输入标签名按tab键即

2022-01-11 22:44:20 818

原创 CSS学习笔记(一)

CSS简单了解一、CSS简介CSS是层叠样式表(Cascading Style Sheets)的简称,有时也会称为CSS样式表或级联样式表。CSS是一种标记语言(注意:不是编程语言!!!)CSS主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS可以美化HTML,让HTML更漂亮,让页面布局更简单。2.CSS语法规范CSS规则主要由两个主要的部分构成:选择器以及一条或多条声明。选择器是用于

2022-01-07 12:11:45 610

原创 HTML学习笔记

看的是b站pink老师的视频,从今天开始学习,一定要坚持坚持!!!-----------------------------------------------------------------------------------------------------------Day1一、Web标准(重点)Web标准:由W3C组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织。1.1 为什么需要web标准遵循Web标准除了可以让不同的开发人员写

2021-12-28 19:10:48 728

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除