![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 309 阅读 · 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 · 614 阅读 · 0 评论 -
javaScript之本地存储
随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经 常性在本地存储大量的数据,HTML5规范提出了相关解决方案。本地存储特性数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大,sessionStorage约5M、localStorage约20M 只能存储字符串,可以将对象J...原创 2020-03-29 16:03:47 · 198 阅读 · 1 评论 -
JavaScript之移动端网页特效
触屏事件触屏事件概述移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动 端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控 笔)对屏幕或者触控...原创 2020-03-29 15:37:02 · 364 阅读 · 1 评论 -
移动端开发案例
移动端拖动元素touchstart、touchmove、touchend 可以实现拖动元素 但是拖动元素需要当前手指的坐标值 我们可以使用 targetTouches[0] 里面的pageX 和 pageY 移动端拖动的原理: 手指移动中,计算出手指移动的距离。然后用盒子原来的位置 + 手指移动的距离 手指移动的距离: 手指滑动中的位置...原创 2020-03-29 15:37:12 · 859 阅读 · 1 评论 -
JavaScript之PC端网页特效
元素偏移量 offset 系列offset 概述offset 翻译过来就是偏移量, 我们使用 offset 系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意: 返回的数值都不带单位offset 系列常用属性:offset 与 style 区别offset:offset ...原创 2020-03-28 14:20:16 · 488 阅读 · 0 评论 -
jQuery
jQuery 概述JavaScript 库JavaScript库:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就 是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。简单理解: 就是一个JS 文件,里面对我们原生js代码进行了封装,存放到里面。这样我们可以快速高效的使用 这些封...原创 2020-03-29 17:54:26 · 503 阅读 · 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 · 731 阅读 · 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 · 976 阅读 · 0 评论 -
JavaScript之BOM
BOM 概述BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心 对象是 window。BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是Netscape 浏 览器标准的一部分。...原创 2020-03-21 13:42:10 · 259 阅读 · 0 评论 -
JavaScript之DOM
获取元素根据ID获取使用document.getElementById('ID名')方法可以获取带有ID的元素对象根据标签名获取使用document.getElementsByTagName('标签名')方法可以返回带有指定标签名的对象的集合注意:因为得到的是一个对象的集合,所有我们想要操作里面的元素需要遍历 得到的元素对象是动态的也可以使用element.getEle...原创 2020-03-19 12:44:24 · 299 阅读 · 0 评论 -
JavaScript实际开发案例
全选反选案例 <ul> <li> <input type="checkbox"> </li> <li> <input type="checkbox"> </li> <li> <input type="checkbox"> &...原创 2020-03-28 19:14:26 · 645 阅读 · 0 评论 -
JavaScript基础
内置对象Date();获取从1970年1月1日0点0分0秒到现在时间的毫秒数valueOf();getTime();+new Date();H5新增方法Date.now();原创 2020-03-21 13:42:52 · 124 阅读 · 0 评论 -
认识JavaScript
JavaScript脚本的基本结构JavaScript是一种描述语言,是一种基于对象(Object)和事件驱动(Event Driven)并具有相对安全性的客户端脚本语言,同时也是一种广泛应用于客户端Web开发的脚本语言。JavaScript脚本本质上也是一种程序。JavaScript代码放在<script>和</script>之间,嵌入到HTML文档中。Jav...翻译 2018-10-23 21:50:34 · 1577 阅读 · 0 评论