随笔分类 - js记录
摘要：一.在默认情况下, Windows 默认提供下列字体： 二.安装Office后会新增以下字体（仅列出一部分）： 三.页面上哪些字体可以用 四.有哪些常见的中文字体可以免费商业使用？ 五.此网站列举一些是否免费商用的中文字体。 http://zenozeng.github.io/Free-Chines
阅读全文
posted @ 2017-12-01 14:53
AlanTao
摘要：var optAction = false; //定义判断条件false，if(!optAction)来判断 var autoTime; //定时器 var body = document.getElementsByTagName("body")[0]; //当有鼠标和键盘激活时清除自动刷新页面定时器 body.onkeyd...
阅读全文
posted @ 2017-12-01 14:10
AlanTao
摘要：不管我们对浏览器类型前缀有多么的讨厌，我们都不得不每天面对它，否者有些东西不能正常工作。这些前缀的用法有两种：在CSS里(例如“-moz-”)和在JS里。有一个神奇的X-Tag项目里有一段很聪明的JavaScript脚本，可以用来判断当前使用的是什么前缀——让我来展示它是如何工作的！ 该函数返回的对
阅读全文
posted @ 2017-12-01 14:07
AlanTao
摘要：1.方法一，用数组方法，自己乱想的。但不知道有没有性能问题，因为数组的长度会加大 方法二，时间差,比较合理的方法 方法三，设置相邻两次点击的时间，比如点击一次后，3秒后才再能点击
阅读全文
posted @ 2017-12-01 13:54
AlanTao
摘要：/* * @ call和apply方法 * @ 当一个object没有某个方法，但是其他的有，我们可以借助call或apply用其它对象的方法来操作。 * @ (有方法的)对象.call("环境的上下文本对象",参数) * @ 通过call和apply，我们可以实现对象继承。示例 */ /*function product(test){ alert(test); ...
阅读全文
posted @ 2017-12-01 13:50
AlanTao
摘要：移动端滚动穿透问题 ==> 移动端弹出fixed弹窗的话，在弹窗上滑动会导致下层的页面跟着滚动，这个叫“滚动穿透” 1.在弹出层的touchstart事件中调用preventDefault 2.弹出层touchmove + preventDefault 3.设置 html,body{overflow
阅读全文
摘要：1.下载pano2vr中文破解版2.制作360全景选择"矩形球面投影" 3.输出格式选择HTML5, 也可选择Flash(快被淘汰) 4.HTML5输出选项中3个重要选项4.1 Fullscreen ==> 全屏4.2 Include gyroscope control ==> 手机陀螺仪4.3 C
阅读全文
posted @ 2017-11-27 17:32
AlanTao
摘要：1.three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。 Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精彩的演示。 2.three.js制作官网demo全景图
阅读全文
posted @ 2017-11-27 17:20
AlanTao
摘要：1.支持WebGL和canvas的浏览器 (IE10, IE11支持, 但在IE里移动图片时很卡, 不一定是全部人都有这情况) 2.Three.js (文件较大, 有官网demo, 可不下载, 下载photo-sphere-viewer.js时也有three.js) 3.photo-sphere-v
阅读全文
posted @ 2017-11-27 17:08
AlanTao
摘要：针对多点触控设备编程的Web手势组件，快速帮助你的web程序增加手势支持，也不用再担心click 300ms的延迟了。拥有两个版本，无依赖的独立版和react版本。除了Dom对象，也可监听Canvas内元素的手势（需要Canvas引擎内置对象支持addEventListener绑定touch相关事件
阅读全文
posted @ 2017-11-20 17:02
AlanTao
摘要：/** @CORS跨源资源共享 ==> 使用自定义的HTTP头部让浏览器与服务器进行沟通* @Origin头部 ==> 包含请求页面的源信息(协议, 域名和端口)* @如: Origin: http://www.nczonline.net* @如果服务器认为这个请求是可以接受的就在Access-Co
阅读全文
posted @ 2017-10-20 17:39
AlanTao
摘要：/** @1.onchange事件 ==> select选择事件* @2.obj.options ==> 选择option集合* @3.obj.selectedIndex ==> 选择的下标*/ /** @bug* @1.onchange事件只有在值改变时才可触发，所以必须在每一次选择时（尤其第一次
阅读全文
posted @ 2017-10-17 14:33
AlanTao
摘要：单步调试代码 所有步骤选项均通过边栏中的可点击图标 表示，但也可以通过快捷键触发(鼠标悬停在操作图标上就可以看到快捷键)。下面是简要介绍：
阅读全文
posted @ 2017-09-12 17:21
AlanTao
摘要：/*1.每次移动剩余距离的一半。简单的公式表示 nA = A - (A - B) / 2简单的公式表示 48 = 64 - (64 - 32) / 2我下一秒的位置 = 现在位置 - 现在和初恋之间距离的一半*/ 调用
阅读全文
posted @ 2017-09-01 14:43
AlanTao
摘要：1.阻止跳转a标签的链接 2.location.replace(href) 不生成新的历史记录, 但有bug 3.首先通过HTML5 history.replaceState()方法把当前URL地址替换成以个井号#结尾的目前链接地址； 4.执行location.replace('')刷新当前地址（此
阅读全文
posted @ 2017-08-07 14:22
AlanTao
摘要：基本使用方法如下 JS 编写函数从下面的 URL 串中解析出所有的参数 期望的返回结果格式如下： 谋定而后动，动手前一定要搞清楚问题。怎样才算是把问题搞清楚了？要清楚输入的特征，是否会出现各种奇怪的输入 防御性编程,检测是否为字符串
阅读全文
posted @ 2017-06-01 15:00
AlanTao
摘要：在javascript和jquery中，都有对各种高度的写法，在这里，我们就着重讲一下窗口、文档等高度的理解。(宽度和高度差不多！) jquery的各种高度 首先来说一说$(document)和$(window)，如下： 用一句话理解就是：当网页滚动条拉到最低端时， 注意，是拉到最低端！ 当网页高度
阅读全文
posted @ 2017-03-09 23:14
AlanTao
摘要：大括号{}用来描述一组“不同类型的无序键值对集合”（每个键值对可以理解为OOP的属性描述），方括号[]用来描述一组“相同类型的有序数据集合”（可对应OOP的数组） 比如有一个数组a=[1,2,3,4]，还有一个对象a={0:1,1:2,2:3,3:4}，然后你运行alert(a[1])，两种情况下的
阅读全文
posted @ 2017-03-09 12:04
AlanTao
摘要：网上找的： https://github.com/nolimits4web/Swiper/issues/626 自己写的swiper2的延迟加载 bannerWrap.hover(function(){ bannerSwiper.stopAutoplay(); },function(){ banne
阅读全文
posted @ 2017-03-08 17:56
AlanTao
浙公网安备 33010602011771号