要求: 1.新窗口打开时弹出确认框,是否打开 提示: 使用 if 判断确认框是否点击了确定,如点击弹出输入对话框,否则没有任何操作. 2.通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/ 3.打开的窗口要求,宽400像素,高500像素,无菜单栏.无工具栏. <!DOCTYPE html> <html> <head> <title> new document </title> <meta http-equiv…
javascript是一种弱类型的数据交互语言, ch 1 数据类型 js中有六种数据类型:nunmber.string.boolean.null.undenfined.object原始类型:number.string.boolean.null.undefined对象类型:  object 包含了 function.array.date等等 NaN是number类型 ch 2 隐式转换 加号减号加号相当于字符串的拼接减号运算,也能对字符串进行隐性转换,比如num-0 37" + 7 //结果是3…
参考地址:http://www.flowerboys.cn/font/article/fontsArticle/how-to-turn-your-icons-into-a-web-font.html…
 JAVASCRIPT—(慕课网)入门篇 我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间. <script type="text/javascript">表示在<script></script>之间的是文本类型(text),ja…
1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write("单行注释使用'//'"); // 我是注释,该语句功能在网页中输出内容 </script> 多行注释以"/*"开始,以"*/"结束. <script type="text/javascript"> document.…
项目说明 OurEDA实验室每年都会面向大一新生招人,每周的沙龙都会有学长来讲课,传经验,录下来的沙龙视频就非常有价值,因此,在老师的安排下,我负责开发了慕课网这样一个项目. 首要问题及其解决方案 视频网站首先需要考虑的问题就是大视频文件的播放,上传,处理. 沙龙一般时长为一个半小时,所以项目至少要能承受4GB的大小的视频文件的上传.这里我选用了百度的fex-webuploader,利用其分片上传功能,先分片上传,再后台合并,利用事务机制实现空间的最大化利用,防止"死文件碎片"的产生.…
制作部分:网页footer部分 制作效果: 涉及知识:link部分要复习: dl- definition list dt- definition title dd - definition description 代码: <div class="footer"> <div class="copyright"> <img src="images/logo-recommended.png" alt=""…
转自:http://www.jianshu.com/p/d7631fc695af 开始 这个教程十分适合初学 Node.js 的初学者看(因为我也是一只初学的菜鸟~) 在这里,我就默认大家都已经在自己的电脑上搭建好 node.js,我就不再多讲了,如果你是第一次接触 Node.js 那么先请到可以到Node.js 中文网(英文) 上看看,里面有完整的安装教程. 想直接看源码的可以直接移步到 github imooc-video-download. 第一步 说到下载视频,首先我们要先有个大概思路:…
编程练习 制作一个跳转提示页面: 要求: 1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页. 2. 如果点击“返回”按钮则返回前一个页面. 代码如下: 需要注意的是23行要用window.location.href来指定  用window.open 的话是在新页面打开 27行用计时器setInterval来调用函数  也可以用setTimeout 但此时函数内外都要加上即注释掉的25行 10行超链接指向必须是javascript:跳转函数 <!DOCTYPE…
慕课网(http://www.imooc.com/)上有很多不错的视频,当然我不是来给慕课网打广告的,我本人学习过很多慕课网上的免费的视频. 在线看如果网速慢时,可能会有卡顿,没网时无法观看.所有说下载到本地,离线看视频是非常不错的选择.慕课网上没提供下载视频的入口,想下载到本地怎么办? 如果一次下载一个视频,那是very very easy,不用第三方工具就能搞定. 1.打开谷歌或谷歌内核的浏览器,按F12键,打开开发人员工具,地址栏输入http://www.imooc.com/video/2…
第一次学习Node.js爬虫,所以这时一个简单的爬虫,Node.js的好处就是可以并发的执行 这个爬虫主要就是获取慕课网的课程信息,并把获得的信息存储到一个文件中,其中要用到cheerio库,它可以让我们方便的操作HTML,就像是用jQ一样 开始前,记得 npm install cheerio 为了能够并发的进行爬取,用到了Promise对象 //接受一个url爬取整个网页,返回一个Promise对象 function getPageAsync(url){ return new Promise(…
                     JAVASCRIPT—进阶篇 给变量取个名字(变量命名) 变量名字可以任意取,只不过取名字要遵循一些规则: 1.必须以字母.下划线或美元符号开头,后面可以跟字母.下划线.美元符号和数字.如下: 正确: mysum _mychar $numa1 错误: 6num  //开头不能用数字 %sum //开头不能用除(_ $)外特殊符号,如(%  + /等) sum+num //开头中间不能使用除(_ $)外特殊符号,如(%  + /等) 2.变量名区分大小写,…
慕课网5-2编程练习:flex布局制作卡片布局案例 小伙伴们,学习了卡片布局,接下来我们根据效果图,也写出一个卡片布局的页面吧! 效果图如下: 任务 1.主体内容的卡片一行只能显示两个. 2.卡片与卡片之间的距离相等,行与行之间的距离也相等. 3.卡片的主体内容居中显示. 4.当鼠标放在按钮上时,按钮的文字颜色发生变化. 参考代码: <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset…
web知识零零散散的知道一些,但总感觉不够系统,遇到问题不知道如何解决,因此特此来系统的学习一下web前端的知识.从慕课网的web基础看起.下面学习http://www.imooc.com/learn/494. 1 web基础知识 1.1 pixel移动开发像素知识 px:css pixels逻辑像素,浏览器使用的抽象单位 dp,pt:device independent pixels设备无关像素 dpr:devicePixelRatio设备像素缩放比 计算公式: 1px = (dpr)2*dp…
以下是关于实现慕课网淘宝搜索框的JS代码,不过只有选择菜单栏(其余比较容易实现). <!doctype html> <html> <head> <!--在IE浏览器的最新版本下进行渲染--> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <title>淘宝选择栏</title> <style type="text/…
首先用最简单的方式实现一个动画效果 <!doctype> <html> <head> <title>Promise animation</title> <style type="text/css"> .ball { width: 40px; height: 40px; border-radius: 20px; } .ball1 { background: red; } .ball2 { background: ye…
https://blog.csdn.net/d_g_h/article/details/79643714 https://blog.csdn.net/tTU1EvLDeLFq5btqiK/article/details/80971792 目前对消息队列并不了解其原理,本篇文章主要是通过慕课网学习归纳的一些笔记,为后续学习打下基础. 众所周知在对网站设计的时候,会遇到给用户“群发短信”,“订单系统有大量的日志”,“秒杀设计”等,服务器没法处理这种瞬间迸发的压力,这种情况要保证系统正常有效的使用,就…
获取HTML页面 var http = require('http') var url='http://www.imooc.com/learn/348' http.get(url,function(res){ var html = '' res.on('data',function(data){ html += data }) res.on('end',function(){ console.log(html) }) }).on('errer',function(){ console.log('…
url url.parse(url,query,host);解析域名 url必须,地址字符串 query可选 host 可选:在不清楚协议时正确解析 querystring 字符串和对象之间互相解析 querystring.escape()  querystring.unescape()  转义和反转义 参考:<慕课网进击Node.js基础>视频…
版本:偶数位为稳定版本,基数为非稳定版本 - 0.6.x - 0.7.x    - 0.8.x -0.9.x    -0.10.x  -0.11.x 概念:Node.js采用谷歌浏览器的V8引擎,用C++语言编写的JavaScript语言运行环境. 优点:可以解析JS代码,没有浏览器安全级的限制: Node适用于高并发,IO密集操作: 提供系统级别的API: 1文件读写 2进程管理 3网络通信 安装Node.js 官网下载,直接安装 配置环境变量:Path下复制node安装路径C:\Progra…
数组 数组是一个值的集合,每个值都有一个索引号,从0开始,每个索引都有一个相应的值,根据需要添加更多数值. 二维数组 二维数组 一维数组,我们看成一组盒子,每个盒子只能放一个内容. 一维数组的表示: myarray[ ] 二维数组,我们看成一组盒子,不过每个盒子里还可以放多个盒子. 二维数组的表示: myarray[ ][ ] 注意: 二维数组的两个维度的索引值也是从0开始,两个维度的最后一个索引值为长度-1. 1. 二维数组的定义方法一 var myarr=new Array(); //先声明…
小伙伴们,伸缩容器的属性我们已经学完了,接下来使用我们所学的伸缩容器属性完成下面的效果图. 要求: 1.logo.导航项.登录注册按钮这三项在水平和垂直方向上都对齐,而且他们之间的距离也相等. 2.导航项各项之间的距离也是一样的. 3.登录.注册按钮之间的距离也是一样的. 慕课网logo图: 效果图如下: 任务 1.对容器进行弹性布局(导航项容器和按钮也要使用弹性布局) 2.三大容器(logo.导航项.按钮)在水平方向以及垂直方向均对齐,且之间距离一样 3.导航项以及按钮之间的各项距离也相等 <…
标题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学习html标题</title> </head> <body> <!-- 1em = 16px --> <h1>一级标题 字体大小32px</h1> <h2>二级标题 字体大小24…
视频网址 从慕课网视频里的PPT截图过来的,因为是用PHP讲的,而且后面讲的一般,所以只截取了前两节课的基础内容,其实只看一下第一张PPT就可以了.…
javascript:用来在页面中编写特效的,和html/css一样都是由浏览器解析的 javascript语言: 一.js如何运行的(javaScript,jscript,vbscript,applet) 二.输出 alert(什么类型都可以) document.write(字符串) 三.如何在html中使用js 1.使用<script></script>将js语法嵌入到html中,可以使用多个,每一个之间都是有关联的 2.href="javascript:js代码&q…
mkdir -p [目录]创建目录-p 递归创建ls 查看当前目录下的文件和目录等其他文件 cd [目录]命令英文愿意:change directory切换所在目录简化操作cd ~ 进入当前用户的家目录cdcd - 进入上次目录cd .. 进入上级目录cd . 进入当前目录 linux 的Tab键可以自动补全文件名称或命令名称 pwd查询所在目录位置命令英文愿意:print working directory rmdir [目录名]命令英文原意:remove empty directories作…
https://www.imooc.com/learn/36 注意: javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行.比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等):而如果是通过事件调用执行的function那么对位置没什么要求的. 输出HTML标签,并起作用,标签使用""括起来. <script type="text…
作为一个老慕课网(https://www.imooc.com/)粉丝,还记得最开始的慕课网有很多免费的路径课程,练习什么的也特别详细,是入门一门语言的好方法. 现在慕课网发展起来了收费模式,添加了很多等级更高的课程,这是一件好事,但是原来的免费路径却找不到了,如果原先有加入路径,还能在个人页面 -> 路径找到(如图),没有加入的就没办法了.(也可能是我人傻没找到,麻烦各位大佬告知,现在从主界面的“职业路径”进去都是收费的) 在做毕设的时候,学习了Java爬虫的初级知识,再一看原来的路径的网址,发…
中秋节,一个人呆着,挺无聊的,还是学习最有趣,不论是什么,开阔视野都是好的. 参考网址:http://www.dowebok.com/77.html  上面有详细介绍及案例展示,很不错哦,可以先去看看demo 一.简介 fullPage.js 是一个基于jQuery的插件,它能够很方便.很轻松的制作出全屏网站,主要功能有: 1.支持鼠标滚动 2.多个回调函数 3.支持手机.平板触屏事件 4.支持css3动画 5.支持窗口缩放 6.窗口缩放时自动调整 7.可设置滚动宽度.背景颜色.滚动速度.循环选…
习·D3.js 学习资源汇总 除了D3.js自身以外,许多可视化工具包都是基于D3开发的,所以对D3的学习就显得很重要了,当然如果已经有了Javascript的经验,学起来也会不费力些. Github主页:https://github.com/mbostock/d3/wiki 包括D3简介,案例,教程和公开课,以及之前提到的API参考等. Github教程页面:https://github.com/mbostock/d3/wiki/Tutorials -·-·-·-·-·-其他:-·-·-·-·…