- 博客(28)
- 收藏
- 关注
RSS订阅原创 移动WEB开发流式布局
1. 移动端基础移动端主要处理webkit内核就行2. 视口视口：浏览器显示页面的屏幕区域。视口分为布局视口、视觉视口和理想视口。2.1 布局视口layout viewport2.2 视觉视口 visual viewport用户能看到的网站区域，注意：是网站的区域；通过缩放去操作视觉视口，不会影响布局视口，布局视口仍保持原来的宽度。2.3 理想视口 ideal viewport...
2019-10-31 22:20:07
170
原创 CSS3
1. CSS3 属性选择器属性选择器的权重是102. CSS3结构伪类选择器ul li:nth-child(2) { background-color: pink; }-----------------------------------------------------------------<ul> <...
2019-10-28 22:18:37
256
原创 HTML５新增语义化标签
定义：HTML的第五次重大修改，我们现在学习的就是HTML5新增加的内容＜header＞头部标签＜nav＞导航标签＜article＞内容标签＜section＞块级标签＜aside＞侧边栏标签<footer>尾部标签使用音频标签语法：注意：谷歌浏览器把autoplay属性禁用了<audio src="音频存放的位置" controls="controls"...
2019-10-28 15:59:35
125
原创 前端面试题
1、怎么让图片垂直居中？类型一：图片外部不加父盒子，单单是图片本身的话，可以使用margin: auto，再将图片元素转换成块级元素。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=...
2019-10-25 22:25:32
70
原创 jQuery其他方法
1. jQuery拷贝对象浅拷贝：把原来对象里面的复杂数据类型地址拷贝给目标对象**深拷贝：**深拷贝把里面的数据完全复制一份给目标对象（会另开辟一个内心空间）如果里面有不冲突的属性，会合并到一起。 2. 多库共存jQuery使用$作为标识符，随着jQuery的流行，其他js库也会使用$作为标识符，这样一起使用会引起冲突。使jQuery和其他的js库不存在冲突，可以同时存在，这就叫做多...
2019-10-21 22:23:31
93
原创 jQuery事件
1. jQuery事件注册** 单个注册事件**语法：element.事件(function(){})如：$(“div”).click(function(){事件处理程序})如果想绑定多个事件 请看2.jQuery事件处理2. jQuery事件处理（1）使用on()绑定一个或多个事件优势2. on 可以实现事件委托（委派）把原来加给子元素身上的事件绑定在父元素身上，就是把事件...
2019-10-21 21:30:39
93
原创 jQuery常用API
1.jQuery 选择器$('选择器') //获取事件$('选择器') .css('属性', '属性值')；如： $('div').css('background', 'pink');为什么使用,css属性就可以更改获取的事件的属性值： 把匹配的所有元素在内部进行遍历循环，给每一个元素添加css这个方法，这种行为称为隐式迭代。$('ul li:first')// 获取ul...
2019-10-19 22:24:20
646
原创 jQuery
一、jQuery概述1. javaScript库：是一个封装方法和函数的特定的集合。简单理解：该库就是一个Js文件，里面对源生js代码进行了封装，存放到里面，这样我们可以快速高效的使用这些封装好的功能。比如jQuery, 就是为了快速方便操作DOM，里面基本都是函数（方法）2. jQuery 封装了Js常用的功能代码，优化DOM操作，事件处理、动画设计和Ajax交互。二、jQuerys...
2019-10-19 20:45:15
182
原创 本地存储
sessionStorage临时存储器，将数据存到 session中，只要你不关闭浏览器，那么数据就不会清除，可以后退或者刷新等操作，数据不会消失。常用功能：存储数据sessionStorage.setItem(key, value);获得数据：sessionStorage.getItem(key);删除数据：sessionStorage.removeItem(key);删除所有数据...
2019-10-18 22:18:34
69
原创 PC端网页特效
1、元素偏移量offset系列定义：offset 意思是偏移量，我们使用offset系列相关属性可以动态得到该元素的位置（偏移量）、大小等。注意：1）获得元素距离带有定位父亲的位置 2）获得元素自身的大小（宽度高度）3）返回的数值没有带单位获取鼠标在盒子坐标：盒子水平居中：transform:translate(-50%, -50%)放大镜效果主要核心思想：例子...
2019-10-13 21:45:53
242
原创 VSCode代码在可视区内自动换行设置（解决无法写入问题）
文件——>首选项——>设置在设置搜索栏上输入Editor: WordWrap,然后找到下图中黄色框起来的位置，选择on如果显示无法正常写入，则可以强制写入：找到settings.json文件打开文件后，将 “editor.wordWrap”: “on”,写入文档中，入下图所示。...
2019-10-13 18:01:59
1918
原创 BOM
要求： 1、BOM概述BOM(Brower Object Model) 即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM 是由一系列相关的对象构成，并且每个对象都提供了很多方法和属性。BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是 Netscape 浏览器标准的一部分。...
2019-10-12 21:41:56
97
原创 事件高级
要求：1 元素注册事件的两种方式2 删除事件的两种方式3 DOM事件流的三个阶段4 利用事件对象完成跟随鼠标案例5 能够封装阻止冒泡的兼容性函数6 事件委托的原理是什么7 常用的鼠标和键盘事件 一、注册事件（绑定事件）注册事件有两种方式：传统方式 、方法监听注册方式传统方式：1、利用on开头的事件如：onclick2、事件源.事件类型 = function() {} 如：...
2019-10-11 22:30:48
89
原创 动态生成表格
创建行var tr = document.createElement('tr'); //创建行节点 tbody.appendChild(tr);创建单元格 for (var k in obj[i]) { //控制创建单元格数 var td = document.createElement('td'); // 创建单元格节点单元格填充数据 td...
2019-10-11 17:04:38
419
原创 DOM节点操作
节点: 文档中所用元素都是节点，包括换行等2. 子节点2.1 node.children(开发中常用此方法)2.2 node.childNodes 获得的是所有子节点，包含元素节点 文本节点等3. 获取第一个元素节点或者最后一个元素节点的方法：...
2019-10-10 22:26:34
160
原创 操作元素
1、元素的操作如：获取元素、自定义属性、移除自定义的属性等注意：直接在标签内添加自定义的属性，然后可以通过getAttrbute()获取。如下图：
2019-10-10 18:08:42
211
原创 DOM
1、DOM1.1 文档对象模型，是标准的编程接口，通过DOM接口可以改变网页的内容、结构和样式。**1.2 DOM 树**1.3 getElementsById 获取元素1.4 getElementsById 获取元素1.4.1 获取页面中某一元素document.getElementByTagName(元素)；1.4.2 获取父元素的子元素方法：element.getE...
2019-10-08 13:29:15
79
原创 Web API
API：接口，能实现牟总功能；（可以了解为工具）Web API ：针对浏览器的接口，主要用于浏览器做交互效果； 一般都有输入输出（函数的传参和返回值），其有很多方法。...
2019-10-08 11:30:41
51
原创 简单数据类型和复杂数据类型
1、简单数据类型null 返回的是一个空的对象 object注意：如果有个变量我们以后打算存储为存储对象，暂时没想好什么内容，这个时候就给null2、简单数据类型和复杂数据类型堆和栈在内存中的存在形式...
2019-10-07 21:44:59
902
原创 内置对象
JavaScript 中的对象分为3种：自定义对象、内置对象、浏览器对象。内置对象：js语言自带的一些对象，我们直接调用就可以实现某些功能；JavaScript提供了多个内置对象：Math 、Data、Array、string等...
2019-10-05 18:56:22
297
原创 对象
1、对象：具体的事物；对象由：属性 和方法组成属性：事物的特征，用名词方法：事物的行为 用动词使用对象的好处：使结构更清晰2、创建对象的三种方法：2.1 利用字面量{} （最常用）var obj = {} //创建了一个空的对象例子：var obj = { uname: 'zyx', // 属性或者方法，采用键值对的形式：键/属性名：值/属性值 age: 27, ...
2019-10-04 21:18:30
76
原创 变量\ 属性， 方法\函数的区别
变量：单独声明并赋值，使用的时候直接写变量名 单独存在属性：在对象里面不需要声明，使用的时候必须是：对象名.属性函数和方法的相同点：都是实现某种功能，做某件事函数：单独声明，调用时（函数名（））单独存在方法：在对象里面，调用的时候：对象名.方法（）；...
2019-10-04 16:27:14
248
原创 预解析
1、js引擎运行JS 分为两步：预解析——>代码执行1.1 预解析：js引擎会把js 里面所有的var 还有 function 提升到当前作用域的最前面1.2 代码执行：按照代码书写的顺序从上往下执行2、预解析：变量预解析（常称为变量提升）和函数预解析（常称为函数提升）2.1 变量提升：就是把所有的变量声明提升到当前作用域最前面 不提升赋值操作；2.2 函数提升：...
2019-10-04 15:54:34
209
原创 函数
1、函数定义函数：封装某些功能的代码块；目的：可以重复使用某些代码；2、函数声明第一步：声明函数；function 函数名() { //函数名一般是动词 //函数体}第二步：调用函数；函数名();//函数不调用，函数不执行3、形参实参这里的形参和其他语言不太语言，它不用声明；3.1函数形参实参个数匹配3.1.1 如果实参的个数和形参个数一致，则正常输出3.1....
2019-10-03 21:38:55
256
原创 数组
1、数组：一组数据的集合，存储在单个变量中；2、创建数组2.1利用new创建数组 var arr = new Array();2.2 利用数组字面量创建数组 var arr = [];数组中的数据称为数组元素。数组长度 = 数组名.length 3、新增数组元素3.1 修改length长度3.2 修改索引号注意：索引值若是存在，就是修改值，不在就是添加数组元素；不要随...
2019-10-03 21:14:53
65
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人