JavaScript学习12

最新推荐文章于 2023-05-30 15:09:20 发布
最新推荐文章于 2023-05-30 15:09:20 发布
阅读量936 收藏
点赞数 1
分类专栏： 前端学习 文章标签： javascript 前端 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aneyal/article/details/123982408
版权

移动端触屏事件

触摸事件对象

触摸事件对象（TouchEvent）是一类描述手指在触摸平面的状态变化的事件

拖动元素

可以使用touchstart、touchmove、touchend实现

需要获取当前手指坐标，可以使用targetTouches[0]里面的pageX、pageY获得

实现：

触摸元素touchstart：获取手指初始坐标，同时获取盒子原理位置

移动手指touchmove：计算手指的移动距离，并且移动盒子，并且要阻止默认的屏幕滚动

离开手指touchend

click延时解决方案

移动端在click事件发生时，因为移动端屏幕双击会缩放页面，所以会有300ms的延时。

解决方案：

1 禁用缩放

2 利用touch事件自己封装这个事件来解决300ms的延时

移动端常用插件

js插件就是js文件，遵循一定规范编写，方便程序展示效果，拥有特定功能且方便调用。

js插件一般是为了解决某个问题而专门存在的，其功能单一，并且比较小

使用方法：引入插件相关文件，按照给定语法使用

fastclick插件

专门用于处理click延时

swiper插件

轮播图插件

插件使用总结

确认插件实现的功能

去官网查看使用说明

下载插件

打开demo实例文档，查看需要引入的相关文件，并且引入

复制demo实例文件中的结构html，样式css以及js代码

移动端常用开发框架

框架就是一套架构，其基于自身的特点向用户提供一套较为完整的解决方案，框架的控制权在框架本身，使用者要按照框架所规定的某种规范进行开发

常见框架：Vue、React、Bootstrap

本地存储

数据存储在浏览器中

设置、读取方便，甚至页面刷新不丢失数据

容量较大

sectionStorage

生命周期是关闭浏览器窗口

在同一个窗口（页面）下数据可以共享

 

 

 

 localStorage

生命周期永久生效，除非手动删除数据，否则关闭页面之后数据野孩子

可以多窗口共享

键值对形式存储

