慕课网 Ajax笔记

Ajax技术实现: 运用HTML和CSS来实现页面,表达信息: 运用XMLHttpRequest和web服务器进行数据的异步交换: 运用JavaScript操作DOM,实现动态局部刷新: 同步:就是用户填写完信息之后,全部提交给服务器,等待服务器的回应,是一次性全部的. 异步:当用户填写完一条信息之后,这条信息会自动向服务器提交,然后服务器响应客户端,在此过程中,用户依然在填写表格的信息,即向服务器请求多次,节省了用户的时间,提高了用户的体验. HTTP http是计算机通过网络进行通信的规则.…

JavaScript入门--慕课网学习笔记

JAVASCRIPT—(慕课网)入门篇我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间. <script type="text/javascript">表示在<script></script>之间的是文本类型(text),ja…

JavaScript进阶--慕课网学习笔记

JAVASCRIPT—进阶篇给变量取个名字(变量命名) 变量名字可以任意取,只不过取名字要遵循一些规则: 1.必须以字母.下划线或美元符号开头,后面可以跟字母.下划线.美元符号和数字.如下: 正确: mysum _mychar $numa1 错误: 6num //开头不能用数字 %sum //开头不能用除(_ $)外特殊符号,如(% + /等) sum+num //开头中间不能使用除(_ $)外特殊符号,如(% + /等) 2.变量名区分大小写,…

HTML基本语法（慕课网学习笔记）

标题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学习html标题</title> </head> <body>  <h1>一级标题字体大小32px</h1> <h2>二级标题字体大小24…

Css深入理解之浮动_慕课网课程笔记

前言这篇是在慕课网上跟着张鑫旭重走CSS之路的第三篇学习笔记了,主要是学习float属性,闲话少说,下面进入正文. float的历史要想了解一个东西,我们还是需要从本质去了解它,那么我们就需要问一个直抵本质的问题:float被设计出来是干嘛的? 答案是:实现文字环绕效果.对,就是这么简单因为这个属性是在很久很久以前就有了,那个时候是没有那么多炫酷的CSS效果的,所以这个属性设计的初衷很简单,就是实现文字环绕. float的特性我们知道float的特性有两个,一个是包裹,一个就是破坏.下面就…

Css定位之relative_慕课网课程笔记

前言最近在慕课网上跟着张鑫旭大神重新学习一遍CSS相关的知识,以下是学习的笔记以及个人一些理解 relative对绝对定位的限制 1.限制绝对定位绝对定位的top.left.right和bottom是相对最近的一个relative父元素的. 2.限制层级绝对定位的层级优先级是低于其父元素相对定位的层级的 3.限制overflow 绝对定位可以不受父容器overflow的影响,即可以溢出,但是父元素加上relative后,即可以完美包裹绝对定位元素. relative自身定位 1 相对自身…

Float浮动（慕课网学习笔记）

float浮动属性:值意义 float:left 左浮动 float:right 右浮动 float:none 不浮动 float:inherit 继承父元素浮动属性,若父元素没有浮动属性则失效文字环绕图片实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文字环绕图片</title> <s…

Css定位之absolute_慕课网课程笔记

absolute和float 绝对定位和浮动有相似之处,即都有破坏性和包裹性,破坏性是指其会导致包裹自身的复原塌陷,包裹性是float的天赋技能,对于绝对定位来说,其会包括子元素越独立越强大 1.去浮动当浮动和absolute同时应用时,元素使用绝对定位而不再展示浮动样式 2.位置跟随当元素使用绝对定位时而没有设置具体的位移时,其表现类似于悬浮在原来位置上方,后方元素向前补足 3.超越overflow 当元素使用绝对定位时,可以不受父元素overflow属性影响,始终固定在一个位置 z-i…

网站优化之-SEO在网页制作中的应用（信息来自慕课网课程笔记）

一.SEO基本介绍. 1.搜索引擎工作原理. 2.seo简介:SEarch Engine Optimization,搜索引擎优化.为了提升网页在搜索引擎自然搜索结果中的收录数量及排序位置而做的优化行为,就是为了使百度.谷歌这些搜索引擎多多收录我们精心制作的网页,同时在网页搜索相关内容时,使网页链接排在搜索引擎店面. 分为以下两种: 1):白帽SEO:起到规范,改良网站设计的作用,使之对搜索引擎和用户更加友好,并且网站也能从搜索引擎中获得合理流量,这是搜索引擎鼓励和支持的. 2):黑帽SEO:利用…

【慕课网学习笔记】Java共享变量的可见性和原子性

1. Java内存模型(Java Memory Model, JMM) Java的内存模型如下,所有变量都存储在主内存中,每个线程都有自己的工作内存. 共享变量:如果一个变量在多个线程中都使用到了,那么这个变量就是这几个线程的共享变量. 可见性:一个线程对共享变量的修改,能够及时地到主内存并且让其他的线程看到. 怎么理解上面的可见性的意思呢? 线程对共享变量的修改,只能在自己的工作内存里操作,不能直接对主内存中的共享变量进行修改.而且一个线程不能直接访问另一个线程中的变量的值,只能通过主内存进行…

