小太阳-双仔-CSDN博客

原创 JS继承的实现及公有、私有、静态方法的书写

今天没事的时候，研究了一下JS继承的实现，下面是html的源码：JS类的继承的实现//定义父类及公有、私有、静态属性及方法function parent(){var pname = "private";//私有属性var pfun = function(){//私有方法console.log("调用类的私有方法");}this.getName=f

2016-02-15 17:36:24 1890

原创通过两个经纬度获取他们之间的距离

在MySql数据库中，如何根据两个已知的经纬度获取他们之间的距离，通过其他方法也是可以实现的，但如果在MySql中添加一个存储过程(内置函数)，那么直接调用MySql的内置函数即可，非常方便函数如下：CREATE DEFINER=`root`@`127.0.0.1` FUNCTION `get_product_distance`(`lng1` DOUBLE, `lat1` DOUBLE,

2015-12-31 12:13:02 1634

原创使用JS加载GoogleMap

查看GoolgeMapAPI时，可以看到，通过异步加载是最好的方式，下面是实现的代码：1.定义GoogleMap加载后的回调函数var dom = document.getElementById("mapDiv"); //自己设置window.googleMapInitialize = function(){ var lat = ""; //自己设置 var lng

2015-12-31 11:56:12 985

原创 SenchaExt中的DataView实现table布局效果

在SenchaExt中，默认的DataView的样式是竖向排列，如何实现像table布局那样的表格排列呢？其实实现起来也很简单，只需要修改item的默认样式即可，如下：.mydataview .x-dataview-item{ display:inline-block !important;width: 250px;height:100px;}将item的disp

2015-12-31 11:46:20 686

原创 SenchaTouch设置一个容器为悬浮状态

使用SenchaExt时，如果想设置一个container为悬浮，只需要设置floating属性为true即可，但在SenchaTouch中， container没有floating属性，这时候如何实现container的悬浮呢，久经查找，终于在API中看到了，当给container设置top | bottom | left | right，即可实现container的悬浮

2015-12-31 11:44:29 345

原创 JS 给Array添加是否包含字符串的方法

JS的Array类型，本身并没有是否包含某个字符串的方法，下面的代码实现了此功能，有需要的同学可以看一下：Array.prototype.contains = function(v){ var b = false; for(var i=0;i if(this[i] == v){ b = true; bre

2015-12-31 11:39:12 564

原创使用Web Audio API实现基于浏览器的Web端录音

有时候会有通过Web端录音的需求，那么如何实现呢，通过Web Audio API能够实现，具体可以查看官网的API，下面是实现单声道录音（压缩音频大小）的一个例子，共需要两个js文件，具体如下：第一个js文件： recorder.js(function(window){ var WORKER_PATH = 'resources/js/recorderWorker.js'; //

2015-12-31 11:18:28 24387 5

原创使用JS获取当前时间和日期

有时候会通过JS来获取当前的日期，格式可能是 yyyy-MM-dd或yyyy-MM-dd HH:mm:ss，网上也有很多例子，但一般都没有进行封装，我今天写的获取当前日期的方式是，自己定义了一个类，通过prototype给类添加方法，来获取日期，代码如下：NowFormatDate = function(){};//获取当前日期与时间NowFormatDate.prototype.ge

2015-12-31 11:12:37 301

原创 SenchaTouch添加隐藏域判断是否选择图片

在Web页面中，有时候会遇到上传图片的需求，如果单独只是上传一个图片，我相信对大家来说应该都不是什么问题，但是如果显示上传页面的时候，把已经上传的图片显示出来，那么你点击保存按钮时，单独判断File域是否为空就会有逻辑错误了，可能我说的不太清楚，大概就是，一个表单，有几个文本域，有一个文件域，当对表单进行提交时，单单判断文件域的值是不正确的，那么如果实现呢，步骤如下：1. 添加一个图片域和

2015-12-31 10:51:08 823

原创使用SenchaExt对Button进行分组

有时候会遇到界面有好几个Button，但同时只能有一个被按下，这时候就需要对Button进行分组，分组的属性是toggleGroup，每个Buttont同时要使能被按下属性，及enableToggle属性要设置为true，具体看下面的代码：xtype: 'container',height: 30,defaults: {margin: '0 0 0 5',enableTog

2015-12-31 10:39:46 522

原创 SenchaTouch动画 Ext.Anim的使用

1. 在Application中引入Ext.AnimRequires: [‘Ext.Anim’]2. 在要使用动画的容器上面添加动画例如:Ext.Anim.run(container,‘flip’, { duration: 1000, // 动画时间, 默认为250毫秒 direction: ‘up’ // 动画方向, up,

2015-05-07 13:41:51 323

任齐双的专栏