Date 对象 Date 对象用于处理日期和时间。 创建 Date 对象的语法：
|
1 |
var myDate=new Date() |
注释：Date 对象会自动把当前日期和时间保存为其初始值。 Date 对象属性 属性 描述 constructor 返回对创建此对象的 Date 函数的引用。 prototype 使您有能力向对象添加属性和方法。 Date 对象方法 方法 描述 Date() 返回当日的日期和时间。 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 getFullYear() 从 Date 对象以四位数字返回年份。 getYear() 请使用 getFullYear() 方法代替。 getHours() 返回 Date 对象的小时 (0 ~ 23)。 getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。 getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。 getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。 getTime() 返回 1970 年 1 月 […]
View DetailsI was researching for a few feature rich UI frameworks based on React; that give the power of composability through React components that you can directly plug in into your React project Here is a compilation of a few ReactJS based UI frameworks (in no particular order), that I came across. Hope one of these choices will help you rapidly prototype your "ReactJS" ideas. Material UI Material-UI is a set of React components that implement Google’s Material Design . Out of the hundreds of UI frameworks out there, […]
View Details网上有很多文字作品写涉及在JS中呈现类似UrlEncode功能时都是自定义参数来呈现，其实JS中本身就有那样的参数。 参数parameter由于用类似URL的形式传过去 ， 所以别直接就那样赋值 以下是对变量值的URL编码总结 ： 意见用encodeURIComponent() ， GET 和POST方法都能够发送过去 Java编程script中存在几种对URL字符串停止编码的窍门：escape()，encodeURI()，以及encodeURIComponent()。这几种编码所起的功能各不相同。 escape() 窍门： 采用ISO Latin字符集对指定的字符串停止编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx各式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。 不会被此窍门编码的字符： @ * / + encodeURI() 窍门： 把URI字符串采用UTF-8编码各式转化成escape各式的字符串。 不会被此窍门编码的字符：! @ # $& * ( ) = : / ; ? + ' encodeURIComponent() 窍门： 把URI字符串采用UTF-8编码各式转化成escape各式的字符串。与encodeURI()相比，那个窍门将对更多的字符停止编码，比如 / 等字符。所以假如字符串里面包含了URI的几个部份的话，别用那个窍门来停止编码，否则 / 字符被编码之后URL将呈现错误。 不会被此窍门编码的字符：! * ( ) ' 因此，对于汉文字符串来说，假如不期望把字符串编码各式转化成UTF-8各式的（比如原页面和目的页面的charset是一致的时候），只需求应用 escape。假如你的页面是GB2312或者更多有联系的编码，而接受参数parameter的页面是UTF-8编码的，就要采用encodeURI或者encodeURIComponent。 from:http://www.cnblogs.com/xiaofei59/archive/2011/09/13/2174498.html
View Details|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 |
//桌面提醒 function notify(title, content) { if(!title && !content){ title = "桌面提醒"; content = "您看到此条信息桌面提醒设置成功"; } var iconUrl = "/images/send_ok.png"; if (window.webkitNotifications) { //chrome老版本 if (window.webkitNotifications.checkPermission() == 0) { var notif = window.webkitNotifications.createNotification(iconUrl, title, content); notif.display = function() {} notif.onerror = function() {} notif.onclose = function() {} notif.onclick = function() {this.cancel();} notif.replaceId = 'Meteoric'; notif.show(); } else { window.webkitNotifications.requestPermission($jy.notify); } } else if("Notification" in window){ // 判断是否有权限 if (Notification.permission === "granted") { var notification = new Notification(title, { "icon": iconUrl, "body": content, }); } //如果没权限，则请求权限 else if (Notification.permission !== 'denied') { Notification.requestPermission(function(permission) { // Whatever the user answers, we make sure we store the // information if (!('permission' in Notification)) { Notification.permission = permission; } //如果接受请求 if (permission === "granted") { var notification = new Notification(title, { "icon": iconUrl, "body": content, }); } }); } } } |
from:http://www.cnblogs.com/foolin/p/3822294.html
View Details由于谷歌商店国内访问不了，即使访问得了，国内许多安卓机也没有google play的框架，还是安装不了google商店的应用。想用安卓机开发啊，找度娘，终于在csdn的下载上，找到了个可用的~ Apk下载 csdn:http://download.csdn.net/download/yyh352091626/9176197
View Details|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <style type="text/css"> @media screen and (orientation:portrait) { body{color:red} } @media screen and (orientation:landscape) { body{color:green;} } </style> </head> <body> 横屏竖屏测试。 </body> </html> <script type="text/javascript"> window.addEventListener('orientationchange', function(event){ if ( window.orientation == 180 || window.orientation==0 ) { alert("竖屏"); } if( window.orientation == 90 || window.orientation == -90 ) { alert("横屏"); } }); </script> |
View Details
近日刚做的一个功能，要在app里使用内嵌页面进行图像的上传。 从功能上看，原生的实现应该是最好的。毕竟页面上所有的东西都隔着一个浏览器，所有的实现都要依赖浏览器提供的接口，不同的浏览器对接口的实现又有差异……到最后又会陷入兼容性的大坑! 吐槽归吐槽，但是折腾的劲头不能丢！ 使用input file[camera]属性调用相机 简直So easy！
|
1 2 |
<input type="file" accept="image/*;" capture="camera" > |
只需要这么一条简单的代码，在手机浏览器点击就可以打开相机了。 capture是什么？其实就是对打开方式的设置。
|
1 2 3 4 5 |
<!-- capture=camcorder，调用手机摄像功能 --> <input type="file" accept="video/*" capture="camcorder" > <!-- capture=microphone，调用手机录音功能 --> <input type="file" accept="audio/*" capture="microphone" > |
魅族MX5测试结果： 谷歌浏览器可以打开相机和摄像功能，其他方式均为相机、图库、文件管理器等混合选择项。 自带浏览器打开均为文件管理器。 由此说明此属性兼容性还是个问题。不过这并不能阻止我继续折腾下去！ 图片压缩 在如今这个手机普遍千万像素的时代，一张照片动辄5M的大小。作为一个良心的开发者，我们是要为用户的流量负责的。 该怎么做？我也不知道。大家都在用canvas实现，我也就用了。
|
1 2 3 4 5 6 7 8 9 10 11 12 |
document.getElementById('file').addEventListener('change', function() { var reader = new FileReader(); reader.onload = function (e) { compress(this.result); }; reader.readAsDataURL(this.files[0]); }, false); |
不管文件域是用何种方式打开的，都可以在 change 事件中获取到选择的文件或拍摄的照片。 创建一个FileReader对象，我们需要调用readAsDataURL把文件转换为base64图像编码，如data:image/jpeg;base64……这种格式。 onload是一个异步回调，当文件读取完执行该方法内代码。this.result记录读取结果，如果读取失败，该值为null。在这里进行图片压缩的具体操作。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
var compress = function (res) { var img = new Image(), maxH = 160; img.onload = function () { var cvs = document.createElement('canvas'), ctx = cvs.getContext('2d'); if(img.height > maxH) { img.width *= maxH / img.height; img.height = maxH; } cvs.width = img.width; cvs.height = img.height; ctx.clearRect(0, 0, cvs.width, cvs.height); ctx.drawImage(img, 0, 0, img.width, img.height); var dataUrl = cvs.toDataURL('image/jpeg', 0.6); // 上传略 } img.src = res; } |
创建一个Image对象，给src属性赋值为读取结果，同样在onload异步回调中编写处理图片的代码。 这里就要开始使用canvas进行图片压缩了。 首先是尺寸按比例缩放，然后把图片绘到画布上，最后调用toDataURL方法压缩图像质量。
|
1 2 |
context.toDataURL('MIME类型', 图像质量0-1); // 该方法返回base64图像编码 |
代码里省略了一些校监操作，如文件类型约束和文件大小判断（小于一定值可以不压缩）。 最后就是把数据发送到后端的操作，这里就不说了。 Html5调用摄像头 通过以上的代码已经可以实现调用手机相机拍照、压缩、上传这一整套流程了。 不过在折腾的过程中也发现了一种调用摄像头的方法。注意，是摄像头！使用input调用的是相机。其中的差别就是摄像头是只捕获画面，相机还包括原生的一些拍照、设置等控件。 通过对摄像头的调用可以做很多有趣的事，比如拍照美化、滤镜等。可以说实现一个第三方相机是没问题的。 之前下载过一款安卓相机APP，不到100K的大小，可以实现拍照的一些风格化，也许就是Html5实现的呢。 需要用到的是 getUserMedia API，具体的实现这里就不贴了。 from:http://www.imys.net/20150916/webapp-input-use-camera.html
View Details在众多行业中，程序员属于高薪职业。无论是在国外还是国内，程序员的薪金水平普遍高于其他行业的工作岗位。 高薪的诱惑和充满挑战性的工作，令程序员一直成为备受欢迎的职业。在今年年初，Glassdoor发布的一份调查报告指出，在美国，程序员的就业情况仍然向好。据报告显示，在排名前25位的最能赚钱和需求量最高的工作岗位中，超过一半以上的岗位要求求职人员具备编程技术。因此，要想获得高薪不是一件容易的事情，你得有过硬的本领。 14种最具“吸金”能力的编程语言 据美国Rasmussen College（拉斯姆森学院）在2015年5月发表的一篇文章显示，在数以百计的编程语言中，以下14种编程语言最具“吸金”能力。 文章指出，这个结果是拉斯姆森学院收集了在2014年发布的1800万个招聘广告，以“平均年薪”和“招聘职位”两个指标为基础进行分析而得出来的。 (数据来源：Rasmussen College) 而在Indeed.com今年发布的调查数据则显示，根据编程工作的数量，排在前九位的编程语言如下： 图片来源：www.indeed.com 学习哪种编程语言可以赚到更多钱？ 不同的编程语言适合不同的系统，不同的工程师也需要掌握不同的编程语言。 后台或服务器端的程序员通常都懂得Python, Ruby, PHP, Java或 .Net以及数据库的知识。前端或客户端的程序员掌握的编程语言主要是HTML, CSS和JavaScript，能力全面的程序员还具有设计能力。 移动应用的程序员懂得的语言是用于iOS 的Objective-C 或安卓系统的Java， 还有用于移动网站的HTML/CSS，他们当中有些人还懂得服务器的知识。3D或游戏开发者懂得 C/C , OpenGL和动画，同时具有艺术能力的程序员会更有优势。高效程序员懂得C/C 和Java,有的人还有数学和定量分析的能力。 如果你并不介意工程师的类型，Python, Objective-C, JavaScript, HTML和CSS这五种语言是值得学习的。因为每年它们都会出现在“最受欢迎的编程语言”名单中。此外，作为程序员，你还应该学习一些数据库，例如MySQL, MongoDB，而且要学习如何使用它来编程。 出处：网易科技 from:http://www.oschina.net/news/75295/these-programming-language-programmers-pay-the-highest
View DetailsReactNative是Facebook开源的一种实现移动跨平台开发的解决方案，目前在业界得到广泛应用，这里有非常详细的中文使用指南。本文主要分享RN源码中一些值得大家学习或者借鉴的代码或者编写技巧等，供大家学习参考。 整个RN库包含10多个工程，有兴趣的童鞋可以下载源码查看具体细节，在此不再展开。 宏定义巧用 整个ReactNative源码工程中用到了大量的宏定义，包括RCT_EXTERN、RCT_NOT_IMPLEMENTED、RCT_EXPORT_METHOD以及RCT_EXPORT_MODULE等申明宏或者功能宏。通过宏定义的方式，可以非常方便嵌入功能代码或者逻辑实现，重用代码的同时又保持了代码的整洁性。 比如，ProtocolKit工程中，作者通过宏定义@defs将Protocol接口巧妙的实现在.h文件中，代码简介明了，又不失功能完整性。当然，RN工程中，RCT_NOT_IMPLEMENTED宏也有相似作用，实际项目中各位也可以尝试通过宏定义实现一些常用功能模块。 关于iOS宏定义的文章有很多，在此推荐两篇非常不错的文章：RAC中必须要知道的宏、ios宏的使用和技巧。 环境变量 iOS开发中，各位对#ifdef DEBUG应该非常熟悉，通过判断该条件，可以区别当前运行环境是Debug环境还是Release环境。比如Release环境下通过重定义NSLog以屏蔽所有日志输出： ? 1 2 3 4 5 #ifdef DEBUG #define NSLog(…) NSLog(__VA_ARGS__) #else #define NSLog(…) {} #endif 进一步，是否可以考虑只在联机调试环境下输出日志？此时就涉及联机调试环境的判断，环境变量正好可以解决该问题： Xcode可以在不同环境下自定义环境变量Environment Variables，通过在运行环境Run中自定义变量CI_USE_PACKAGER，此时便可在项目代码中通过getenv()函数判断当前运行环境： ? 1 2 3 if (getenv("CI_USE_PACKAGER")) { // to do… } 被忽略的硬键盘 相较于软键盘文字符号的输入，对于APP来说，硬键盘的应用开发似乎很容易被忽视，毕竟，通常情况下，硬键盘输入只会出现在模拟器环境下。 iOS7以后，系统定义有硬键盘响应交互类UIKeyCommand，通过UIKeyCommand，APP能够监听硬键盘的特定输入响应，比如Command+D等，当然，前提是APP需要首先监听该输入命令。 UIKeyCommand的使用非常简单，当需要在特定场景触发某一事件，但又不想影响界面显示的时候，不妨试试UIKeyCommand，具体使用可以看看这篇文章。 _cmd iOS官方文档中，_cmd表示当前方法的selector，你可以通过下面代码打印输出当前函数名： ? 1 NSLog(@"Current method: %@", NSStringFromSelector(_cmd)); 当然，实际项目中，你也可以这样使用： ? 1 2 NSNumber *rootTag = objc_getAssociatedObject(self, _cmd) ?: @1; objc_setAssociatedObject(self, _cmd, @(rootTag.integerValue + 10), OBJC_ASSOCIATION_RETAIN_NONATOMIC); 瞧，是不是有点意思！ kCFNull 相对于nil NSNull而言，kCFNull笔者接触较少，kCFNull可以理解为NSNull单例对象： ? 1 2 id null1 = (id)kCFNull; id null2 = [NSNull null]; 打印地址： ? 1 2 null1=(NSNull *)0x10426eaf0 null2=(NSNull *)0x10426eaf0 从上面测试结果可以看出它们其实指向同一地址， 可以简单理解为 kCFNull === [NSNull null]。 文本阴影NSShadow APP开发中，程序猿可能经常需要在图片或视频上显示文字，由于背景颜色跟文字颜色相近，导致文字看不清，比如时下火热的直播弹幕显示，为了确保文字显示清晰，开发者一般会配上阴影或者文字描边。 给文本添加阴影描边，系统提供有NSShadow类，可以这样使用： ? 1 2 3 4 5 6 NSShadow *shadow = [NSShadow new]; shadow.shadowOffset = CGSizeZero; shadow.shadowBlurRadius = 5.0f; shadow.shadowColor = [UIColor colorWithWhite:0.0f alpha:0.3f]; NSAttributedString *attString = [[NSAttributedString alloc] initWithString:@"www.olinone.com" attributes:@{NSShadowAttributeName: shadow, NSForegroundColorAttributeName: [UIColor whiteColor]}]; lbl.attributedText = attString; 实际效果是这样的，shadowBlurRadius值越小，文本描边越清晰 主线程判断 判断当前执行线程是否为主线程的方法有很多，比如： ? 1 2 […]
View Details官网地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明 一导入js库 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"></script> 二、默认校验规则 (1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 日期校验ie6出错，慎用 (6)dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性 (7)number:true 必须输入合法的数字(负数，小数) (8)digits:true 必须输入整数 (9)creditcard: 必须输入合法的信用卡号 (10)equalTo:"#field" 输入值必须和#field相同 (11)accept: 输入拥有合法后缀名的字符串（上传文件的后缀） (12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符) (13)minlength:10 输入长度最小是10的字符串(汉字算一个字符) (14)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符) (15)range:[5,10] 输入值必须介于 5 和 10 之间 (16)max:5 输入值不能大于5 (17)min:10 输入值不能小于10 三、默认的提示 messages: { required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid email address.", url: "Please enter a valid URL.", date: "Please enter a valid date.", dateISO: "Please enter a […]
View Details