原生 js 实现移动端 Touch 滑动反弹

2019-01-11
阅读 11 分钟
12.4k
什么是移动端的Touch事件?在移动端Touch事件可以细分成三种,分别是:touchstart、touchmove和touchend,并且touch事件必须要用addEventListener去监听。

原生 js 实现移动端 Touch 轮播图

2019-01-03
阅读 13 分钟
15.2k
Touch 轮播图 touch轮播图其实就是通过手指的滑动,来左右切换轮播图,下面我们通过一个案例,来实现下。 1. html 结构 结构上,还是用ul、li来存放轮播图片,ol、li来存放轮播小圆点: 2. 样式初始化 html的一些标签,都会有一些默认样式,比如body标签默认是有一个边距的,为了不影响美观,我们需要清除掉。 {代码...}...

JavaScript 进阶知识 - 高级篇

2018-12-27
阅读 51 分钟
19.1k
经过前面几篇文章的学习,相信大家已经对js有了大部分的理解了,但是要想真正的掌握好js,本篇才是关键。由于js高级阶段的知识点比较难理解,所以本篇文章花了大量的时间去理思路,有可能有一些知识点遗漏了,也有可能有部分知识点写的不对,欢迎大家留言纠正。

【连载】前端个人文章整理-从基础到入门

2018-12-24
阅读 9 分钟
6.5k
从最开始萌生写文章的想法,到着手开始写,再到现在已经一年的时间了,由于工作比较忙,更新缓慢,后面还是会继更新,现将已经写好的文章整理一个目录,方便更多的小伙伴去学习。

一文让你理解什么是 JS 原型

2018-11-30
阅读 11 分钟
3.9k
前言 最近整理了一部分的JavaScript知识点,由于js高级阶段涉及知识点比较复杂,文章一直没更新,这里单独将原型部分的概念拎出来理解下。 1.原型 1.1 传统构造函数存在问题 通过自定义构造函数的方式,创建小狗对象: {代码...} 画个图理解下: 每次创建一个对象的时候,都会开辟一个新的空间,我们从上图可以看出,每...

CSS3 入门详解(二)

2018-11-26
阅读 39 分钟
3.1k
11. 动画 动画是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。 11.1 如何实现动画 必要元素: a、通过@keyframes指定动画序列; b、通过百分比将动画序列分割成多个节点; c、在各节点中分别定义各属性 d、通过animation将动画应用于相应元素; 示例代码: 两种...

CSS3 入门详解(一)

2018-11-26
阅读 33 分钟
4.8k
如同人类的的进化一样,CSS3是CSS2的“进化”版本,在CSS2基础上,增强或新增了许多特性,弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷。

HTML5 入门详解

2018-11-22
阅读 24 分钟
7.7k
HTML5并不仅仅只是作为HTML标记语言的一个最新版本,更重要的是它制定了Web应用开发的一系列标准,成为第一个将Web做为应用开发平台的HTML语言。

JavaScript 进阶知识 - Ajax篇

2018-03-13
阅读 45 分钟
12.3k
前面我们已经学习了js基础知识和一些简单的特效,基本上已经能够写出一个带有特效的静态页面了,为什么还要称之为静态页面呢?因为网页里的数据都是写死的,真正的工作中,我们是要通过Ajax技术,去后台获取数据的。所以在本篇文章,我会向大家介绍下什么是Ajax技术,并且它的实现原理是什么。

jQuery 入门详解(二)

2018-03-12
阅读 44 分钟
9.9k
javascript和HTML之间的交互是通过用户和浏览器操作页面时引发的事件来处理的。jQuery不仅提供了更加优雅的事件处理语法,而且极大地增强了事件处理能力。

jQuery 入门详解(一)

2018-03-12
阅读 50 分钟
7.9k
Sorry:由于春节前工作的调动,加上这段时间公司任务比较多一直加班,所以文章停更了很久,期间也有不少朋友私信、评论我,希望我写的快一点,在这里跟大家道个歉,后面更新速度可能会放缓,但是不会影响文章的质量,谢谢大家的支持。

JavaScript 进阶知识 - 特效篇(二)

2017-12-28
阅读 48 分钟
6.8k
本篇一开始我们已经学了三大系列中的offset系列,三大系列分别是offset系列、scroll系列、client系列。学习这些有什么用呢?在后面的特效案例中,会大量的使用到获取元素的宽度、获取元素内部的宽度、获取元素距离顶部的距离等。这时候就需要用到三大系列,下面为大家一一讲解三大系列的用法。

JavaScript 进阶知识 - 特效篇(一)

2017-12-28
阅读 51 分钟
6.5k
经过前面几篇文章的讲解,相信大家已经会操作DOM和BOM了。为什么前面要花那么多精力去讲DOM呢?因为在后面的学习、工作中,会大量的使用DOM操作,一个表格需要增、删、改、查,一个图片需要改变大小..等,如果你想要动态的改变这些,必须要学会使用DOM。

JavaScript 基础知识 - BOM篇

2017-12-25
阅读 17 分钟
4.5k
前言 本篇文章是JavaScript基础知识的BOM篇,如果前面的《JavaScript基础知识-DOM篇》看完了,现在就可以学习BOM了。 注意: 所有的案例都在这里链接: 提取密码密码: yvxo,文章中的每个案例后面都有对应的序号。 1. BOM 基本概念 BOM(Browser Object Model):浏览器对象模型,提供了一套操作浏览器的工具。 BOM中包含的...

JavaScript 基础知识 - DOM篇(二)

2017-12-11
阅读 47 分钟
4.2k
7. 节点操作7.1 节点的属性节点分类:标签节点文本节点属性节点注释节点节点常用的属性:nodeType:节点的类型nodeName:节点名称nodeValue:节点值常见的节点类型:标签节点:1文本节点:3注释节点:8属性节点:2示例代码:判断节点类型 [16-节点的属性.html] {代码...} 7.2 节点层次7.2.1 孩子节点childNodes:获取所有...

JavaScript 基础知识 - DOM篇(一)

2017-12-11
阅读 23 分钟
6.4k
javascript 分为三个部分:ECMAScript、DOM、BOM。想要做出好看的页面效果,就需要学习DOM,学习了DOM之后就可以操作页面元素了。

JavaScript 基础知识 - 入门篇(二)

2017-12-08
阅读 29 分钟
6.6k
在写代码的时候,有一些常用的代码需要书写很多次,如果直接复制粘贴的话,会造成大量的代码冗余;函数可以封装一段重复的javascript代码,它只需要声明一次,就可以多次调用;

JavaScript 基础知识 - 入门篇(一)

2017-12-08
阅读 23 分钟
7.7k
最近一直有小伙伴跟我说JS有很多知识点经常不用,已经忘记的差不多了。平时找一个小问题都要在网上找半天,希望能有一套比较全面的笔记或者文章。但是网上的文章太过于分散,学习起来不是很方便。恰巧最近比较闲,所以为大家整理出来了一套比较全面的JS基础阶段的文章,对于初学者还是很有帮助的,如果你是一名熟练掌握J...

three.js 入门详解(二)

2017-12-01
阅读 32 分钟
8.2k
在本章之前,所有画面都是静止的,本章将介绍如果使用Three.js进行动态画面的渲染。此外,将会介绍一个Three.js作者写的另外一个库,用来观测每秒帧数(FPS)。

three.js 入门详解(一)

2017-12-01
阅读 49 分钟
36.9k
什么是threejs,很简单,你将它理解成three+js就可以了。three表示3D的意思,js表示javascript的意思。那么合起来,three.js就是使用javascript 来写3D程序的意思。