随笔分类 - JavaScript
前端必备
摘要：Swiper使用遇到的问题字数243 阅读1 评论0 喜欢0时间：2016-08-09 07:51:07作者: zhongxia地址：http://www.jianshu.com/p/5d2986fa6072Swiper 是一个开源免费的移动触摸插件。在使用中遇到这样一个问题，记录一下。page 间切换效果 使用 fade 的时候，如果每个页面的大小不一样， 比如第一个页面全屏， 第二个页面比第一...
阅读全文
摘要：Gulp 是一个 当前 非常流行的 构建工具,Gulp 构建工具,是提供一个基础平台, 上面可以编写各种任务, 比如, 压缩代码的任务, 编译CSS文件, 代码转换, Web服务器等等 任务. 基本的使用方式var gulp = require(‘gulp’)gulp.task(‘default’,function(){ console.log(‘run default task ’)}) ...
阅读全文
摘要：ACE.js自定义提示实现方法时间 2015-11-19 00:55:22 wsztrush's blog原文 http://wsztrush.github.io/编程技术/2015/11/06/ACEJS-B.html主题 ACE仅仅把代码高亮了还不够，在正常的编辑器中当输入少量的几个字符串就可以根据它来提示可能的输入：这样用起来能极大地提高输入的效率，而实现起来非常简单：ace.requi...
阅读全文
摘要：autoplay 属性 在 移动端 是不起作用的. 并且用代码去控制 播放 也是不行的, 需要 用户有交互才能 进行播放. 因此退而求其次, 采用 用户 点击的方式触发, 比如用户点击屏幕的时候, 触发播放.document.addEventListener("touchstart", playBgAduio, false); /** * 监听点击播放背景音乐 */function play...
阅读全文
摘要：原文地址: http://www.cnblogs.com/snandy/p/3261754.html全局唯一标识符（GUID，Globally Unique Identifier）也称作 UUID(Universally Unique IDentifier) 。GUID是一种由算法生成的二进制长度为128位的数字标识符。GUID 的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxx...
阅读全文
摘要：这篇文章主要介绍了JS和css实现检测移动设备方向的变化并判断横竖屏幕,本文分别给出实现代码,需要的朋友可以参考下方法一：用触发手机的横屏和竖屏之间的切换的事件 [自测可用, chrome , 手机360浏览器, 微信浏览器 其他未测试过]复制代码代码如下:window.addEventListener("orientationchange", function() {// 宣布新方向的数值al...
阅读全文
摘要：[JavaScript] +function(){} 作用瞎扯在JS中,经常会遇到下面这种 代码, 到底 在 function 前面加一个 一元操作符, 有什么作用呢?作用是 把该函数变成自执行函数+function(){}();这里的加号，可以替换成 ~ , * , + , - , ! 等其他一元操作符，其效果相当于：(function() { console.log("Foo!"); })()...
阅读全文
摘要：JS代码高亮编辑器 ace.js字数254 阅读2 评论0 喜欢0瞎扯ace 是 js 实现的代码编辑器编译打包之后的 ACE 代码官网,未提供编译好的文件ACE 拥有的特点语法高亮超过110种语言超过20个主题自动缩进减少缩进一个可选的命令行处理庞大的文件（400万线似乎是极限！）完全自定义的键绑定，包括vim和Emacs模式用正则表达式的搜索和替换突出显示匹配的括号软标签和实际标签之间切换显示...
阅读全文
摘要：JS 正则 /g 注意事项字数1066 阅读0 评论0 喜欢0js中正则表达式的全局匹配模式 /g用法详细瞎扯使用正则表达式来做表单验证的时候,遇到如下一个鬼东西, 匹配正则的时候,同样的数据, 一次 true, 一次 false. 坑死爹啊.到底是什么坑爹的问题导致的吧. 研究发现 是 /g 的鬼问题var str = "123#abc"; var re = /abc/ig; console.l...
阅读全文
摘要：时间: 2016-04-27 17:46:48作者: zhongxia———————————————————————- Q: Webpack Module build failed: SyntaxError: ‘import’ and 'export' may appear only with 'sourceType: module'A: 在 .eslintrc 配置对象里面 加上如下配置"p...
阅读全文
摘要：项目中有需要使用JS来控制浏览器全屏的方法DEMO地址: http://zhongxia245.github.io/demo/js2fullpanel.htmlfunction fullScreen() { var el = document.documentElement, rfs = el.requestFullScreen || el.webkitRequestFullS...
阅读全文
摘要：Chrome 跨域访问线上接口 时间：2016-04-21 作者：zhongxia 前后端分离之后，联调的时候就会出现问题，那就是Ajax跨域问题。 跨域问题的解决方案有很多种比如常规的 后端使用CROS，设置允许访问接口的地址 或者 使用 JSONP等等。这里就不说前端常规的跨域解决方案，而是提供
阅读全文
摘要：JS 正则表达式时间:2016-04-20 10:44:47作者:zhongxia正则表达式在 JS 校验中,是 一个非常常用的知识点. 各种表单的验证,字符串验证等 都可以使用 正则表达式来快速的实现常用的方式例子:校验邮编function isPostCode(str){ var re = /^\d{6}$/; //不同的验证,使用不同的正则表达式,至于提示信息,可以自定义 return re...
阅读全文
摘要：Zepto的SwipeUp 在 android 和微信 的解决方案时间:2016-04-19 22:20:09作者:zhongxia问题解决方案:Q:为什么swipeUp和swipeDown在手机测试不成功？？A: 把这段代码添加到 zepto.min.js 的最上面document.addEventListener('touchmove', function (event) { event.pr...
阅读全文
摘要：select 下拉框 disabled 则 Form 获取不到值 有时候需要禁用 下拉框 , 但是表单又需要获取到 下拉框的值.解决方案1: 使用文本框和隐藏域 来代替下拉框 disabled解决方案2: 写一个JS函数,让 下拉框展示被禁止,自行百度解决方案3: 不使用 $(“form”).searsize() 来获取, 自行获取每一个表单的值,然后自己拼接成数据
阅读全文
摘要：下面的方法,不知道是操作方法不对还是啥. 在 zepto.js 里面加那一段代码不起作用百度的 touch.js 是可以用的,但是使用方式 和 zepto有点不一样.解决方案:参照这个链接地址http://www.cnblogs.com/zhongxia/p/5410478.html ========================================================...
阅读全文
摘要：JS解析，反解析 XML 的一些问题 2016-03-25 15:38:28 星期五 文章底部下面有提供把 字符串 变成 XML 对象的方法。 该方法，在 Chrome48 ，FireFox ，IE11 测试成功！ stackoverflow XML有命名空间怎么办 有命名空间的节点，在各个浏览器下有兼容性问题 解析 字符串 到 XML对象的方法 1. ** s...
阅读全文
摘要：如何组织JS代码有没有这样的经历，在编写代码的时候，因为功能简单，写的时候比较随意，所有的JS代码都放在一个文件里面，但是随着功能的增加，发现代码很乱，不好维护。简单的整理了一下，目前对已有项目的结构做了一个分析，主要有以下两种方式按文件类型分类【最简单，但模块划分不清晰】按模块进行分类【实用，但文件夹比较多】一、对项目目录结构分类1. 最简单的文件类型分类 css/ img/ js/ app.j...
阅读全文
摘要：之所以学习RequireJS，肯定对 模块化有一定的理解。这里有几篇学习 RequireJS的文章，推荐给大家去学习。 总结：【只需要了解几个属性就可以用起来啦】【源码】github 源码 参数1：依赖的模块，数组形式， 参数2：回调函数，参数：跟每个 依赖模块exports的对象顺序是一致的 详细
阅读全文
摘要：一、JSONP 是什么？1.1 概念JSONP（JSON with Padding）是资料格式 JSON 的一种“使用模式”，可以让网页从别的网域要资料。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server2.example.com 的服务器沟通，而 H...
阅读全文
