- 博客(29)
- 资源 (1)
- 收藏
- 关注
原创 JavaScript-13
正课:1. *****ES5 对对象的保护: 对单个属性的保护: 数据属性: 访问器属性:对对象的保护: 问题: 属性可随时直接用=赋值任何值 属性可随时被访问 可随时添加和删除属性 ——不严格! 解决: 对对象提供保护:
2018-01-31 12:14:45 130
原创 JavaScript-12
正课: 1. *****OOP 内置对象的原型对象 共有属性和自有属性 原型链 原型相关API*****自定义继承1. 内置对象的原型对象: 所有内置对象都是一个构造函数(除Math外) 每类内置对象都有自己的原型对象(prototype) 所有内置对象的API都保存在类型.prototype对象中 何时: 解决
2018-01-31 12:13:28 151
原创 JavaScript-11
正课: 1. *****作用域和作用域链2. *****闭包1. *****作用域和作用域链 作用域scope: 什么是: 一个变量的使用范围——使用 本质上作用域是一个对象——存储 作用域中的变量都是对象的成员 程序/函数的执行过程: 1. 开
2018-01-31 12:11:47 157
原创 JavaScript-10
正课: 1. ***日期API2. ***Error1. ***日期API 单位: FullYear Month Date Day Hours Minutes Seconds Milliseconds API: 1. 每个单位都有一个对儿get/set方法
2018-01-31 12:09:55 149
原创 JavaScript-9
1. 正则: 指定匹配位置2. ***String API: 替换: 衍生: 删除和格式化 切割3. ***RegExp对象1. 正则: 指定匹配位置: 三个位置: 字符串的开头 ^ 字符串的结尾 $ 比如: 开头的空字符: ^\s+ 结尾的空字符:
2018-01-31 12:08:13 163
原创 JavaScript-8
1. ***String 什么是:***内置对象:***包装类型: 字符串API1. 什么是: 多个字符组成的只读字符数组 vs 数组: 下标i length slice() concat 不同: 数组中凡是直接修改原数组的API,字符串都不能用!
2018-01-31 12:06:58 143
原创 JavaScript-7
1. ***数组: API: 拼接和选取 修改 翻转****排序: 自定义排序算法: 冒泡排序 sort()1. 拼接和选取: 拼接: 将其它元素或其它数组拼接到当前数组末尾,返回新数组 var newArr=arr1.concat(值1,值2,arr2,......)
2018-01-31 12:05:32 289
原创 JavaScript-6
1. ***数组: 什么是: 内存中连续存储多个数据的一块存储空间 vs 变量: 内存中存储一个数据的存储空间 为什么: 连续存储的多个数据便于维护和查找 ***程序=数据结构+算法 算法: 解决问题的步骤 数据结构: 数据在内存中的存储结构
2018-01-31 12:03:31 141
原创 JavaScript-5
1、循环结构-for1、while在控制台上输出1-100之间所有的数字//1、声明条件:从1开始var i=1;//2、循环结构-循环条件while(iconsole.log(i);//3、操作i++;//4、更新循环变量}2、for语法for(表达式1;表达式2;表达式3){//循环操作} 表达式1:声明条件表达式2:循环条件判断
2018-01-31 12:01:34 328
原创 JavaScript-4
1、分支结构2、循环结构=============================1、分支结构1、else...if语句(多重if结构)1、问题根据考试成绩,给出 A-E 等级成绩为100分,则输出A成绩在90分以上 则输出B成绩在80分以上 则输出C成绩在60分以上 则输出D否则 输出E 标题
2018-01-30 11:02:29 152
原创 JavaScript-3
1、运算符1、赋值运算符1、使用"="进行赋值注意:赋值符号的左边,必须是变量const PI=3.14;(特殊)2、扩展赋值表达式+=,-=,*=,/=,%=,&=,|=,^=ex:var num = 5 ;num+=3; ==> num=num+3;num-=5; ==> num=num-5;语法:a+=b;==> a=a+b;2、字
2018-01-30 10:55:38 210
原创 JavaScript-2
1、数据类型的转换2、运算符和表达式==========================================1、数据类型转换1、弱类型由数据来决定数据类型var num;//undefinednum=12;//numbernum="你好";//stringnum=false;//boolean强数据类型:由数据类型来决定数据1
2018-01-30 10:53:53 162
原创 JavaScript-1
1、Javascript概述2、Javascript基础语法3、变量和常量(重点)4、数据类型*******************************************1、JS概述1、什么是JSJS是一种运行于JS解释器/引擎中的解释型脚本语言编译型语言:程序在运行前会进行编译解释型语言:运行之前不会编译,直接执行,出错则停止JS解释器/
2018-01-30 09:12:38 343
原创 CSS3-7
1、转换2、过渡3、动画4、CSS 优化******************************1、转换1、转换简介1、什么是转换改变元素在页面中的大小,位置,角度和形状的一种方式2、转换分类1、2D转换使元素在x轴和y轴上发生变化效果2、3D转换在2D转换基础上,增加 z轴的变化效果3、转换属性属性:transform取
2018-01-30 09:12:19 551 1
原创 CSS3-6
1、复杂选择器2、内容生成3、多列4、CSS Hack(浏览器兼容性)*******************************1、复杂选择器1、兄弟选择器1、作用通过元素的平级关系来匹配其他元素只能向后不能向前2、分类1、相邻兄弟选择器匹配指定元素的相邻兄弟相邻:紧紧挨在指定元素的后面语法:选择器1+选择器2ex:1
2018-01-30 09:11:51 114
原创 CSS3-5
1、定位1、定位属性1、定位属性属性:position取值:1、static默认值,默认定位方式2、relative相对定位3、absolute绝对定位4、fixed固定定位注意:position取值为 relative,absolute,fixed 的元素被称为 已定位元素2、偏移属性作用:移动已定位元素属性:top:值;b
2018-01-30 09:11:30 494
原创 CSS3-4
1、浮动(重难点)2、显示3、列表4、定位(重难点)*****************************1、浮动1、定位1、什么是定位元素该出现在网页的哪个位置处2、定位方式1、普通流定位2、浮动定位3、相对定位4、绝对定位5、固定定位3、普通流定位又称为 文档流定位网页元素默认定位方式页面元素块级元素-从上到下的方
2018-01-30 09:11:04 495
原创 CSS3-3
1、渐变1、什么是渐变多种颜色变化的一个过程分类:1、线性渐变2、径向渐变3、重复渐变(线性,径向)特点:1、渐变都有填充方向(线性渐变)2、色标(颜色,位置)2、语法属性:background-image取值:1、linear-gradient():线性渐变2、radial-gradient():径向渐变3、repeating-
2018-01-30 09:10:39 482
原创 CSS3-2
************************************1、边框2、框模型3、背景属性4、渐变****************************1、边框1、边框倒角属性:border-radius该属性为简写属性,可以设置四个角的倒角半径取值:以px为单位 或 以 % 为单位单角定义:border-top-left-ra
2018-01-30 09:10:04 504
原创 CSS3-1
1、CSS概述1、问题1、设置页面中所有的文本颜色为红色2、页面中所有的div里面的文本的颜色变为 蓝色3、页面中所有的div里面的文本的颜色变为 绿色HTML元素属性的弊端:1、想完成相同效果,却要使用不同属性2、HTML元素改变的样式可重用性不高2、CSSCSS:Cascading Style Sheets层叠样式表,级联样式表,样式表特点:
2018-01-29 17:23:32 301
原创 HTML5-9
1.如何得知localStorage中数据的修改? localStorage中任何数据的修改,都会触发一个事件: window.onstorage = function(){ } 2. HTML5新特性之十——WebSocket 提示:重在概念的理解 HTTP协议:是基于“请求-响应”模型的协议,客户端发起一个请求,服务器就要返回一个响应,
2018-01-29 17:12:16 151
原创 HTML5-8
(1)扩展:如何在网页中拖拽显示客户端的图片(2)WebWorker(3)WebStorage 1.面试题:如何在服务器端下载的网页中显示客户端图片? 一般情况下,网页只能显示服务器上的图片; HTML5中,可以实现用户拖拽一张本地的图片显示在服务器端下载的网页中。 container.ondrop = function(e)
2018-01-29 17:11:03 130
原创 HTML5-7
1.SVG中定义特效对象——渐变特效 2.SVG中定义特效对象——滤镜(filter)——高斯模糊路径 更多滤镜效果及使用方法:https://developer.mozilla.org/en-US/docs/Web/SVG/Element
2018-01-29 17:08:50 132
原创 HTML5-6
1.如何等待所有图片加载完成后,才开始绘图? 多张图片绘制需要按照特定的顺序,而加载完成顺序是完全无法预测,只能等待所有图片加载完成,才能开始绘制。 /*************************** //典型的错误代码 var img1 = new Image(); img1.src = ""; img1.onload = fun
2018-01-29 17:06:23 156
原创 HTML5-5
1.使用Canvas绘制路径(Path) 提示:Canvas中的路径概念与Photoshop中钢笔工具类似的。路径本身是不可见的,有三个用途:描边、填充(闭合)、裁剪(闭合) Canavs中与路径绘制相关方法: ctx.beginPath() //开始一条新路径 ctx.closePath() //闭合路径,让最后一个锚点自动连接到第一个锚点
2018-01-29 17:04:12 191
原创 HTML5-4
今日目标:(1)视频和音频 —— 简单必须掌握(2)Canvas绘图 —— 重点&难点 1.面试题:Flash被HTML5取代在哪些方面? 音频和视频 —— 和 绘图 —— 动画/游戏 —— +定时器 统计图表 —— 、 客户端数据存储 —— WebStorage
2018-01-29 17:01:24 147
原创 HTML5-3
1.常用的前端开发软件 (1)小型软件:小巧启动快,功能简单 Editplus、Notepad++、VIM、Emacs (2)中型软件: SublimeText (3)中型软件:体积大启动慢,功能强大 Eclipse-Aptana、IntejIEDA-WebStorm、Dreamweaver
2018-01-29 16:57:40 228
原创 HTML5-2
1、图像和链接1、URL地址1、分类1、绝对路径1、引用互联网资源协议名主机名(IP地址,域名)目录路径文件名2、本机文件从文件所在的最高目录处(盘符)开始2、相对路径通过 文件间的位置关系 找到资源文件1、同目录,直接用2、子目录,先进入3、父目录,先返回(../)3、根相对路径永远都是从WEB站点所在的根目录处开始查找
2018-01-29 16:50:45 401
原创 HTML5 -1
1、WEB基础知识(了解) 1、WEB与Internet 1、Internet 全球性计算机互联网络 因特网、国际互联网、网际网 2、Intenet提供的服务 Email:电子邮件 WWW:万维网 www.baidu.co
2018-01-29 16:28:49 413
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人