
Javascript
tangdou5682
这个作者很懒,什么都没留下…
展开
-
js获取精确宽度/高度(带小数位的像素)
原文链接:https://blog.youkuaiyun.com/zy1281539626/article/details/78488062问题:1、用jquery获取div等块级元素的宽高时不能精确获取,只能得到整数部分像素,不能获取小数位px。2、按750开发, iPhone 8 plus 渲染元素后实际宽高会有小数点,clientHeight,只能得到整数部分像素请看下面事故:<!DOCT...原创 2020-09-03 19:58:14 · 2203 阅读 · 1 评论 -
js 封装组件监听全局路由变化,history 模式,hash 模式,历史back
最近有个迭代需求:在所有页面的底部增加安全距离。思路:1 写一个自执行函数,页面初始化的时候走一遍2. 大部分项目用的是vue-router,自执行函数只能给第一页加安全距离,后边的页面的底部按钮不生效3. 监听所有路由变化4. 有的项目是history 模式,有的hash 模式封装的代码如下:class Dep { // 订阅池 constructor(name) { ...原创 2020-09-03 19:42:39 · 1480 阅读 · 0 评论 -
JS添加事件和解绑事件:addEventListener()与removeEventListener()
作用:addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。它们都接受3个参数:事件名、事件处理的函数和布尔值。布尔值参数是true,表示在捕获阶段调用事件处理程序;如果是false,表示在冒泡阶段调用事件处理程序。示例:环境:移动端,界面禁止触摸事件要在body上添加事件处理程序,可以使用下列代码:document.bo...转载 2019-08-29 17:05:50 · 307 阅读 · 0 评论 -
ES6中 多个Pomise顺序执行,使用async,await
如果多个promise逻辑一样,可以这样写哦var list = [1,2,3,4,5];//先定义一个promise 的公共方法function myPromise(item){ return new Promise((resolve, reject) => { setTimeout(() => resolve(item), 1000); //do so...原创 2019-07-12 14:02:33 · 846 阅读 · 0 评论 -
移动端初级动画demo,纯js全屏滚动/整屏翻页,touch事件实例
知识点总结移动端触摸事件:touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。touchmove事件:当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间,调用preventDefault()事件可以阻止滚动。(滑动时触发频率非常高,可以在事件中打印console看看)touchend事件:当手指从屏幕上离开的时候触发。window.scroll...原创 2019-06-26 17:27:14 · 1801 阅读 · 0 评论 -
JavaScript把世界各地客户端时间转为北京时间,并取得时间戳
1、把客户端时间转换为北京时间 function getBeijingtime() { //获得当前运行环境时间 var d = new Date(); currentDate = new Date(); tmpHours = currentDate.getHours(); ...原创 2019-01-02 10:19:02 · 7610 阅读 · 4 评论 -
报错:illegal invocation,错误:Unexpected end of JSON input
javascript报错,uncaught typeerror illegal invocation。 Uncaught SyntaxError: Unexpected end of JSON input 原因,解决办法原创 2017-09-22 15:29:19 · 14007 阅读 · 0 评论 -
vue.js展示AJAX数据简单示例
vue.js展示AJAX数据简单示例最近琢磨了一下vue.js,并在项目中进行了运用,感觉非常好用,强烈推荐。 当通过AJAX方式取回数据后,使用vue.js可以完美地按一定逻辑在页面上的展示数据,代码简单、优美、自然,而且便于与在用的页面框架集成。 页面引用vue.js,不用怀疑真的只引入一个JS就可以开始写代码了转载 2017-09-26 19:32:47 · 2430 阅读 · 0 评论 -
jquery-ui实现bootstrap的modal拖拽功能,弹窗头部拖拽
首先我做的bootstrap的拖拽功能是靠插件jquery-ui实现的,所以使用前必须要先在jquery.js之后引入JS,原创 2017-09-24 11:41:36 · 2824 阅读 · 0 评论 -
js离开当前页面代码,调用方法
onbeforeunload 事件离开当前页面(刷新或关闭)时触发,chrome,opera下都不能实现。原创 2017-09-22 18:25:39 · 2906 阅读 · 0 评论 -
JS 判断Chrome内核的360浏览器,并禁用
(原因:大家肯定会发现360浏览器在很多web项目上面会存在一定的问题,不管是用“兼容模式”还是“急速模式”,都可能还会存在问题。但是因为很多用户都装了360杀毒软件,基本上都是在不知情的情况下安装的360浏览器等东西,所以就让一些Asp.NET项目运行起来有这样活着那样的问题。在尝试过各种浏览器后发现,还是IE8和Google浏览器比较好用,相对来说最稳定。这里说下,IE11是绝对的有问题,大家用转载 2017-03-23 14:28:50 · 5780 阅读 · 1 评论 -
JS计算字符串的字节数
js 计算字符串的字节数3种方法转载 2016-12-06 18:35:03 · 2154 阅读 · 1 评论 -
JS 图片幻灯片
js幻灯片轮播幻灯片幻灯片思路轮播思路简单图片幻灯片代码图片轮播代码原创 2016-08-26 15:16:38 · 67469 阅读 · 0 评论 -
多层选项卡嵌套 , js选项卡tab , jquery选项卡
多层选项卡嵌套 js选项卡tab jquery选项卡选项卡代码js特效简单代码原创 2016-09-05 12:12:39 · 9129 阅读 · 6 评论 -
JS 文字/图片无缝滚动
JS 文字滚动文字轮播无缝滚动上下滚动转载 2016-08-26 12:45:53 · 1190 阅读 · 0 评论 -
纯JS 全屏滚动 / 整屏翻页
原生js、纯js 实现全屏滚动代码,简单易懂原创 2016-08-29 11:17:59 · 30088 阅读 · 17 评论