• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
 






aceNan

 
 

Powered by 博客园
博客园 | 首页 | 新随笔 | 联系 | 订阅 订阅 | 管理

文章分类 -  javascript原生

原生javascri的一些方法,插件……
 
函数的定义和调用
摘要:JS中函数有两种命名方式 1、一种是声明式。 而声明式会导致函数提升,function会被解释器优先编译。即我们用声明式写函数,可以在任何区域声明,不会影响我们调用。 fn1();function fn1(){}//可以正常调用 2、一种是函数表达式函数表达式我们经常使用,而函数表达式中的funct 阅读全文
posted @ 2022-04-12 09:55 bester13 阅读(126) 评论(0) 推荐(0)
wangEditor添加本地上传视频功能
摘要:wangEditor 本地上传 视频 图片 阅读全文
posted @ 2020-05-06 17:03 bester13 阅读(9016) 评论(1) 推荐(0)
js判断浏览器环境
摘要:js判断浏览器环境 阅读全文
posted @ 2020-03-05 19:23 bester13 阅读(1567) 评论(0) 推荐(0)
ES6 Promise 用法讲解
摘要:Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有then、catch等同样很眼熟的方法。 那就new一个 Promise的构造函数接收一个参数,是函数,并且传入两个参数:resolve,reject,分别表示异步操作执行成功后的回调函数和异步操作 阅读全文
posted @ 2019-02-26 17:22 bester13 阅读(220) 评论(0) 推荐(0)
js获取每月的天数
摘要:js获取每月的天数 在使用其他语言获取每月天数的时候,一般都是存储到一个数组中进行获取,但是如果是二月份的话就需要首先判断是否闰年,再确定是28还是29了。 js可以通过Date对象很方便的获取到每月的天数,在初始化Date对象时,我们可以通过这种方式 var d = new Date(2015,2 阅读全文
posted @ 2019-01-24 14:46 bester13 阅读(871) 评论(0) 推荐(0)
什么是闭包?闭包的优缺点?
摘要:闭包 阅读全文
posted @ 2019-01-06 00:33 bester13 阅读(172) 评论(0) 推荐(0)
js的DOM节点操作:创建 ,插入,删除,复制,查找节点
摘要:js原生 dom 操作 阅读全文
posted @ 2018-10-27 13:09 bester13 阅读(1046) 评论(0) 推荐(0)
移动端click、touch、tap 事件的问题详解
摘要:一、click 和 tap 比较 两者都会在点击时触发,但是在手机WEB端,click会有 200~300 ms,所以请用tap代替click作为点击事件。singleTap和doubleTap 分别代表单次点击和双次点击。 二、关于tap的点透处理 (解决途径: https://www.jians 阅读全文
posted @ 2018-10-24 09:56 bester13 阅读(1080) 评论(0) 推荐(0)
tap事件的原理详解
摘要:tap事件的原理详解 点击事件延迟问题所在: 在移动端中,由于两次触摸是放大操作,,所以当你点击一次的时候,浏览器会等待300ms,看用户是否会进行第二次点击,如果没有的话,才会执行点击事件 为什么要解决: 随着h5游戏,移动端网页的流行,用户对web网页的性能也随着提高,点击事件的延迟会影响用户体 阅读全文
posted @ 2018-10-23 09:36 bester13 阅读(720) 评论(0) 推荐(0)
移动端点击事件touch、tap、swipe等详解
摘要:本文整理了移动端常见的一些事件,包括原生支持的click、touch、tap、swipe事件,也有定义型的gesture手势事件(目前只是一个概念,使用的时候需封装模拟) 使用到的是移动端的Chrome浏览器,本文只对该浏览器进行调试,其他浏览器暂未考虑到 一、事件定义及分类 1. click事件 阅读全文
posted @ 2018-10-22 15:32 bester13 阅读(1241) 评论(0) 推荐(0)
S DOM中对className的选择,添加和删除
摘要:/*方法*/ function getByClass(oParent, sClassName) { var aEls = oParent.getElementsByTagName("*"); //选择确定父元素内所有元素 var arr = []; for (var i = 0; i < aEls. 阅读全文
posted @ 2018-09-30 09:06 bester13 阅读(330) 评论(0) 推荐(0)
移动端触屏滑动
摘要:移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //手指放到屏幕上时 阅读全文
posted @ 2018-09-21 17:06 bester13 阅读(281) 评论(0) 推荐(0)
高性能滚动 scroll及页面优化
摘要:主要内容包括了为何需要优化滚动事件,滚动与页面渲染的关系,节流与防抖,pointer-events:none 优化滚动。因为本文涉及了很多很多基础,可以对照上面的知识点,选择性跳到相应地方阅读。 滚动优化的由来 滚动优化其实也不仅仅指滚动(scroll 事件),还包括了例如 resize 这类会频繁 阅读全文
posted @ 2018-09-19 15:47 bester13 阅读(814) 评论(0) 推荐(0)
JS获操作浏览器窗口 尺寸
摘要:1)关于 pageX, clienX,offsetX,layerX pageX:鼠标在页面上的位置,从页面左上角开始,即是以页面内 clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器可视区内 offsetX:IE特有,鼠标相比较于触发事件的元素的位置,以元素盒子模型 阅读全文
posted @ 2018-09-18 18:00 bester13 阅读(899) 评论(0) 推荐(0)
页面滚动(scroll)有关JS操作
摘要:1.scrollBy(x,y) scrollBy()方法可把内容滚动指定的像素数。 x:必需。把文档向右滚动的像素数。 y:必需。把文档向下滚动的像素数。 例:window.scrollBy(100,100); 注意: 要使此方法工作 window 滚动条的可见属性必须设置为true! 2.scro 阅读全文
posted @ 2018-09-18 17:15 bester13 阅读(9216) 评论(0) 推荐(0)
H5下拉刷新和上拉加载实现原理浅析
摘要:前言 在移动端H5网页中,下拉刷新和上拉加载更多数据的交互方式出现频率很高,开源社区也有很多类似的解决方案,如iscroll,pulltorefresh.js库等。下面是对这两种常见交互基本实现原理的阐述。 实现原理 下拉刷新 实现下拉刷新主要分为三步: 监听原生touchstart事件,记录其初始 阅读全文
posted @ 2018-09-05 16:54 bester13 阅读(1429) 评论(0) 推荐(0)
json js格式区别
摘要:JS和JSON的区别 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,JSON格式的数据,主要是为了跨平台交流数据用的。但JSON和JavaScript确实存在渊源,可以说这种数据格式是从JavaScript对象中演变出来的,它是JavaScript的一个 阅读全文
posted @ 2018-07-26 22:05 bester13 阅读(339) 评论(0) 推荐(0)
js时间戳与日期格式的相互转换 及兼容
摘要:下面总结一下js中时间戳与日期格式的相互转换: 1. 将时间戳转换成日期格式: 1 2 3 4 5 6 7 8 9 10 11 12 function timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳为1 阅读全文
posted @ 2018-07-11 15:32 bester13 阅读(444) 评论(0) 推荐(0)