05 2018 档案

摘要:jQuery提供的一组网页中常见的动画效果,这些动画是标准的、有规律的效果;同时还提供给我们了自定义动画的功能。 显示动画 方式一: $("div").show(); 解释:无参数,表示让指定的元素直接显示出来。其实这个方法的底层就是通过内部封装了display: block;实现的。 <body> 阅读全文
posted @ 2018-05-31 22:15 可爱的红领巾 阅读(353) 评论(0) 推荐(0) 编辑
摘要:我们以前在CSS中学习的选择器有: 今天来学习一下jQuery 选择器。 jQuery选择器是jQuery强大的体现,它提供了一组方法,让我们更加方便的获取到页面中的元素。 1、jQuery 的基本选择器 代码如下: 效果如下: 2、层级选择器 代码如下: 效果如下: 3、基本过滤选择器 解释: 代 阅读全文
posted @ 2018-05-31 21:05 可爱的红领巾 阅读(115) 评论(0) 推荐(0) 编辑
摘要:01-jQuery的介绍 1.为什么要使用jQuery 在用js写代码时,会遇到一些问题: window.onload 事件有事件覆盖的问题,因此只能写一个事件。 代码容错性差。 浏览器兼容性问题。 书写很繁琐,代码量多。 代码很乱,各个页面到处都是。 动画效果很难实现。 jQuery的出现,可以解 阅读全文
posted @ 2018-05-31 17:48 可爱的红领巾 阅读(184) 评论(0) 推荐(0) 编辑
摘要:代码如下: 2.屏幕的可视区域 3.offset系列 代码如下,注释都挺清楚的 4.scroll系列 代码如下: 阅读全文
posted @ 2018-05-30 22:16 可爱的红领巾 阅读(121) 评论(0) 推荐(0) 编辑
摘要:BOM的介绍 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM:浏览器对象模型,操作浏览器部分功能的API。 阅读全文
posted @ 2018-05-30 22:05 可爱的红领巾 阅读(200) 评论(0) 推荐(0) 编辑
摘要:在js中的定时器分两种:1、setTimeout() 2、setInterval() 定时器在js中式无法自动清除的 想要自己手动清除 以防止 占用内存过多 所以要记得使用了定时器 要记得清除了定时器 1.setTimeOut() 只在指定时间后执行一次 setTimeOut()是异步进行的 格式: 阅读全文
posted @ 2018-05-30 22:01 可爱的红领巾 阅读(163) 评论(0) 推荐(0) 编辑
摘要:其实所有的语言中面向对象几乎都差不多,因为面向对象无非也就是 封装 继承 多态 这三种属性而已,我们研究面向对象就通多这三种属性来进行研究 ,并且以相同的思想来学习面向对象就可以了 创建对象的几种常用方式 1.使用Object或对象字面量创建对象 2.工厂模式创建对象 3.构造函数模式创建对象 4. 阅读全文
posted @ 2018-05-30 21:12 可爱的红领巾 阅读(158) 评论(0) 推荐(0) 编辑
摘要:1、做一个小图标在界面中通过按钮可以变大 变小 变色 变圆 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>改变图片</title> <style> .box{//设置显示的盒子的属性 width:100px 阅读全文
posted @ 2018-05-30 16:51 可爱的红领巾 阅读(404) 评论(0) 推荐(0) 编辑
摘要:什么是DOM DOM:文档对象模型。DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。 DOM就是由节点组成的。 解析过程 HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树,getElementById是 阅读全文
posted @ 2018-05-29 22:52 可爱的红领巾 阅读(308) 评论(0) 推荐(0) 编辑
摘要:一、JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM:浏览器对象模型,操作浏览器 阅读全文
posted @ 2018-05-29 22:48 可爱的红领巾 阅读(175) 评论(0) 推荐(0) 编辑
摘要:arguments代表的是实参。有个讲究的地方是:arguments只在函数中使用。 (1)返回函数实参的个数:arguments.length 例子: 结果: (2)之所以说arguments是伪数组,是因为:arguments可以修改元素,但不能改变数组的长短。举例: 清空数组的几种方式: 清空 阅读全文
posted @ 2018-05-29 22:33 可爱的红领巾 阅读(438) 评论(0) 推荐(0) 编辑
摘要:javascript也是语言也是有函数的它的函数的定义就是在函数名前加 function 第一步:函数的定义 函数定义的语法: 解释如下: function:是一个关键字。中文是“函数”、“功能”。 函数名字:命名规定和变量的命名规定一样。只能是字母、数字、下划线、美元符号,不能以数字开头。 参数: 阅读全文
posted @ 2018-05-29 22:13 可爱的红领巾 阅读(145) 评论(0) 推荐(0) 编辑
摘要:所谓内置对象就是ECMAScript提供出来的一些对象,我们知道对象都是有相应的属性和方法 数组Array 1.数组的创建方式 字面量方式创建(推荐大家使用这种方式,简单粗暴) var colors = ['red','color','yellow']; 使用构造函数(后面会讲)的方式创建 使用ne 阅读全文
posted @ 2018-05-29 22:03 可爱的红领巾 阅读(288) 评论(0) 推荐(0) 编辑
摘要:简单的运用javascript来进行百度换肤的操作 显示隐藏一个窗口界面: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>隐藏显示</title> <style> .show{ height:200px; 阅读全文
posted @ 2018-05-29 21:21 可爱的红领巾 阅读(441) 评论(0) 推荐(0) 编辑
摘要:javascript的流程控制和python的一样if else console.log() 是显示在控制台中的 就是我们F12之后在后台调试的,而document.write()是写在界面中的 1.if 、if-else、if-else if-else 2.逻辑与&&、逻辑或|| 3.switch 阅读全文
posted @ 2018-05-28 21:58 可爱的红领巾 阅读(155) 评论(0) 推荐(0) 编辑
摘要:语言中我们的数据类型有很多,在某个页面中展示的数据类型也不同,比如说电话号码我就要求number的类型,而输入姓名的时候就要求string类型的。那么在适当的情况下我们可以将数据类型进行转换。 1.将数值类型转换成字符串类型 隐式转换 强制类型转换 2.将字符串类型转换成数值类型 3.任何数据类型都 阅读全文
posted @ 2018-05-28 21:57 可爱的红领巾 阅读(209) 评论(0) 推荐(0) 编辑
摘要:js中的运算符跟python中的运算符有点类似,但也有不同。所谓运算,在数学上,是一种行为,通过已知量的可能的组合,获得新的量。 1.赋值运算符 以var x = 12,y=5来演示示例| 2.算数运算符 var a = 5,b=2 3.比较运算符 var x = 5; 4.特殊情况 字符串拼接+字 阅读全文
posted @ 2018-05-28 21:56 可爱的红领巾 阅读(199) 评论(0) 推荐(0) 编辑
摘要:既然我们的CSS就必须要要放再专门的style标签内 那么javascript也需要放在子级的标签内,那就是script标签内 在页面中,我们可以在body标签中放入<script type=”text/javascript”></script>标签对儿,<script type=”text/jav 阅读全文
posted @ 2018-05-28 21:55 可爱的红领巾 阅读(545) 评论(0) 推荐(0) 编辑
摘要:数据类型包括:基本数据类型和引用数据类型 基本数据类型指的是简单的数据段,引用数据类型指的是有多个值构成的对象。 当我们把变量赋值给一个变量时,解析器首先要确认的就是这个值是基本类型值还是引用类型值 1.基本数据类型 number string boolean null undefined 2.引用 阅读全文
posted @ 2018-05-28 21:55 可爱的红领巾 阅读(123) 评论(0) 推荐(0) 编辑
摘要:Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户 阅读全文
posted @ 2018-05-28 20:29 可爱的红领巾 阅读(264) 评论(0) 推荐(0) 编辑
摘要:z-index 这个东西非常简单,它有四大特性,每个特性你记住了,页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁,数值大的压盖住数值小的, 只有定位了的元素,才能有z-index,也就是说,不管相对定位,绝对定位,固定定位,都可以使用z-index,而浮动元素不能使用z-ind 阅读全文
posted @ 2018-05-26 11:14 可爱的红领巾 阅读(208) 评论(0) 推荐(0) 编辑
摘要:定位 一般我们在css中使用相对定位就是为了移动它的位置的 定位有三种: 1.相对定位 2.绝对定位 3.固定定位 相对定位 相对定位:相对于自己原来的位置定位 现象和使用: 1.如果对当前元素仅仅设置了相对定位,那么与标准流的盒子什么区别。 2.设置相对定位之后,我们才可以使用四个方向的属性: t 阅读全文
posted @ 2018-05-25 21:24 可爱的红领巾 阅读(223) 评论(0) 推荐(0) 编辑
摘要:设置一个基本网页的导航栏就是可以在居中显示并且是浏览的时候可以变颜色的 就是这种样式的 html结构: <body> <div class="nav"> <ul> <li> <a href="">百度搜索</a> </li> <li> <a href="">知识问答</a> </li> <li><a 阅读全文
posted @ 2018-05-25 19:19 可爱的红领巾 阅读(473) 评论(0) 推荐(0) 编辑
摘要:background-color属性表示背景颜色 background-img:表示设置该元素的背景图片 background-imge需要搭配url来一起使用 那么发现默认的背景图片,水平方向和垂直方向都平铺 background-repeat:表示设置该元素平铺的方式 就是对你所设置的背景图进行 阅读全文
posted @ 2018-05-25 17:08 可爱的红领巾 阅读(483) 评论(0) 推荐(0) 编辑
摘要:margin塌陷问题 当时说到了盒模型,盒模型包含着margin,为什么要在这里说margin呢?因为元素和元素在垂直方向上margin里面有坑。 我们来看一个例子: html结构: css样式: 当给两个标准流下兄弟盒子 设置垂直方向上的margin时,那么以较大的为准,那么我们称这种现象叫塌陷。 阅读全文
posted @ 2018-05-24 20:52 可爱的红领巾 阅读(589) 评论(0) 推荐(0) 编辑
摘要:浮动式CSS里面的重中之重 浮动 浮动是css里面布局最多的一个属性,也是很重要的一个属性。 float:表示浮动的意思。它有四个值。 none: 表示不浮动,默认 left: 表示左浮动 right:表示右浮动 浮动属性 u Float,浮动属性名,如:float: left; 向左浮动 n Le 阅读全文
posted @ 2018-05-24 17:58 可爱的红领巾 阅读(290) 评论(0) 推荐(0) 编辑
摘要:标准文档流 什么是标准文档流 宏观的将,我们的web页面和ps等设计软件有本质的区别,web 网页的制作,是个“流”,从上而下 ,像 “织毛衣”。而设计软件 ,想往哪里画东西,就去哪里画 空白折叠现象: 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张图片之间有间隙,如果在 阅读全文
posted @ 2018-05-24 15:53 可爱的红领巾 阅读(451) 评论(0) 推荐(0) 编辑
摘要:盒模型 在CSS中,"box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种:标准模型和IE模型。我们在这里重点讲标准模型。 盒模型示意图 盒模型的属性 width:内容的宽度 height: 内容的高度 paddi 阅读全文
posted @ 2018-05-23 21:14 可爱的红领巾 阅读(218) 评论(0) 推荐(0) 编辑
摘要:第一种现象:当权重相同时,以后来设置的属性为准,前提一定要权重相同 <head> <meta charset="UTF-8"> <title>权重</title> <style> #box2 .wrap3 p{ color: yellow; } #box1 .wrap2 p{ color: red; 阅读全文
posted @ 2018-05-23 20:44 可爱的红领巾 阅读(157) 评论(0) 推荐(0) 编辑
摘要:css有两大特性:继承性和层叠性 继承性: 面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法。那么我们现在主要研究css,css就是在设置属性的。不会牵扯到方法的层面。 继承:给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承。 记住:有一些属 阅读全文
posted @ 2018-05-23 20:38 可爱的红领巾 阅读(235) 评论(0) 推荐(0) 编辑
摘要:高级选择器分为:后代选择器、子代选择器、并集选择器、交集选择器 后代选择器 语法格式:选择器1 选择器2 ..... { 属性名N:属性值; } 描 述: 选择父选择器下面的子选择器,添加属性 注 意: 1、 选择器1 和选择器2之间有父子关系 2、 选择器可以有N个(注意:父子关系;多个选择器之间 阅读全文
posted @ 2018-05-23 16:43 可爱的红领巾 阅读(323) 评论(0) 推荐(0) 编辑
摘要:CSS字体属性 cursor:pointer; 设置你的鼠标移动到此处时是一个小手的标志 u Font-size,设置字体尺寸;如:font-size:30px; u Font-family,设置字体,如:font-family:”微软雅黑”;(注:多个字体用逗号隔开,如果字体有空格需要加引号) u 阅读全文
posted @ 2018-05-22 21:56 可爱的红领巾 阅读(219) 评论(0) 推荐(0) 编辑
摘要:优先级等级 行内样式 > ID选择器 > 类选择器 > 标签选择器 标签选择器 优先级为1 类选择器 优先级为10 ID选择器 优先级为100 行内样式 优先级为1000 基本选择器包含: 1.标签选择器标签选择器可以选中所有的标签元素,比如div,ul,li ,p等等,不管标签藏的多深,都能选中, 阅读全文
posted @ 2018-05-22 21:41 可爱的红领巾 阅读(197) 评论(0) 推荐(0) 编辑
摘要:在HTML中引入css方式总共有三种: 行内样式 内接样式 外接样式 3.1 链接式 3.1 导入式 css介绍 现在的互联网前端分三层: HTML:超文本标记语言。从语义的角度描述页面结构。 CSS:层叠样式表。从审美的角度负责页面样式。 JS:JavaScript 。从交互的角度描述页面行为 C 阅读全文
posted @ 2018-05-22 20:58 可爱的红领巾 阅读(460) 评论(0) 推荐(0) 编辑
摘要:列表标签 <ul>、<ol>、<dl> 列表标签 无序列表 属性: type="属性值"。属性值可以选: disc(实心原点,默认),square(实心方点),circle(空心圆)。 标签名称 无序列表标签 标签格式 <ul> <li></li> ....... </ul> 属 性 Type 设置 阅读全文
posted @ 2018-05-21 20:20 可爱的红领巾 阅读(186) 评论(0) 推荐(0) 编辑
摘要:了解HTML 1.1 HTML的作用 HTML就是用来制作网页 1.2 什么是HTML HTML是英文HyperText Markup Language的首字母缩写,即超文本标记语言 超文本 - 网页中包含的图片、音频或者超链接等非文字元素 标 记 - 有特殊含义的符号 <br />含义:在网页中插 阅读全文
posted @ 2018-05-21 15:59 可爱的红领巾 阅读(265) 评论(0) 推荐(0) 编辑
摘要:实现一个FTP网盘的功能 pa's's 阅读全文
posted @ 2018-05-21 15:22 可爱的红领巾 阅读(137) 评论(0) 推荐(0) 编辑
摘要:IO模型介绍 为了我们更好的了解IO模型,我们需要先回顾下:同步、异步、阻塞、非阻塞 同步IO、和异步IO、阻塞IO、和非阻塞IO分别是什么,到底有什么区别?这个问题其实不同的人给出的答案可能都不同,比如wiki,就认为asynchronous IO和non-blocking IO是一个东西。这其实 阅读全文
posted @ 2018-05-18 17:57 可爱的红领巾 阅读(209) 评论(0) 推荐(0) 编辑
摘要:引子: 之前我们学习了线程,进程的概念,了解了在操作系统中进程使资源分配的最小单位,线程使CPU调度的最小单位,按道理来说我们已经算是把CPU的利用率提高了很多了,但是我们无论使创建进程还是创建多线程来解决问题,都要消耗一定的时间来创建进程,创建线程,以及管理他们之间的切换 我们知道线程是基于进程来 阅读全文
posted @ 2018-05-17 20:37 可爱的红领巾 阅读(287) 评论(0) 推荐(0) 编辑
摘要:有了进程为什么要有线程: 进程有很多优点,它提供了多道编程,让我们感觉我们每个人都拥有自己的CPU和其他资源,可以提高计算机的利用率。很多人就不理解了,既然进程这么优秀,为什么还要线程呢?其实,仔细观察就会发现进程还是有很多缺陷的,主要体现在两点上: 进程只能在一个时间干一件事,如果想同时干两件事或 阅读全文
posted @ 2018-05-15 16:46 可爱的红领巾 阅读(201) 评论(0) 推荐(0) 编辑
摘要:必会的: 阅读全文
posted @ 2018-05-15 09:47 可爱的红领巾 阅读(114) 评论(0) 推荐(0) 编辑
摘要:进程: 之前我们已经了解了操作系统中进程的概念,程序并不能单独运行,只有将程序装载到内存中,系统为它分配资源才能运行,而这种执行的程序就称之为进程。程序和进程的区别就在于:程序是指令的集合,它是进程运行的静态描述文本;进程是程序的一次执行活动,属于动态概念。在多道编程中,我们允许多个程序同时加载到内 阅读全文
posted @ 2018-05-14 16:34 可爱的红领巾 阅读(3140) 评论(0) 推荐(0) 编辑
摘要:手工操作 —— 穿孔卡片 1946年第一台计算机诞生--20世纪50年代中期,计算机工作还在采用手工操作方式。此时还没有操作系统的概念。 程序员将对应于程序和数据的已穿孔的纸带(或卡片)装入输入机,然后启动输入机把程序和数据输入计算机内存,接着通过控制台开关启动程序针对数据运行;计算完毕,打印机输出 阅读全文
posted @ 2018-05-09 15:34 可爱的红领巾 阅读(214) 评论(0) 推荐(0) 编辑
摘要:cs 架构和BS架构 TCP 和UDP协议 阅读全文
posted @ 2018-05-09 08:49 可爱的红领巾 阅读(111) 评论(0) 推荐(0) 编辑
摘要:我们在工作中经常遇到,你公司内的某一台电脑要去访问你的服务器或者一个服务端电脑,那么你是让每一台都进行连接吗? 那不可能的 你肯定要进行限定的 验证客户端链接的合法性: hamc模块 hamc也是一个加密的模块 但是只能对字节进行加密 它的加密的后面还可以选择加密的情况 但是只能对字节 这个时候我们 阅读全文
posted @ 2018-05-09 08:45 可爱的红领巾 阅读(291) 评论(0) 推荐(0) 编辑
摘要:黏包只看表面字的意思就是 黏在一起 : 一、TCP黏包问题 TCP黏包问题是因为发送方把若干数据发送,接收方收到数据时候黏在一包,从接受缓冲区来看,后一包的数据黏在前一包的尾部。 二、黏包出现的原因 TCP黏包问题主要出现在两个方面 (1)发送方问题 首先TCP会默认使用Nagle算法,Nagle算 阅读全文
posted @ 2018-05-07 20:46 可爱的红领巾 阅读(220) 评论(0) 推荐(0) 编辑
摘要:理解socket soxket因为TCP是面向流的,你发的信息如果很多很快,TCP这样就会形成黏包 Socket是应用层与TCP/IP协议族通信的中间软件抽象层,它是一组接口。在设计模式中,Socket其实就是一个门面模式,它把复杂的TCP/IP协议族隐藏在Socket接口后面,对用户来说,一组简单 阅读全文
posted @ 2018-05-03 17:05 可爱的红领巾 阅读(505) 评论(0) 推荐(0) 编辑
摘要:端口: 我们知道,一台拥有IP地址的主机可以提供许多服务,比如Web服务、FTP服务、SMTP服务等,这些服务完全可以通过1个IP地址来实现。那么,主机是怎样区分不同的网络服务呢?显然不能只靠IP地址,因为IP 地址与网络服务的关系是一对多的关系。实际上是通过“IP地址+端口号”来区分不同的服务的。 阅读全文
posted @ 2018-05-03 16:08 可爱的红领巾 阅读(457) 评论(0) 推荐(0) 编辑
摘要:你现在已经学会了写python代码,假如你写了两个python文件a.py和b.py,分别去运行,你就会发现,这两个python的文件分别运行的很好。但是如果这两个程序之间想要传递一个数据,你要怎么做呢? 这个问题以你现在的知识就可以解决了,我们可以创建一个文件,把a.py想要传递的内容写到文件中, 阅读全文
posted @ 2018-05-03 15:34 可爱的红领巾 阅读(232) 评论(0) 推荐(0) 编辑
摘要:Python中classmethod与staticmethod区别 classmethod:类方法staticmethod:静态方法 在python中,静态方法和类方法都是可以通过类对象和类对象实例访问。但是区别是: @classmethod 是一个函数修饰符,它表示接下来的是一个类方法,而对于平常 阅读全文
posted @ 2018-05-02 09:24 可爱的红领巾 阅读(1064) 评论(0) 推荐(0) 编辑
摘要:这是一些模块的练习题 阅读全文
posted @ 2018-05-02 08:49 可爱的红领巾 阅读(111) 评论(0) 推荐(0) 编辑
摘要:re模块是什么模块呢? 正则表达式又是什么呢? 正则表达式:是一个很牛逼的模块它是对字符串进行模糊匹配的一个模块 ,它对所有的语言都通用 re模块是python独有的匹配字符串的模块 其实是先有正则表达式的才有re模块正则表达式它只是一个简单的对字符串进行判断的 一说规则我已经知道你很晕了,现在就让 阅读全文
posted @ 2018-05-02 08:48 可爱的红领巾 阅读(1130) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示