随笔分类 -  JavaScript

上一页 1 2
js获取浏览器缩放比例
摘要：前几天在做项目的时候遇到浏览器缩放比例不为100%时，出来的页面不正常，于是找到了方法获取其比例来通知用户 推荐地址：http://www.jb51.net/article/55753.htm 阅读全文
posted @ 2018-05-18 18:12 ~逍遥★星辰~ 阅读(3868) 评论(0) 推荐(0)
js通过经纬度计算两点之间的距离
摘要：最近这几天在做地图的时候，获取到目的地经纬度和当前所在位置的经纬度，通过这几个参数，用js代码就能获取到这两点之间的直线距离： 阅读全文
posted @ 2018-05-14 17:05 ~逍遥★星辰~ 阅读(1689) 评论(3) 推荐(0)
关于requestAnimationFrame()和cancelAnimationFrame()与定时器之间的比较
摘要：在渲染页面动画的时候，其实也没有必要用定时器（setInterval），其实requestAnimationFrame()和cancelAnimationFrame()也能达到相应的效果，他是HTML5中专门为 js 实现动画效果提供的一个方法。 requestAnimationFrame() 1 阅读全文
posted @ 2018-04-25 10:14 ~逍遥★星辰~ 阅读(527) 评论(0) 推荐(0)
手机摇一摇
摘要：在做微信活动页面的时候，经常会需要实现手机摇一摇功能，比如“摇一摇，拿好礼”。 为了实现它，就需要用到HTML5的DeviceOrientation特性。它提供的DeviceMotion事件封装了设备的运动传感器时间，通过改时间可以获取设备的运动状态、加速度等数据（另还有deviceOrientat 阅读全文
posted @ 2018-04-18 21:26 ~逍遥★星辰~ 阅读(311) 评论(0) 推荐(0)
js获取浏览器中相关容器的高度
摘要：网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight 阅读全文
posted @ 2018-03-30 17:10 ~逍遥★星辰~ 阅读(3905) 评论(0) 推荐(0)
万年历案例
摘要：前几天在网上看到好多网站上都有日历，当时就在纠结这玩意是怎么写出来的，而且日期还能来回切换，后来经过自己的构思，写出来了一个小demo，最后感觉也没有这么难，下边便把这个demo展现出来： 效果图： HTML代码： 1 <div class="calendar"> 2 <caption> 3 <di 阅读全文
posted @ 2018-02-11 18:34 ~逍遥★星辰~ 阅读(353) 评论(0) 推荐(0)
字符串中全角半角之间的转换
摘要：前几天，在做表单验证的时候，发现用户在输入表单内容的时候，正常情况下都是半角输入，但是也有可能是全角输入，所以就牵扯到全角输入内容的验证，这里便提供全角和半角之间的转换函数，与大家分享一下： 1、js判断文字是全角还是半角： 2、全角与半角之间的相互转换： 首先，先得明确以下信息： a.全角空格为1 阅读全文
posted @ 2018-02-01 15:42 ~逍遥★星辰~ 阅读(865) 评论(0) 推荐(0)
大话主席（superslide和 touchslide）插件的使用
摘要：对于实现效果来说，插件的办事效率真的是太高了，而且里边也被处理过兼容性，用起来实在是特别方便，现在我们来说说大话主席中的slide插件，它分为pc端（superslide）和移动端（touchslide）。 superslide： 1、引用jQuery.js 和 jquery.SuperSlide. 阅读全文
posted @ 2018-01-30 17:02 ~逍遥★星辰~ 阅读(1306) 评论(0) 推荐(0)
JS中对URL进行转码与解码
摘要：1. escape 和 unescape escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。 采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码（xx等 阅读全文
posted @ 2018-01-25 18:49 ~逍遥★星辰~ 阅读(1544) 评论(0) 推荐(0)
mobiscroll插件的基本使用方法
摘要：前一阵子接触到了mobiscroll插件，用在移动端的日期选择上，感觉倍棒，于是便敲了一个小案例，与大家一起分享分享 阅读全文
posted @ 2018-01-09 15:59 ~逍遥★星辰~ 阅读(6126) 评论(0) 推荐(1)
关于移动端的滑动无效的问题
摘要：之前遇到这样一个问题，自己写的那部分在自己的电脑和所有手机上都是ok的，但是当把这个部分和同事的那部分合到一起的时候，出现了一个问题，那便是曾经设置overflow：auto的部分无法滑动，原本以为是两个人的代码出现了冲突，可是检查过后并不是这个原因，经过查找之后，再分析overfolw：auto盒 阅读全文
posted @ 2017-12-11 10:29 ~逍遥★星辰~ 阅读(1126) 评论(0) 推荐(0)
关于在bootstrap的tab栏中渲染echats图表，切换tab时echats不显示问题
摘要：在开发过程中遇到这样个问题： 利用bootstrap中的tab栏，每当点击tab栏的导航时，echats仅仅只渲染第一个tab的内容，切换tab时，echats图表不显示。 其html代码为： js代码为： 此代码的结果为上边图片所展示的效果，经过查找之后发现“月”和“日”所对应的echats图表的 阅读全文
posted @ 2017-12-06 13:53 ~逍遥★星辰~ 阅读(1640) 评论(0) 推荐(0)
关于数据未渲染完，要获取document高度问题——ajax全局事件
摘要：昨天在做开发时，遇到这样一个问题，当页面刚加载的时候，就要获取document的高度，可是此时页面上所有的ajax请求的数据都还没有渲染到页面上，所以导致得到的document的高度仅仅是页面结构的高度，而不是想要的结果，对于与这个问题，我琢磨了好久，怎么才能在ajax数据渲染完成之后获取到docu 阅读全文
posted @ 2017-11-24 10:28 ~逍遥★星辰~ 阅读(1047) 评论(1) 推荐(0)
浏览器内核及对应兼容性的处理问题
摘要：众所周知，目前市场上最火的五大浏览器是：google chrome、firefox（FF）、Internet Explorer（IE）、safari、opera。 他们相对应的内核是什么呢？ 谷歌浏览器：Google Chrome，谷歌浏览器之前一直使用苹果的webkit内核，但是现在它与苹果内核分 阅读全文
posted @ 2017-11-23 14:39 ~逍遥★星辰~ 阅读(2651) 评论(0) 推荐(0)
九宫格有规律高亮滚动效果
摘要：前几天朋友去面试，面试官要求当场用九宫格写出一个滚动有规律的大转盘滚动高亮效果，结果可想而知。如下图： 也就是说当页面刚进来的时候，红色方块在左上角，接下来按照图上所标注的箭头方向来依次循环。当我听说了这个面试题之后，我就利用空余时间写了一下此效果，结果研究了两种方法： 方法一：首先我想到的是，既然 阅读全文
posted @ 2017-11-22 17:53 ~逍遥★星辰~ 阅读(829) 评论(0) 推荐(0)
移动端点击事件全攻略
摘要：接触过移动端开发的前端可能都会面临点击事件的第一个问题：click事件的300ms延迟响应。不能立即响应给体验造成了很大的困扰，因此解决这个问题就成为了必然。 这个问题的解决方案就是：zepto.js的tap事件。tap事件可以理解为在移动端的click事件，而zepto.js因为几乎完全复制jQu 阅读全文
posted @ 2017-11-17 14:45 ~逍遥★星辰~ 阅读(1272) 评论(0) 推荐(0)

上一页 1 2