- 博客(23)
- 收藏
- 关注
RSS订阅转载 移动web端基础知识
一. 使用rem作为单位html { font-size: 100px; }@media(min-width: 320px) { html { font-size: 100px; } }@media(min-width: 360px) { html { font-size: 112.5px; } }@media(min-width: 400px) { html { font-size: ...
2019-05-23 00:47:25
276
原创 什么是 HTML5
什么是 HTML5HTML5并不仅仅只是做为HTML标记语言的一个最新版本，更重要的是它制定了Web应用开发的一系列标准，成为第一个将Web做为应用开发平台的HTML语言。HTML5定义了一系列新元素，如新语义标签、智能表单、多媒体标签等，可以帮助开发者创建富互联网应用，还提供了一些Javascript API，如地理定位、重力感应、硬件访问等，可以在浏览器内实现类原生应用。我们甚至可以结...
2019-05-07 23:19:31
316
原创 c3h5
transition-property：过度的属性transition-property:all;/*针对所有元素都有过度效果*/transition-property:none;/*没有元素有过度效果*/transition-property:ident;/*指定css属性有过度效果，例如width*/transition-duration：过度时间transition-delay...
2019-04-28 23:15:49
810
原创 jquery的事件机制
常见的事件绑定 click(handler) 单击事件。 blur(handler) 失去焦点事件。 mouseenter(handler) 鼠标进入事件。 mouseleave(handler) 鼠标离开事件。 dbclick(handler) 双击事件。 change(handler) 改变事件，如：文本框值改变，下拉列表值改变等。 focus(handle...
2019-04-17 23:27:15
171
转载 各国货币json文件
各国货币json文件[ {"countryname":"","name":"请选择","currency":""}, {"countryname":"欧洲货币联盟","name":"欧元","currency":"EUR"}, {"countryname":"冰岛","name":"冰岛克朗","currency":"ISK"},...
2019-04-17 21:18:21
733
原创 jQuery
1.介绍jQuery是一个JavaScript库。jQuery极大地简化了JavaScript编程。jQuery很容易学习。2.jQuery语法通过jQuery，您可以选取（查询，query）HTML元素，并对它们执行“操作”（actions）。jQuery语法实例$(this).hide()演示jQueryhide()函数，隐藏当前的...
2019-04-15 22:56:14
82
原创 call和apply的区别与作用
call()和apply()介绍这两个方法都是函数对象的方法，需要通过函数对象来调用。当函数调用call()和apply()时，函数都会立即执行。 都可以用来改变函数的this对象的指向。 第一个参数都是this要指向的对象（函数执行时，this将指向这个对象），后续参数用来传实参。 显式绑定thisJS提供的绝大多数函数以及我们自己创建的所有函数，都可以使用c...
2019-04-15 01:17:56
932
原创 js高级作用域与闭包
作用域指一个变量的作用范围。它是静态的(相对于上下文对象), 在编写代码时就确定了。作用：隔离变量，不同作用域下同名变量不会有冲突。作用域的分类： 全局作用域：直接编写在script标签中的JS代码，都在全局作用域。 函数作用域： 调用函数时创建函数作用域，函数执行完毕以后，函数作用域销毁。 每调用一次函数就会创建一个新的函数作用域，他们之间是互相独立的。 在函...
2019-04-11 23:18:55
104
原创 web事件的阶段
* 事件的阶段：* 1.捕获阶段:由外到内* 2.目标阶段：选择的那个* 3.冒泡阶段：由内到外** e.eventPhase:查看事件触发时显示的阶段* 1===捕获阶段* 2===目标阶段* 3===冒泡阶段** addEventListener（事件的类型，事件处理函数，控制事件阶段的）；* 第三个参数为false：冒泡，如果为true：捕获*...
2019-03-31 23:03:43
363
原创 总结获取元素的方式
* 根据id获取元素，返回一个元素对象* getElementById("id名");** 根据标签名获取元素，返回一个伪数组，数组里存的是多个DOM元素对象* getElementsByTagName("标签名")** 下面的有些可能浏览器不支持** 根据name属性获取元素，返回一个伪数组，数组里存的是多个DOM元素对象* getElementsByName("name属性...
2019-03-27 17:10:25
159
原创 关于webstorm的快捷键 你知道多少?
Ctrl+/ 或 Ctrl+Shift+/ 注释（// 或者/…/ ）Shift+F6 重构-重命名Ctrl+X 删除行Ctrl+D 复制行Ctrl+G 查找行Ctrl+Shift+Up/Down 代码向上/下移动。F2 或Shift+F2 高亮错误或警告快速定位写代码，按Tab 生成代码选中文本，按Ctrl+Shift+F7 ...
2019-03-27 00:06:00
123
原创 js基础知识
toString():把数组转换成字符串，逗号分隔每一项 * valueOf():返回数组的原始值 * push（数值1，数值2，...）:在数组后面追加一个或多个数组元素，返回的是数组的新长度，数组会发生改变 * pop():删除数组中最后一个元素，返回被删除的这个元素 * unshift数值1，数值2，...）:在数组最前面追加一个或多个数组元素，返回的是数组的...
2019-03-25 22:50:13
100
转载 js基础知识
一、 js代码的应用1.使用<script>标签将js代码应用到HTML文档中1)作用：将JS代码应用到HTML文档中，该标签的位置是任意，通常放在被修饰内容下面或者head标签中2)属性及属性值：type=”text/javascript”，该属性的作用是告诉浏览器下面是一段js代码，浏览器需要按照js语法的规则进行解析2.将JS代...
2019-03-24 23:52:35
115
转载 js对象的解释
基本类型，引用类型（对象类型）区别基本类型，对象类型，归根结底还是得从基本类型，对象类型各自特点出发。基本类型：包括上述中的六种，基本类型的值是一种简单的数据段。存储在栈内存中；当复制基本类型的值时，复制它的值（改变其中一个，另一个不受影响），比较时，按其值比较。引用类型：一种数据结构，是一类对象所具有的属性和方法；引用类型的值是可能是由多个值构成的对象，储存在栈内存与堆内存中；当复制引...
2019-03-20 22:09:14
189
原创 js基础知识
数组的概念所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。数组的定义数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。通过数组字面量创建数组// 创建一个空数组var arr1 = []; // 创建一个包含3个数值的数组，多个数组项以逗号隔开var arr2 = [1, 3, ...
2019-03-18 20:17:55
115
转载 js基础知识笔记
1、JavaScript简介JavaScript是基于对象和事件驱动的脚本语言，主要应用在客户端。特点：交互性：信息的动态交互安全性：不可以直接访问本地硬盘跨平台性：只要是可以解析JS的浏览器都可以执行，与平台无关基于对象：提供了很多对象，而已直接使用。事件驱动：HTM...
2019-03-14 18:43:08
221
原创 复习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&am
2019-03-13 18:35:23
132
转载 css基础整理
块元素居中： 方法一：先设置width: 100px, 再设置margin: auto; 方法二： 父元素：水平居中 text-align:center; 垂直居中 vertical-align:middle; display: table-cell; 子元素：display:inline-block; vertica...
2019-03-10 22:36:21
122
原创 margin可能遇到的问题
1.外边距塌陷（1） 垂直对齐的两个块级标签同时设置margin-top和margin-bottom<div class="top"></div> 两个盒子之间的距离是取margin-top和margin-bottom中最大的值...
2019-03-07 18:18:49
196
转载 css图片整合技术的概念及优缺点（雪碧图，精灵图，滑动门技术）
一、图片整合的概念将多张图整合到一张背景图中，使用background-position 来实现图片的定位的技术叫图片整合技术，也称雪碧图，精灵图，滑动门技术。二、优势1.将多张图整合到一张图中，减少了对服务器的请求，加快了图片的加载速度，从而达到了网站性能的优化；2.减小了图片的体积。（当页面加载时，不是加载每个单独图片，而是一次加载整个...
2019-03-06 19:05:10
795
转载 css定位分类
1、普通定位和相对定位css中的元素有两种元素，块级元素和行级元素，块级元素每定义一个，第二个会自动换行，行级元素不会换行。如下图定义了三个块级元素div和两个行级元素span。普通定位就是从上到下从左到右依次排布的布局。普通定位代码相对定位是在普通定位的基础上作出一些变动，如本来这个元素应该在第二行的位置，设置position:relative,bottom:20px;他就会...
2019-03-05 19:07:52
146
原创 css基础知识
CSS部分;css：cascading style sheet 层叠样式表引入css：1.行间样式，头标签加style=""2.页面级css：在<head>里面写<style>标签<style><div>{}</div></style>3.外部css文件：专门建立一个css文件div,在html文件里
2019-03-01 23:49:35
75
原创 html简单标签课堂笔记
<meta charset="UTF-8" />单词缩写： head 头部. 标题 title 文档标题<h1>-<h6> 标题标签<p> 段落标签<hr /> 水平线标签<br /> 换行标签<div> 分割分区<span> 跨度
2019-02-26 19:04:58
155
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人