前端（慕课网）笔记二：http协议

缓存 cors 1.http协议的主要特点: 简单快速:每个资源URI是固定的: 灵活:通过一个协议完成不同数据格式的传输无连接:连接一次就会断开,不会保持连接无状态:客服端和服务端是两种身份,客服端需要向服务端请求资源,http帮助建立连接,单从协议无法判断出客服端和服务端的身份 2.http报文的组成部分请求行:http方法.页面地址.http协议.版本请求头:key value值空行:分割请求头和请求体 3.http方法 put:更新资源(少用) delete:删除资源(少用)…

慕课网 jQuery 笔记

$("div").html()是使用标签选择器获取div标签,对应于javascript中的各类选择器 $("*") ——所有元素 $("#lastname") ——id="lastname" 的元素 $(".intro") ——所有 class="intro" 的元素 $("p") ——所有 <p> 元素 $(".intro.demo"…

float浮动布局（慕课网CSS笔记 + css核心技术详解第四章）

---------------------------------------------------------------------- CSS中的position: CSS三种布局方式: 标准流:网页中默认的布局方式,即顺序布局.html元素可以分为两大类:块级元素(div,h1…h6,ol,ul,li,table,p段落等)和内联元素(a超链接,span文字,img图片,input控件).块级元素总是独占一行,内联元素是和相邻的内联元素在同一行,如果一行内宽度不够时,才被挤到另一行上去.…

js之window对象（慕课网学习笔记）

javaScript定义了一个变量一个函数都会变成window中的一个成员 var a=1; alert(window.a) //会输出a的值 window基础创建窗口.调整窗口.移动窗口.关闭窗口 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Js window</title> </head&…

js之DOM入门（慕课网学习笔记）

DOM简介获得元素 document.getElementById('') 1.通过id获得元素内容 document.getElementsByTagName('') 2.通过标签获得元素内容 document.getElementsByClassName('') 3.通过class获得元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">…

初识javaScript(慕课网学习笔记)

js输出 window.alert() 警告框 document.write() 写到HTML文档中 innerHTML 写到HTML元素 console.log() 写到浏览器的控制台 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js输出</title> </head> <body…

CSS定位（慕课网学习笔记）

定位模型 static自然模型 relative相对定位模型 absolute绝对定位模型 fixed固定定位模型 sticky磁铁定位模型 possition之static(默认的设置)(静态定位.常规定位.自然定位) 作用使元素定位于常规/自然流中 (块.行垂直排列下去,行内水平从左到右) 特点 1.忽略top,bottom,left,right或者z-index声明 2.两个相邻的元素如果设置了外边距,那么最终外边距=两者外边距最大的 3.具有固定width和height值的元素,如…

CSS基本语法（慕课网学习笔记）

CSS的声明,内外联样式以及CSS的优先级 css学习.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS学习</title>  <style type="text/css"> /*CSS声明.CSS声明块.C…

es6 Object.assign ECMAScript 6 笔记（六） ECMAScript 6 笔记（一） react入门——慕课网笔记 jquery中动态新增的元素节点无法触发事件解决办法响应式图像弹窗细节微信浏览器——返回操作 Float 的那些事 Flex布局 HTML5 data-* 自定义属性参数传递的四种形式

es6 Object.assign 目录一.基本用法二.用途 1. 为对象添加属性 2. 为对象添加方法 3. 克隆对象 4. 合并多个对象 5. 为属性指定默认值三.浏览器支持 ES6 Object.assign 一.基本用法 Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target).它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都是源对象.只要有一个参数不是对象,就会抛出TypeError错误. var target…

react入门——慕课网笔记

一. jsx 1. 被称为语法糖:糖衣语法,计算机语言中添加的某种语法,对语言的功能没有影响,更方便程序员使用,增加程序的可读性,降低出错的可能性类似的还有(coffeescript,typescript),最终都被解析为js 2. 解析jsx的是jsxtransformer.js 指定jsx语法用<text/jsx> 3. 通过以下代码渲染dom React.render(<hello name="world"/>, Document.getEle…

慕课网笔记之oracle开发利器-PL/SQL基础

实例1--if语句 /* 慕课网Oracle数据库开发必备之PL/SQL_2-3 判断用户从键盘输入的数字 1.如何使用if语句 2.接收一个键盘的输入(字符串) */ set serveroutput on; --接收一个键盘输入 --num:地址值,含义是:在该地址上保存了输入的值 accept num prompt '请输入一个数字'; declare --定义变量保存键盘输入的数字 pnum number := &num; begin --执行if语句进行条件判断 then dbms_o…

scrapy实战5 POST方法抓取ajax动态页面(以慕课网APP为例子)：

在手机端打开慕课网,fiddler查看如图注意圈起来的位置经过分析只有画线的page在变化上代码: items.py import scrapy class ImoocItem(scrapy.Item): # define the fields for your item here like: # name = scrapy.Field() #id id=scrapy.Field() #标题 title=scrapy.Field() #类别 tag=scrapy.Field() #内容 co…

Node.js爬虫-爬取慕课网课程信息

第一次学习Node.js爬虫,所以这时一个简单的爬虫,Node.js的好处就是可以并发的执行这个爬虫主要就是获取慕课网的课程信息,并把获得的信息存储到一个文件中,其中要用到cheerio库,它可以让我们方便的操作HTML,就像是用jQ一样开始前,记得 npm install cheerio 为了能够并发的进行爬取,用到了Promise对象 //接受一个url爬取整个网页,返回一个Promise对象 function getPageAsync(url){ return new Promise(…

PHP消息队列实现及应用_慕课网学习

https://blog.csdn.net/d_g_h/article/details/79643714 https://blog.csdn.net/tTU1EvLDeLFq5btqiK/article/details/80971792 目前对消息队列并不了解其原理,本篇文章主要是通过慕课网学习归纳的一些笔记,为后续学习打下基础. 众所周知在对网站设计的时候,会遇到给用户“群发短信”,“订单系统有大量的日志”,“秒杀设计”等,服务器没法处理这种瞬间迸发的压力,这种情况要保证系统正常有效的使用,就…

教你一步一步用 Node.js 制作慕课网视频爬虫

转自:http://www.jianshu.com/p/d7631fc695af 开始这个教程十分适合初学 Node.js 的初学者看(因为我也是一只初学的菜鸟~) 在这里,我就默认大家都已经在自己的电脑上搭建好 node.js,我就不再多讲了,如果你是第一次接触 Node.js 那么先请到可以到Node.js 中文网(英文) 上看看,里面有完整的安装教程. 想直接看源码的可以直接移步到 github imooc-video-download. 第一步说到下载视频,首先我们要先有个大概思路:…

java网络爬虫----------简单抓取慕课网首页数据

© 版权声明:本文为博主原创文章,转载请注明出处一.分析 1.目标:抓取慕课网首页推荐课程的名称和描述信息 2.分析:浏览器F12分析得到,推荐课程的名称都放在class="course-card-name"的h3标签里,描述信息都放在h3标签下面的p标签中.因此只需要获取到这两个标签中的内容即可二.实例 1. 项目结构 2.pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:x…

完善慕课网Vue2.0购物车功能

vue一个Made in China创造出来的框架真的很66666~ 如果你是刚入门还不太懂也没有看慕课网上这门视频的,请先看一遍或许你会收获满满~ 使用vue2.0实现购物车和地址选配功能这门课程,早之前就在慕课网上看了,个人感觉很不错很适合刚入门vue的新手,最近做的项目都没用vue怕自己生疏了所以就再做一下练练手顺便完善一下老师没有做的小功能. 课程中实现的功能:商品列表的渲染.使用过滤器格式化商品金额.实现单件商品的计算单选全选.实现商品总金额计算和删除商品完善的功能: 单选按钮如果全…

websocket在慕课网中的应用

网上资料都是介绍概念,我们来看看实际网站怎么使用websocket的吧.限于自身水平解读并不深入,慕课网上的websocket某些字段不知何用. 是什么是一种应用层协议,有html5而推出,是一种全双工的通信协议,不仅客户端可以主动向服务端发送信息,服务端也可以主动向客户端发送信息. 为什么比如更新天气,比如聊天室,如果用ajax去轮询耗时,可能header比较大,所以浪费时间吧.而websocket可以主动推送信息给客户端,头比较小. 怎么用如果是websocket那么http协议hea…

慕课网-Java入门第一季-7-2 Java 中无参无返回值方法的使用

来源:http://www.imooc.com/code/1578 如果方法不包含参数,且没有返回值,我们称为无参无返回值的方法. 方法的使用分两步: 第一步,定义方法例如:下面代码定义了一个方法名为 show ,没有参数,且没有返回值的方法,执行的操作为输出 “ welcome to imooc. ” 注意哦: 1. 方法体放在一对大括号中,实现特定的操作 2. 方法名主要在调用这个方法时使用,需要注意命名的规范,一般采用第一个单词首字母小写,其它单词首字母大写的形式第二步,调用方法当需…

使用js脚本批量下载慕课网视频

慕课网(http://www.imooc.com/)上有很多不错的视频,当然我不是来给慕课网打广告的,我本人学习过很多慕课网上的免费的视频. 在线看如果网速慢时,可能会有卡顿,没网时无法观看.所有说下载到本地,离线看视频是非常不错的选择.慕课网上没提供下载视频的入口,想下载到本地怎么办? 如果一次下载一个视频,那是very very easy,不用第三方工具就能搞定. 1.打开谷歌或谷歌内核的浏览器,按F12键,打开开发人员工具,地址栏输入http://www.imooc.com/video/2…

【慕课网 Ajax笔记】的更多相关文章