aneyal
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js学习手册十二 Math、日期和异常处理
zcy_inspire的博客
06-14 2594
Math类 常用的数 一些常用的无理数的表示方法： 表示 意义 约等于 Math.E e 2.718 Math.PI 圆周率 3.14 Math.SQRT2 2的平方根 1.414 Math.LN2 2的自然对数 0.693 console.log(Math.PI);//输出3.141592653589793 console.log(Math.pi == 3.141592653589793);//true console.log(Math.pi == 3.14);//false 取整 Math.ceil(
Educoder JavaScript：Math、日期和异常处
Junds0的博客
05-22 3350
补充完整函数mainJs(a)，函数的功能是返回a的平方根的倒数；如果a为负数，抛出异常negative cannot be rooted，同时将该异常信息作为结果返回；如果a为0，抛出异常zero cannot be numerator，同时将该异常信息作为结果返回；date是一个时间对象，求出date对应的年份，月份(0表示一月），一个月第几天（1表示第一天），星期几（0表示周日，1表示周一）；计算参数a向上取整、向下取整、四舍五入、平方根、正弦的结果，返回这些结果的最大值和最小值的和；
EduCoder_web实训作业--JavaScript学习手册十二：Math、日期和异常处理
weixin_45803282的博客
01-07 6264
最近复习还有小黄本，可能出的频率有点慢了。 不过大家不要着急，截止前肯定我都会出完的。 还请大家多多关注，以及关注我的公众号啊！！ 第一关 //请在此处编写代码 /********** Begin **********/ return Math.min(Math.ceil(a), Math.floor(a), Math.round(a), Math.sqrt(a), Math.sin(a))+Math.max(Math.ceil(a), Math.flo.
JavaScript学习手册（12）
czzyw的博客
05-03 484
对象（Object）--------- 基本数据类型的数据都是独立的，不能成为一个整体。 Object属于一种复合的数据类型，在对象中可以保存多个不同数据类型的属性。 对象分类 **内建对象：**由ES标准中定义的对象，在任何的ES的实现中都可以使用。 ​ 比如：Math，String，Number，Boolean，Function，Object等等。 **宿主对象：**由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象。 ​
JavaScript 学习笔记 - 12 JavaScript 应用示例
qq_24951479的博客
12-14 180
如何用大纲式可折叠菜单和下拉菜单改进站点的用户界面，创建幻灯片，用JavaScript 处理文本，让 JavaScript 以容易理解的图形化方式显示数据，以及在脚本的控制下在不同的样式表之间切换。
JavaScript完全学习手册
07-22
资源名称：Javaｓｃｒｉｐｔ完全学习手册内容简介：本书分4篇14章，介绍Javaｓｃｒｉｐｔ的知识，全书内容包括：Javaｓｃｒｉｐｔ语法基础、流程控制、函数、内置对象编程、文档对象模型DOM与事件驱动、处理XML、...
学习javascript的函数
05-27
学习javascript的函数
JavaScript学习
最新发布
07-08
JavaScript学习
JavaScript学习指南 高清 PDF
10-20
这份"JavaScript学习指南"高清PDF，无疑为想要深入理解JavaScript的初学者或有一定基础的开发者提供了宝贵的资源。下面，我们将深入探讨JavaScript的一些关键知识点。 1. **基础语法**：JavaScript的基础包括变量、...
Javascript学习指南
10-25
本文结合自己学习javascript的经验，向大家推荐了循序渐进的学习javascript的自学的轨迹，非常的合理，给有需要的小伙伴们参考下吧。
javaScript异常处理文档
11-19
javaScript异常处理文档，当遇到JavaScript等异常问题时可翻阅本文档寻找答案
javascript完全学习手册1 源码
04-12
javascript完全自学手册 目 录 第1篇 JavaScript基础篇 第1章 JavaScript简介 1 1.1 JavaScript概述 1 1.1.1 什么是JavaScript 1 1.1.2 JavaScript的基本特点 2 1.1.3 常用的Web开发语言 3 1.2 JavaScript的应用 4 1.2.1 客户端应用 5 1.2.2 服务器端应用 5 1.3 在Web页面中使用JavaScript 5 1.3.1 HTML的基本结构 5 1.3.2 在HTML中嵌入JavaScript 7 1.3.3 链接JavaScript文件 9 1.4 编写JavaScript的工具 11 1.4.1 使用纯文本编辑器 11 1.4.2 使用专业化脚本编辑工具 13 1.4.3 使用Microsoft脚本编辑器 15 第2章 JavaScript编程基础 19 2.1 基础语法 19 2.1.1 数据类型 19 2.1.2 变量和常量 22 2.1.3 表达式 24 2.1.4 运算符 24 2.2 流程控制 27 2.2.1 条件语句 27 2.2.2 循环语句 30 2.2.3 其他语句 35 2.3 使用对话框 38 2.3.1 警告对话框 38 2.3.2 确认对话框 40 2.3.3 提示对话框 40 第2篇 JavaScript内置对象篇 第3章 JavaScript内置对象 43 3.1 JavaScript对象概述 43 3.1.1 对象的概念 43 3.1.2 使用JavaScript对象 基础知识 44 3.2 Array对象 46 3.2.1 创建Array对象 46 3.2.2 Array对象属性 47 3.2.3 Array对象方法 48 3.3 String对象 51 3.3.1 创建String对象 51 3.3.2 String对象属性 51 3.3.3 String对象方法 53 3.4 Math对象 56 3.5 Date对象 62 3.5.1 Date对象方法 62 3.5.2 使用Date对象 63 3.6 自定义对象 67 第4章 JavaScript常用对象 73 4.1 Document对象 73 4.1.1 Document对象概述 73 4.1.2 使用Document对象 75 4.2 Form对象及其元素 79 4.2.1 Form对象概述 79 4.2.2 表单元素 80 4.2.3 表单元素属性和事件 82 4.2.4 表单验证 85 4.3 Anchor与Link对象 89 4.3.1 Anchor对象 89 4.3.2 Link对象 90 4.4 Image对象 92 4.4.1 图像翻转 92 4.4.2 图像载入 92 第5章 JavaScript其他常用 窗口对象 96 5.1 Window对象 96 5.1.1 常用属性和方法 97 5.1.2 多窗口控制 100 5.2 Screen对象 103 5.3 Navigator对象 105 5.4 Location对象 107 5.4.1 常用属性和方法 107 5.4.2 Location对象的应用实例 109 5.5 History对象 112 5.5.1 常用属性和方法 112 5.5.2 History对象的应用实例 113 5.6 Frame对象 115 5.6.1 Frame对象概述 115 5.6.2 常用属性 116 5.6.3 Frame对象的应用实例 117 第6章 DOM对象 122 6.1 DOM概述 122 6.1.1 DOM简介 122 6.1.2 DOM与HTML文档 124 6.2 DOM对象 125 6.2.1 DOM基本接口 125 6.2.2 DOM基本对象 128 6.3 使用DOM 128 6.3.1 DOM基础 129 6.3.2 Node和NodeList接口 131 6.3.3 Element接口 134 6.3.4 Text接口和Attr接口 136 6.4 操作HTML文档 138 6.4.1 访问元素 138 6.4.2 添加节点 140 6.4.3 删除节点 142 6.4.4 对属性进行操作 146 第3篇 JavaScript高级编程篇 第7章 正则表达式 151 7.1 正则表达式及其作用 151 7.2 正则表达式参考语法 152 7.2.1 限定符 154 7.2.2 选择匹配符 157 7.2.3 分组组合
JS第12次作业
huihuangzou的博客
07-30 74
用两个浏览器打开，人数增加了。2>监听器，统计在线人数。1>过滤器实现登录过滤。
educoder头歌实训 web课程————JavaScript对象：Math、日期
weixin_51538341的博客
01-03 3892
第1关：Math类 任务描述 本关任务：练习使用Math类的常用方法。 相关知识 Math用于进行数学计算，没有构造函数。 function mainJs(a) { a = parseInt(a); //请在此处编写代码 /********** Begin **********/ return Math.min(Math.ceil(a), Math.floor(a), Math.round(a), Math.sqrt(a), Mat.
JavaScript学习手册(二)
qq_24558789的博客
02-14 745
JavaScript语法细节： 1、JavaScript区分大小写，也就是说Test和test是两个变量 2、标识符：所谓标识符就是指变量、函数、属性的名字，或者函数的参数，标识符可以是字母、下划线、$、数字，数字不能打头。按照惯例， 标识符采用驼峰命名法，首字母小写，剩下的每个单词首字母大写。需要注意的是，不能把关键字、保留字、true、false和null做标识符。 3、注释：//单行注
【JavaScript】第六章 其它-日期、Math
冯天祥
03-11 4686
获取2017-06-10格式的日期 获取随机数，要求是长度一致的字符串格式 写一个能遍历对象和数组的通用forEach函数 日期 // Date是个构造函数 // now是个属性，但也是个函数 // 所以Date.now()也是个函数 // 1552272178876 // 获取当前时间毫秒数 Date.now(); // Mon Mar 11 2019 10:42:17 GMT+0800...
JavaScript Math对象和日期对象用法
CSDN_always的博客
04-18 377
JavaScript Math及date对象的使用及成员方法
JavaScript学习笔记（二十二）——Math内置功能
qq_56607109的博客
06-24 191
理解: random() 表示一个随机-3到42 之间的随机整数. 简单记忆：就是Math.random() X （大的数减去小的数，然后加上最小的数）。ES6 在 Math 对象上新增了 17 个数学相关的静态方法，这些方法只能在 Math 中调用。...
Educoder/头歌——jQuery事件
m0_71106830的博客
05-30 2527
问：什么是事件？答：页面对不同访问者的响应叫做事件。问：那事件处理程序又是什么呢？答：事件处理程序指的就是当HTML中发生某些事件时所调用的方法。为了完成本关任务，你需要掌握：click() 事件方法；dblclick()事件方法；mouseenter()事件方法；mouseleave()事件方法；了解其他鼠标事件。
JavaScript学习资源大全
"JavaScript学习指南，包括经典教程和各种编程语言及技术的学习资源下载链接" 在JavaScript的世界里，学习之旅是充满挑战与乐趣的。作为一款广泛应用于网页和互联网应用的脚本语言，JavaScript的重要性不言而喻。这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值