- 博客(13)
- 收藏
- 关注
RSS订阅原创 DOM----文档对象模型
DOM是语言中立的API,用于访问和操作HTML和XML文档。DOM1级将HTML和XML文档形象地看作一个层级化地节点树，可以使用Javascript来操作这个节点树，进而改变底层文档地外观和结构。 DOM操作往往是Javascript程序中开销最大的部分，因访问NodeList导致的问题最多。NodeList对象是“动态的”，这就意味着每次访问NodeList对象，都会执行一次查询。有鉴于此...
2018-05-27 00:19:46
161
原创 apply( ) 、call( )、 bind( )、this相关知识点
this的指向：在ES5中，其实this的指向始终坚持一个原理：this永远指向最后调用它的那个对象。 来看几个例子： 例1、 var name="windowsName";function a( ){ var name="Xudan"; console.log(this.name); //windowsName console.log(&
2018-05-26 15:02:24
322
原创 JSON
一、JSON（使用JSON字符串实现信息的传递） 1、JSON的基本概念： <1>中文：JavaScript对象表示法; 英文全拼：JavaScript Object Notation <2>JSON是存储和交换文本信息的语法。类似XML。它采用键值对的方式来组织，易于人们的阅读和编写，同时也易于机器解析和生成 <3>JSON是独立于语言的，也就是说不管什么语
2018-03-08 16:41:15
139
原创 Ajax
在讲Ajax异步传输之前，我先用两张图带大家看一下异步和同步的区别： 例如填写一个表单 异步ajax：所有的填写错误在页面上实时的显示出来 同步：全填完之后提交才知道有没有错误，非常耗时耗力一、AJAX简介： 1.AJAX是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 2.什么是AJAX？ 翻译成中文：AJAX是异步javascript和XML。 AJAX
2018-03-08 16:08:20
135
原创 企业级命名参考
在前端中,所有的id名和类名绝不是自己随心所欲的起的，我们要做到语义化，即见名知意，这样更利于我们代码后期的维护。以下是我整理出来的一些命名参考： (一)网页内容类标题: title 摘要: summary 箭头： arrow 商标： label 网站标志： logo 转角/圆角： corner 横幅广告： banner 子菜单： subMenu 搜索： search 搜索框：
2018-02-28 22:07:10
205
原创 大企业网站性能优化必备方案之“懒加载技术”
我们平时所看到的网站中的文件、图片等它们并不是属于浏览器的，而是浏览器通过域名到服务器里面请求下载过来的，而下载这些东西需要时间，如果文件非常多非常大，那么下载就会需要很长的时间，这时就会用到懒加载技术，分批次加载这些文件。用户永远只可能看到一个窗口的内容，所以我们就可以先加载一个窗口的内容，再随着滚动条继续加载。例如我们保存的整个京东网页的图片，我们看到的区域为加载出来的图片，而看不到的区域都用...
2018-02-28 21:30:38
334
原创 3D旋转爱心
今天给大家分享一个3D旋转爱心，有了它不怕没女朋友，哈哈。好了，切入正题，先给大家看一下最终的静态图，有想看具体效果的，我会把代码贴在博文后边的，大家下去可以自己运行。 一、我们按照上一个案例的习惯，先来分析一下我们这个案例： 上图中的爱心它是由36条曲线组成，然后再通过旋转加动画就可以让爱心动起来咯！具体步骤整理如下： 1.通过设置border-radius...
2018-02-27 22:06:07
2551
1
原创 多边形导航旋转放大特效（案例）
从今天开始，我会不定时给各位小主们更新一些JS炫酷特效的案例。吼吼吼开始啦！！！ 今天我给大家分享的是我昨天用CSS3实现的一个简单的多边形导航旋转放大特效。先给大家看一下最终做出的静态页面效果，我会在后面贴出我的代码，大家可以下去运行看看实际效果哦。 我觉得写代码应该养成的一个良好习惯之一是拿到题目要先分析，而不是立即着手从上往下那么写，那样很容易中途就夭折了。在这里我先把我分析思路给大
2018-02-07 11:00:31
717
1
原创 jQuery基础知识点（二）
一、jQuery - 获得内容和属性： 1.jQuery拥有可操作HTML元素和属性的强大方法。 2.jQuery DOM操作：jQuery中非常重要的部分，就是操作DOM的能力。jQuery提供一系列与DOM相关的方法，这使访问和操作元素和属性变得很容易。 【提示】：DOM=Document Object Model(文档对象模型） 3.获得内容：（三个简单实用的用于DOM操作
2018-02-05 18:39:17
178
原创 BOM---浏览器对象模型
一、Window对象 1.所有浏览器都支持window对象。它表示浏览器窗口。 2.所有JavaScript全局对象、函数以及变量均自动成为window对象的成员。 3.全局变量是window对象的属性。 4.全局函数是window对象的方法。 5.HTML DOM的document也是window对象的属性之一：Window.document.getElementById("header
2018-02-03 21:38:40
488
原创 jQuery基础知识点（一）
一、jQuery教程： jQuery是一个“写的更少，但做的更多”的轻量级JavaScript库，它极大地简化了JavaScript编程，它是很容易学习地 1. 你将学到什么？ ①学到如何通过使用jQuery应用JavaScript效果 ②学习到如何选取HTML元素，以及如何对它们进行类似隐藏、移动以及操作其内容等任务。 2. 你需要具备的基础知识：①HTML
2018-02-02 22:55:05
198
原创 DOM节点
HTML DOM节点：一、DOM节点简介：1.在HTML DOM中，所有事物都是节点。DOM是被视为节点树的HTML。2.根据W3C的HTML DOM标准，HTML文档中的所有内容都是节点： 整个文档是一个文档节点。 每个HTML元素是元素节点。 HTML元素内的文本是文本节点。 每个HTML属性是属性节点。 注释
2018-01-27 21:04:30
199
原创 JavaScript对象（上）
JavaScript中的所有事物都是对象：字符串、数字、数组、日期等等。在JavaScript中，对象是拥有属性和方法的数据。 属性是与对象相关的值。 方法是能够在对象上执行的动作。举例：汽车就是现实生活中的对象汽车的属性:(包括名称、型号、重量、颜色等。所有汽车都有这些属性，但是每款车的属性都不尽相同）
2018-01-25 17:37:04
126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人