JavaScript
关注
分享
扫一扫
文章平均质量分 67
无区新手
细节决定成败
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
toDoList开发实例
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1...原创 2020-03-29 17:54:01 · 368 阅读 · 0 评论 -
jQuery开发案例
下拉菜单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...原创 2020-03-29 17:52:20 · 661 阅读 · 0 评论 -
javaScript之本地存储
随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经 常性在本地存储大量的数据，HTML5规范提出了相关解决方案。本地存储特性数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大，sessionStorage约5M、localStorage约20M 只能存储字符串，可以将对象J...原创 2020-03-29 16:03:47 · 298 阅读 · 1 评论 -
JavaScript之移动端网页特效
触屏事件触屏事件概述移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动 端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控 笔）对屏幕或者触控...原创 2020-03-29 15:37:02 · 421 阅读 · 1 评论 -
移动端开发案例
移动端拖动元素touchstart、touchmove、touchend 可以实现拖动元素 但是拖动元素需要当前手指的坐标值 我们可以使用 targetTouches[0] 里面的pageX 和 pageY 移动端拖动的原理： 手指移动中，计算出手指移动的距离。然后用盒子原来的位置 + 手指移动的距离 手指移动的距离： 手指滑动中的位置...原创 2020-03-29 15:37:12 · 1023 阅读 · 1 评论 -
JavaScript之PC端网页特效
元素偏移量 offset 系列offset 概述offset 翻译过来就是偏移量， 我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置 获得元素自身的大小（宽度高度） 注意： 返回的数值都不带单位offset 系列常用属性：offset 与 style 区别offset：offset ...原创 2020-03-28 14:20:16 · 550 阅读 · 0 评论 -
jQuery
jQuery 概述JavaScript 库JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就 是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。简单理解： 就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用 这些封...原创 2020-03-29 17:54:26 · 551 阅读 · 0 评论 -
js实现轮播图
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/reset.css" /> <link rel=...原创 2020-03-23 17:58:54 · 769 阅读 · 0 评论 -
淘宝 flexible.js源码分析
Pink老师授课笔记(function flexible(window, document) { // 获取的html 的根元素 var docEl = document.documentElement // dpr 物理像素比 var dpr = window.devicePixelRatio || 1 // adjust body ...原创 2020-03-23 14:17:09 · 1025 阅读 · 0 评论 -
JavaScript之BOM
BOM 概述BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心 对象是 window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是Netscape 浏 览器标准的一部分。...原创 2020-03-21 13:42:10 · 307 阅读 · 0 评论 -
JavaScript之DOM
获取元素根据ID获取使用document.getElementById('ID名')方法可以获取带有ID的元素对象根据标签名获取使用document.getElementsByTagName('标签名')方法可以返回带有指定标签名的对象的集合注意：因为得到的是一个对象的集合，所有我们想要操作里面的元素需要遍历 得到的元素对象是动态的也可以使用element.getEle...原创 2020-03-19 12:44:24 · 334 阅读 · 0 评论 -
JavaScript实际开发案例
全选反选案例 <ul> <li> <input type="checkbox"> </li> <li> <input type="checkbox"> </li> <li> <input type="checkbox"> &...原创 2020-03-28 19:14:26 · 693 阅读 · 0 评论 -
JavaScript基础
内置对象Date();获取从1970年1月1日0点0分0秒到现在时间的毫秒数valueOf();getTime();+new Date();H5新增方法Date.now();原创 2020-03-21 13:42:52 · 151 阅读 · 0 评论 -
认识JavaScript
JavaScript脚本的基本结构JavaScript是一种描述语言，是一种基于对象（Object）和事件驱动（Event Driven）并具有相对安全性的客户端脚本语言，同时也是一种广泛应用于客户端Web开发的脚本语言。JavaScript脚本本质上也是一种程序。JavaScript代码放在<script>和</script>之间，嵌入到HTML文档中。Jav...翻译 2018-10-23 21:50:34 · 1622 阅读 · 0 评论