- 博客(20)
- 收藏
- 关注
RSS订阅
原创 jQuery一些简单功能的实现
TAB选项卡的实现实现效果如下图当鼠标移入时标题背景变灰并且实现切换图片。方法：1.监听鼠标移入2.修改被移入选项卡的背景颜色3.还原其他兄弟选项卡的背景颜色4.获取点击事件的索引5.根据索引找到对应图片6.隐藏其他图片7.显示该图片代码：https://github.com/aeyoo/myRepository/blob/master/demo/tab选项卡.html...
2018-10-17 15:36:56
732
原创 fileReader文件预览，拖拽，定位，WEB存储，应用缓存
即时：用户选择图片后可以立即预览=>>onchange预览：通过readAsDataURL 完成FileReader接口有4个方法，其中3个用来读取文件，另一个用来中断读取。无论读取成功或失败，方法并不会返回读取结果，这一结果存储在result属性中。FileReader接口的方法readAsText：该方法有两个参数，其中第二个参数是文本的编码方式，默认值为 UTF-8。...
2018-10-28 20:47:28
521
原创 媒体标签，画布
video语法：<video src="movie.ogg" controls="controls"></video>audio语法：<audio src="song.ogg" controls="controls"></audio>标签属性：autoplay：音频在就绪后马上播放。controls：向用户
2018-10-28 14:10:03
172
转载 HTML5——语义化标签
介绍HTML是提供网页文档内容的上下文结构和含义；HTML本身是没有表现的，我们看到的例如&lt;H3&gt;是粗体，字号为2em；&lt;strong&gt;的加粗，不要认为这些是html的表现，这是html的默认样式在起作用，所以我们要知道html和页面的表现是没有关系的，表现是CSS的事。html在页面中的作用是结构、含义，说白了就是划分内容，这里放什么，我们放的是什么。结构化...
2018-10-28 10:39:09
187
原创 弹性盒子，响应式布局
Flexbox模型：伸缩容器display(用于伸缩容器)display:flex | inline-flex;flex：块伸缩容器inline-flex：内联伸缩容器float、clear和vertical-align在伸缩项目上没有效果。伸缩流方向flex-direction(用于伸缩容器)flex-direction：row | row-reverse | column...
2018-10-26 17:04:16
627
原创 CSS3基础——变形与动画
Transform: none|transform-functions;旋转 rotate()：主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。扭曲 skew(x，y)：将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜，会导致元素变形，例：正方形x轴倾斜变为平行四边形。缩放 s...
2018-10-26 10:38:32
170
原创 CSS3基础——边框，背景，文字，颜色
圆角效果 border-radius单位:px 和%阴影 box-shadowbox-shadow: h-shadow v-shadow blur spread color inset;常用四属性：X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影颜色];投影方式：inset，默认为外阴影。为边框应用图片 border-imagebackground:url(xx.jpg)...
2018-10-25 20:23:15
196
原创 CSS3基础——选择器（基于w3c school）
属性选择器[abc^=“def”] 选择 abc 属性值以 “def” 开头的所有元素[abc$=“def”] 选择 abc 属性值以 “def” 结尾的所有元素[abc*=“def”] 选择 abc 属性值中包含子串 “def” 的所有元素:root 选择器匹配文档根元素。在 HTML 中，根元素始终是 html 元素。结构性伪类选择器not：选择除某个元素之外的所有元...
2018-10-25 20:04:37
472
原创 Ajax
Ajax :异步的JavaScript和XML，是一种使用现有标准的新方法。Ajax是与服务器交换数据并更新部分网页的技术，在不重新加载整个页面的情况下。A：创建一个异步对象B：设置请求方式和请求地址C：发送请求D：监听状态的变化E：处理返回的结果http状态码：200–300 || 304get/post请求的异同：相同点：都是将数据提交到远程服务器不同点：存...
2018-10-22 21:13:33
99
原创 jQuery基础
jQuery：JavaScript的库，write less ，do more。jQuery：1.x：兼容ie9以下，最终版本：1.12.42.x：不兼容ie9以下，最终版本2.2.43.x：只支持最新的浏览器，提供不包含Ajax/动画阿皮版本。原生JS和jQuery入口函数的区别原生的JS编写了多个入口函数，后写的会覆盖先写的jQuery编写多个入口函数，后面的不会覆盖前...
2018-10-14 15:28:15
157
原创 html css一些基础知识点的整理
浅显的名词解释html：即HyperText Markup Language，超文本标记语言。css：即Cascading Style Sheets，层叠样式表。JavaScript：也称为ECMAScript，广义上包括ECMAScript，DOM，BOM。jQuery：JavaScript框架，write Less，Do More，封装JavaScript代码，优化HTML文档操作...
2018-10-13 20:45:49
1175
1
原创 数组
定义方式：数组字面量 var arr = [ ，， ] ;构造函数 var arr = new Array(1，2，3，4，5 ) 为传送值;当写一个参数的时候会认为创建一个长度为参数的稀松数组。参数不可以为小数。两种创建方式所有方法均来自Array.prototype数组的读和写：读取超过长度的属性，不会报错，提示undefined，写入时会抻长数组数组常用的方法：（ES3...
2018-10-13 15:16:46
101
原创 原型 原型链 call apply 继承 命名空间 对象枚举
对象的原型：原型是function对象的一个属性，定义了构造函数制造出的对象的公共祖先。通过该原型构造出的构造函数，可以继承原型的属性。function Person（）{}var person=new Person；Person.prototype➡原型Person.prototype{ }；原型对象，可被构造出的对象继承原型和本身属性冲突的时候取自己的属性，没有该属性选择继承原型...
2018-10-12 16:51:30
140
原创 对象，包装类
对象的增删改查对象的创建方法：1：var obj={ } plainObject 对象字面量/对象直接量2：构造函数：1）系统自带的构造函数 new Object（） ；2）自定义var obj=new Object（a，b，c）；obj.属性=属性值；可以改变新对象里面的内容。构造函数：写法和函数相同，要符合大驼峰式命名规则。构造函数（加new）内部原理：1）.v...
2018-10-12 13:31:37
207
原创 闭包
作用域：函数名.[[scope]]，存储了运行期上下文的集合，这个集合呈链式结构执行器上下文:AO GO函数每次执行会产生一个独一无二的执行器上下文，执行完毕之后，产生的执行上下文被销毁。在函数中查找变量的时候：从作用域链的顶端依次向下查找闭包：内部函数保存到外部，会形成闭包。闭包会导致原有的作用域链不释放，造成内存泄漏。闭包的应用累加器可以做缓存（存储结构）可以实...
2018-10-12 12:49:55
110
原创 data及一些基础知识点
data（基于w3c手册）var data =new Data（）；data.getData（）1-31data.getDay（）0-6代表周日到周六data.getMonth（）0-11代表一到十二个月data.getFullYear（）四位数年份data.getHours（） 小时 (0 ~ 23)data.getMinutes（） 分钟 (0 ~ 59)data.g...
2018-10-11 17:32:02
879
原创 事件
绑定事件处理函数ele.onxxx=function(){}兼容性好，一个元素的同一个事件上只能绑定一个处理程序，基本等同于写在html行间程序this指向dom元素本身解除事件处理程序:ele.onclick=false/’’/nullobj.addEventListener(type,fn,false);IE9以下不兼容，可以为一个事件绑定多个处理程序，重复函数绑定多次执行一...
2018-10-10 14:22:16
121
原创 js的DOM操作
1.三种常用查看方式标签名类名元素id注：document代表整个文档，name选择器对部分标签不生效，.querySelector()非实时。2.创建元素节点3.创建文本节点4.复制节点注：true时克隆整个节点；false只克隆该节点，不克隆子节点。5.插入节点（1）在末尾插入子节点（2）在已有节点之前插入子节点注：已有节点的插入操作会产生剪切效果6....
2018-10-06 18:48:07
565
原创 从js中的正则表达式开始
正则表达式可以通过逻辑过滤获取字符串中特定的部分。RegExp创建方式：1. var reg=/ /;2.var reg=new RegExp( ) 构造函数当 var reg1=RegExp（reg）时，reg1为reg相同形式的不同引用。当 var reg1=new RegExp（reg）时，两者指向不同地址,互相独立。修饰符; i/g/m其中m重点记述：m为多行匹配功能。...
2018-10-04 17:06:34
551
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人