小白_小可-CSDN博客

原创 CSS3新特性----3D转换,CSS3动画

CSS3动画:来学习动画之前我们先来介绍一下什么是动画,动画是CSS3中最具有颠覆性的特征之一,可以通过设置多个节点来精确的控制一个或一组动画,从而实现复杂的动画效果,之前我们学习的CSS中也有动画这一概念,不过之前的动画(是通过一定的时间段不断的处理元素的一些属性值,实现动态效果)是通过计时器来实现的动画实现的两步走:1.定义动画:@keyframes 动画名称 { 0% { width: 100px; } 100% { width: 200

2021-01-11 09:17:10 453 1

原创 CSS3新特性----2D转换

CSS3新增特性:2D转换(transform)是改变标签在二维平面上的位置和形状的一种技术,是CSS3中具有颠覆性的特征之一,可以实现:缩放(scale),移动(translate),旋转(rotate),倾斜(skew)2D转换–移动translate:2D的移动主要指的是水平垂直方向上的移动transform语法:transform: translate(x, y)transform: translateX(n)transfrom: translateY(n)transfrom: tr

2021-01-06 11:14:45 367

原创 HTML5新增标签特性----语义化标签,多媒体标签,表单元素,结尾附带小案例

HTML5新特性:HTML5新的特性主要是针对之前HTML中的一些不足之处进行改进,增加了一些新的标签,新的表单元素,新的表单属性等…语义化标签:语义化标签,主要是想要标签拥有自己的含义,起到一个见名思意的作用之前我们的页面布局基本上使用的都是div+类名的方式,但是对于浏览器的搜索引擎来说div是没有任何的意义的,因此在HTML5中新增了一些语义化标签,方便搜索引擎进行搜索,也方便了网站的SEO(search engine Optimizastion搜索引擎优化)header----头部标签,

2021-01-01 09:00:30 348

原创 JavaScript----同步异步,offset,client,scroll,结尾附带小案例

同步任务与异步任务:在介绍同步任务与异步任务之前,我们首先要了解一下JS的执行机制,JS语言最大的特点是单线程(单线程:同一个时间只能一件事情)在DOM操作中充分的展现了单线程的特征:创建一个元素,只有等这个元素创建完成之后才可以将这个元素添加到某个节点中去但是单线程会导致若一个JS执行的时间过长,会导致页面渲染不连贯,造成这个的原因就是延时任务(计时器,资源加载,事件…)之后的任务要等待延时任务的完成才能执行,若这个延时任务所耗时间过长,后面的任务就会一直进行等待这个问题计算机采用了CPU多核的特

2020-12-30 09:45:03 357

原创 JavaScript----BOM模块,定时器

BOM模块:首先我们先知道什么是BOM?BOM对象:浏览器对象模型,BOM部分主要是针对浏览器的内容,其中常用的就是window对象和location,提供了一些独立于内容页面与浏览器窗口进行交互的对象接口,它的核心是window对象,window是全局对象很多关于浏览器的脚本设置都是通过它。BOM也是由一系列相关的对象组成,并且每个独享都提供了很多方法和属性,但是BOM缺少标准化，JS的语法的标准化是ECMA组织提出的，DOM的标准化组织W3C，BOM最初始Netscape浏览器标准的一部分。之前

2020-12-28 09:45:02 227

原创 JavaScript----事件流,键盘点击事件

事件流:之前的文章中我们经常会提到事件流,那到底什么是事件流呢?今天我们就来细致的看一下事件流:吧HTML中与javascript交互是通过事件驱动来实现的,例如鼠标点击事件,页面的滚动事件onscroll等等,可以向文档或者文档中的元素添加事件侦听器来预订事件,想要知道这些事件是在什么时候进行调用的,就需要了解一下“事件流”的概念那什么是’事件流’呢?"DOM2事件流"规定的事件流包括三个阶段:捕获阶段：检查具有这个事件的所有元素从外到内都有哪些当前目标阶段：事件当前的处理者冒泡

2020-12-24 09:09:17 269

原创 JavaScript----自定义属性,节点的基本操作

自定义属性:可以在使用DOM操作元素的时候,给元素添加一些本身没有的属性,用来记录一些数据,并且数据可以跟随元素的变换而变化举个例子:html标签中有没有什么自带的属性可以存储成绩的,本身html标签没有这个属性,程序员就可以添加一个自定义属性在html标签中添加的自定义属性,如果想要获取这个属性的值,需要使用getAttribute(“自定义属性的名字”)才能获取这个属性的值使用方法:设置自定义属性:setAttribute(“属性的名字”,“属性的值”);获取自定义属性的值:getAttri

2020-12-21 18:16:53 335

原创 JavaScript----操作元素,操作样式

操作元素:上一篇我们学习了如何获取页面的元素和如何注册事件,今天我们来学习一下后续----如何改变元素中的内容JS中的DOM操作主要可以改变网页的内容、结构(标签)、样式。可以使用DOM操作元素来改变元素里面的内容、属性等，同样这些操作针对于DOM而言也是通过操作对象的属性来实现的1.对于文本框来说,文本内容属于value的值HTML:<input type="text" value="请输入一个内容" id="txt">JavaScript: <-- 获取元素后,为元素添加

2020-12-15 09:12:24 227

原创 JavaScript----WebAPI,DOM

WebAPI介绍:API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节WebAPI,浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM),是针对于浏览器提供的接口,主要针对浏览器做交互效果,里面基本上由输入和输出函数组成DOM:什么是DOM:DOM文档对象模型,是由W3C组织推荐的一种处理可扩展标记语言的标准编程

2020-12-12 10:09:58 192

原创 JavaScript----内置对象,Math对象,Date对象,String对象,Array对象

对象什么是内置对象?在JavaScript中对象总共分为三种:自定义对象,内置对象和浏览器对象,其中自定以对象和内置对象都属于ECMScript,浏览器对象属于JavaScript独有的根据JS API(Application Program Interface),开发文档说明,讲解的内置对象就是指JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或者最基础的最必要的功能(常用的属性,函数等)我们主要来学习一下内置对象,内置对象最大的优点帮助开发者提高开发效率学习JS内置对象,需要查

2020-12-08 09:54:02 268

原创 JavaScript----函数的概念及应用

函数在我们的编程过程中,经常会碰到一些代码会重复进行使用,而使用for循环虽然是一种办法,但却只能解决一些简单的重复问题,在重复使用一些复杂的代码时,函数就会成为一个明智的选择函数:将一段代码进行封装成一个整体,通过调用函数就可以实现大量代码的重复使用函数的声明:创建函数有两种方法:function getMax(){ var arr=[2,5,4,3,8,0,1] var max=arr[0]

2020-12-04 09:27:31 167

原创 JavaScript----数组介绍,数组中常用的方法

数组数组是可以将一组相关的数据一起存放,并且提供了一些方便访问以及获取的方法,数组的本质是一组数据的集合,里面的每个成员称为元素,一个数组里面可以存放任意多个以及任意类型的数据,数组中元素的数据类型可以不相同数组的创建:1.使用关键字new创建var arr = new Array();在添加数组元素时,我们可以使用数组索引的方式进行添加2.使用[ 元素 ]进行创建var arr=["张三","男",23];使用[ ]方式创建数组可以直接将元素填写在[ ]中访问数组的元素:我们可以通

2020-12-01 09:03:30 246

原创 JavaScript----流程控制,顺序结构,循环结构

流程控制在一个程序的执行过程中。每行代码的执行顺序如果不同，对于程序的执行结果是不一样的。一般情况下需要人为控制代码的执行过程以达到我们需要的效果我们可以通过一定的手段控制代码的执行顺序代码的执行顺序主要分为三类:1.顺序结构:标准的从上往下执行的顺序2.分支结构:通过判断一定的条件选择所要执行的代码,而产生若干的分支3.循环结构:通过一定的条件约束部分代码重复执行若干次顺序结构:顺序结构是最基本的控制流程,默认的程序代码按照从上往下的顺序依次执行分支结构:代码由上而下的执行过程,根据条

2020-11-30 09:08:50 220

原创 JavaScript----运算符

运算符在javascript中我们会用到许多的运算符,运算符也叫操作符,主要用于进行赋值,计算,比较等功能我们主要将运算符分为了6类,分别是:1.算术运算符2.比较运算符3.逻辑运算符4.递增递减运算符5.赋值运算符6.三元运算符(三目运算符)算术运算符算术运算符主要是实现数学的运算功能,主要用到的有+(加),-(减),*(乘),/(除),%(取余)运算符说明实例+加2+5=7-减2-5=-3*乘2*5=10/除2/5=0.4

2020-11-28 09:03:39 396

原创 JavaScript----基础概念,数据类型,变量

javascript基础javascript的概念JavaScript一种直译式脚本语言,是一种动态类型,弱类型(声明变量时不需要声明数据类型,数据的类型取决于存储的数据的值),基于原型的语言,内置支持类型,它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能javascript的组成java是由ECMAScript,BOM,DOM组成,还有两个比较大的部分是异步和jQuery

2020-11-18 09:16:08 173

原创 CSS基础----定位与元素的显示与隐藏

定位当我们使用标准流和浮动都不能实现我们想要实现的布局时,我们就可以采用定位浮动可以让多个块级盒子一行显示并且没有缝隙,用于我们横向的排列盒子,而定位则是让盒子自由的在某个盒子内的任意位置,或者固定在屏幕的某个位置,压住其他盒子,定位=定位模式+边偏移,其中定位模式就是一个元素在文档中的定位方式,边偏移来决定该元素在文档中的最终位置CSS中的定位是由position属性来设置的定位模式static:静态定位,元素默认的定位方式,没有定位的意思,采用标准流的特性来拜访元素,一般用到的地方比较少

2020-11-16 10:13:09 338

原创 CSS基础----盒子的浮动

今天我们来学习我们在页面布局中经常会用到的浮动(Float)这里我们就不得不提页面布局中的三种方式:1.普通流 2.浮动流 3.定位流浮动(float)有很多的页面布局我们利用标准流(按照标签规定好的方式排列)是没法完成的这时候,我们就得用到浮动浮动最典型的应用就是使多个块元素一行排列显示格式:选择器 { float: none/left/right ;}浮动的特性:1.浮动的元素脱离了标准流(脱标)2.浮动的元素会一行显示并且元素顶部对齐的3.浮动的元素具有行内块元素的特性。注意

2020-11-11 14:19:23 2374 1

原创 CSS基础----背景样式与盒子模型

在我们的编程过程中,经常不光会使用到设置字体样式,还会用到设置背景颜色,背景图片等样式,今天我们就来学习一下关于背景的样式设置CSS的背景样式:1.背景颜色: background-color: 颜色这个属性我们为我们的标签设置背景颜色,其中我们有三种属性值的书写方式: 1. 预定义的颜色表示(red,blue,green,black…) 2.十六进制表示(#ff0000) 3.RGB代码表示：rgb(0,0,0) 而在我们实际开发中最常用用的还是十六进制表示的颜色表示2.背景颜色透明:

2020-11-07 09:38:20 325

原创 css基础----字体样式与显示模式

在我们给我们的网页进行样式设计的时候,改变字体(fonts)是我们最常用的样式,今天我们先来说道说道这字体样式的设置字体样式以上就是我们经常会使用的一些字体样式接下来我们接着讲到,上篇文章,我们只讲解了简单的基础选择器,而这次我们来看看更加复杂的复合选择器复合选择器后代选择器:...

2020-11-05 09:09:06 298

原创 css基础----CSS的引入与选择器

在前面的文章中,我们曾提到过web网页是由三个部分组成的:框架(HTML),布局样式(CSS),行为(JavaScript),关于HTML的内容我们已经讲解的差不多了,还有什么不懂得可以再回过头来复习一下或者大家一起讨论废话不多说,进入我们今天的正题----CSSCSS的三种引入方式三种引入方式分别为:行内样式,内部样式,外部样式第一种方式:外链式我们在html的<head>中使用<link>标签来定义一个CSS外链式样式的引入<link rel="styleshe

2020-11-03 09:06:19 235

原创 HTML基础(三)

经过前两篇文章的学习,我们的HTML基础的学习已经接近了尾声,今天接下来我们将要学习的是在我们今后工作中最常用的----表格,列表和表单表格表格我们都会用过,那都是在Excel或Word文档中,但在HTML文件中又该如何使用表格呢?在HTML文件中,我们使用<table> </table>标签来定义一个表格而在列表中我们使用<tr> </tr>来定义表格中的行,使用<td> </td>来定义表格中的列,在<td> &

2020-10-30 09:00:31 285

原创 HTML基础(二)

今天我们来学习HTML文件中一个在我们日常生活中经常会使用到的标签----链接标签链接:链接是指在电子计算机程序的各模块之间传递参数和控制命令,并把它们组成一个可执行的整体的过程,链接也称超级链接,是指从一个网页指向一个目标的连接关系,所指向的目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是图片,电子邮件地址,文件,甚至是应用程序这是百度百科对于链接所作出的解释,通俗来说就是:HTML 使用超级链接与网络上的另一个文档相连HTML链接的创建:在HTML中利用<a href="跳转

2020-10-28 08:54:16 294

原创 HTML基础(一)

平时我们在网上冲浪的时候,想必都见过网页,一个个的网页组成了我们所浏览的网站,用官方的话来讲就是:网页是构成网站的基本元素，是承载各种网站应用的平台,网页通常是HTML格式的文件通过浏览器进行阅读的,因此文件的后缀一般均为.html或.htm我们所用的浏览器只是用来检索、展示以及传递Web信息资源的应用程序,想我们常用的浏览器有:IE浏览器,火狐浏览器,谷歌浏览器,360浏览器,搜狗浏览器等等HTML说完了网页的组成,我们来详细的谈一谈HTML文件,HTML不是编程语言,而是一种超文本标记语言(Hype

2020-10-26 15:00:12 1170 3

原创 python算法----动态规划(以背包问题为案例)

今天我们来学习一下动态规划,以为这个概念比较抽象,所以我们将结合具体的案例进行讲解,废话不多说,我们开始吧! ????动态规划的概念:多阶段决策问题中,各个阶段采取的决策,一般来说是与时间有关的,决策依赖于当前状态,又随即引起状态的转移,一个决策序列就是在变化的状态中产生出来的,故有“动态”的含义,称这种解决多阶段决策最优化问题的方法为动态规划方法背包问题的案例讲解:背包问题:你是一个小偷,你有一个可以装下4磅物品的袋子,现在有音响,笔记本电脑和吉他可以偷,怎样偷才可以偷最大价值的物品?第一种方

2020-09-14 16:52:56 582

原创 python算法--贪婪算法

今天,我们来学习python五大算法之一的----贪婪算法基本介绍:贪婪算法也叫贪心算法,指在解决问题时,先做出当前看来的最优选择,不从整体最优上加以考虑,算法得到的是某种意义上的局部最优解对所采用的贪心策略一定要仔细分析其是否满足无后效性贪婪算法的基本思路:建立数学模型来描述问题把求解的问题分成若干个子问题对每个子问题求解，得到子问题的局部最优解把子问题的解局部最优解合成原来问题的一个解该算法存在的问题:不能保证求得的最后解是最佳的不能用来求最大值或最小值的问题只能求满足某些约束条

2020-09-09 15:32:27 720

原创 python算法----狄克斯特拉算法

这次我们来学习一下图文结合的狄克斯特拉算法狄克斯特拉算法包含4个步骤(1) 找出最便宜的节点,即可在最短时间内前往的节点(2) 对于该节点的邻居,检查是否有前往它们的更短路径,如果有,就更新其开销(3) 重复这个过程,直到对图中的每个节点都这样做了(4) 计算最终路径术语:狄克斯特拉算法用于每条边都有关联数字的图,这些数字称为权重(weight),带权重的图称为加权图(weighted graph),不带权重的图称为非加权图(unweighted graph)计算非加权图的最短距离既可以用广

2020-09-07 17:35:39 340

原创 python算法----广度优先搜索

今天我们来学习一下另一种算法----广度优先搜索解决最短路径问题的算法被称为广度优先搜索图是什么:图模拟一组连接,图用于模拟不同的东西是如何相连的图由节点（node）和边（edge）组成一个节点可能与众多节点直接相连，这些节点被称为邻居查找最短路径:第一类问题:从节点A出发,又前往节点B的路径吗?第二类问题:从节点A出发,前往节点B哪条路径最短?解决第二类问题,我们可以看做一度关系大于二度关系,二度关系大于三度关系…,因此我们现在一度关系中查找,若没有找到,则在二度关系中查找…直到找到目标

2020-09-04 16:03:55 298

原创 python算法----散列表

今天我们来学习一下python语法中的散列表散列表散列表最有用的基本数据结构之一散列函数:散列函数是将输入映射到数字散列函数输出的数字是没什么规律的,但是它必须满足一定的要求:1.它必须是一致的每次输入相同时,得到的也必须都相同2.它将不同的输入映射到不同的数字我们能在散列表中准确的找到存储的位置原因如下:1.散列函数总是将同样的输入映射到相同的索引2.散列函数将不同的输入映射到不同的索引3.散列函数知道数组有多大,只返回有效的索引散列表是结合散列函数和数组创建的数据结构,是一种包含额外

2020-09-01 21:42:22 527

原创 python算法----分而治之的思想和快速排序(附带案例)

这次我们来学习算法中的一个重要的思想----分而治之分而治之一种著名的递归式问题的解决办法,在遇到问题时,我们用已知的算法不能够解决时,可以尝试使用掌握的各种问题的解决办法来找出解决方案,分而治之是学习的一种通用的问题解决方法案例一:假设你是农场主，有一小块土地,你要将这块地均匀地分成方块，且分出的方块要尽可能大...

2020-08-30 13:27:38 517

原创 python算法----递归算法和初步了解栈的概念

我们上次学到了选择排序的算法,通过学习我们对python中的算法有了一个初步的了解,我们再来学习一种我们在python中非常常用和重要的算法----递归,之前我们也通过斐波那契数列来简单的了解过递归回顾递归函数之斐波那契数列但是我们得明白,递归只是让我们解决问题的方法更加的清晰,但是并没有在性能上的优势!递归算法我们还是以案例来介绍:我们有一堆的盒子,打开一个盒子我们可能会找到我们需要的钥匙,但是也可能盒子中是另一个盒子,我们想要找到钥匙,有几种解决的办法呢?方法一:使用while循环创建一个

2020-08-28 18:13:57 269

原创 python算法----选择排序

上次我们学习了python算法中的二分查找,今天我们就来继续学习python中另一种常用的算法----选择排序计算机存储数据的原理:众所周知,我们内存的工作原理就像我们逛商场时的存物柜,每个柜子只能放进一个物品,你有两样物品要存,将物品存进(放进)柜子里后,你就可以去逛商场了!计算机就是多个柜子的集合,每个单独的柜子都有自己的地址而当我们需要存多个数据的时候,我们有两种基本方式----数组和链表数组:我们还是拿我们的日常生活举个栗子,你和你的三个好朋友一起去看电影,你们坐在一起是不是就得先保证有四

2020-08-26 18:41:27 174

原创 python算法----二分查找算法

算法（Algorithm）算法是指解题方案的准确而完整的描述,是一系列解决问题的清晰指令,算法中的指令描述的是一个计算,当其运行时能从一个初始状态和（可能为空的）初始输入开始,经过一系列有限而清晰定义的状态,最终产生输出并停止于一个终态算法也是我们python中不可缺少的一部分,今天我们就来学习一下python中的二分查找算法二分查找在我们平时,如果我想要在一个列表中查找一个元素,我们有哪些方法?我们可以一个一个元素的进行对比查找,若有100个元素,我们得花费100个单位的时间,这样就比较浪费时间,

2020-08-24 14:47:59 417

原创计算机的小员工----多线程

上两篇文章,我们说到了多任务与多线程,我们形象的将两者比喻成了大工厂和小车间,但是一个工厂只有资源和车间可不行,必须还得有上班工作的工人,也就是我们今天要了解的线程线程线程（thread）是操作系统能够进行运算调度的最小单位,它被包含在进程之中,是进程中的实际运作单位,一条线程指的是进程中一个单一顺序的控制流,一个进程中可以并发多个线程,每条线程并行执行不同的任务,python的threading模块是对thread做了一些包装,可以更加方便的被使用线程就是车间中的工人,实际干活的也是工人,真正执行程序

2020-08-16 15:48:51 170

原创计算机的身外化身----多进程

上篇博客我们说到计算机中的多任务,而在Python程序中，想要实现多任务可以使用进程来完成，进程是实现多任务的一种方式进程进程（Process）是计算机中的程序关于某数据集合上的一次运行活动,是系统进行资源分配和调度的基本单位,是操作系统结构的基础,在早期面向进程设计的计算机结构中,进程是程序的基本执行实体;在当代面向线程设计的计算机结构中,进程是线程的容器,程序是指令,数据及其组织形式的描述,进程是程序的实体通俗来说:进程是正在运行的程序的实例就好比有一个大工厂(计算机),而工厂中有一个个生产的车

2020-08-13 16:43:26 180

原创计算机的影分身之术----多任务

今天,我们来了解一下计算机中的多任务,计算机的多任务从字面意思理解就是计算机可以同时运行多个任务举个栗子:我们在使用计算机时可以一边在打QQ电话,一边在玩英雄联盟,甚至还可以抽空开上一把紧张又刺激的欢乐斗地主,这就叫多任务,在上面的栗子中,我们的计算机最少同时运行了3个任务(QQ,英雄联盟,欢乐斗地主)了解了什么是多任务,我们就得来聊聊计算机是如何实现多任务同时运行的呢?计算机多任务的运行方式有两种:1.并发2.并行并发我们都知道,在以前计算机基本上都是单核的,不像我们现在计算机基本上都是四核的,

2020-08-11 17:58:11 823

原创朝花夕拾--Python中用迭代器完成斐波那契数列

完数(水仙花数)我们可能不会陌生,在之前的博客中我们曾采用递归的思想,来完成过任意位数的斐波那契数列,今天我们再来回顾一下,并且采用迭代器的方法来再一次的完成首先我们先来了解一下迭代器迭代器迭代器就是重复地做一些事情，可以简单的理解为循环,迭代器是python中最强大的功能之一,迭代是访问集合元素的一种方式，迭代器是一个可以记住遍历的位置的对象基本上我们知道的可遍历对象：list、tuple、str等类型数据都可以使用for …in…的循环进行遍历(从里面依次往出获取数据)数据，这种过程除了叫做遍历

2020-08-09 08:37:36 509

空空如也

空空如也