2016年10月_马优晨

12月 11月 10月 09月 04月

原创手机端校验的那些事情（简单实例）

这里通过一个简单的实例来聊聊，手机校验，和用户名校验：1-页面初始的样子：先看一下演示效果：2-用户名输入错误：3-手机号码输入错误：4-用户名手机号码输入正确格式：接下来就是代码讲解了，往下看，有惊喜……….HTML<ul class="fill-mess"> <li> <div class="name-mes"> <div>预订人</div>

2016-10-31 15:06:26 2653

原创使用JS让手机震动

这个功能真的很神奇，但是前提是你的手机支持这个API，否则它的美，你无法亲身体会。HTML <div class="shock"> 按我手机会震动 </div>CSS .shock{ font-size: 15px; font-weight: bold; color: red; }JS//Vibration接口用于在浏览器中发出命令

2016-10-31 10:44:35 16621 5

原创 H5获取地理位置

第一步：获取地理位置，首先要判断是否支持地理位置的API，通过//判断浏览器是否支持地理位置接口 function justify_location(){ if(navigator.geolocation) { // 支持 console.log("支持地理位置接口"); } else {

2016-10-31 10:33:11 8159

原创 H5禁止手机自带键盘弹出

这个问题，确实困扰了我好久，但是今天解决了。在网上搜索答案，全都是用DIV模拟input框实现，没有一个真正解决这个问题的，现在我只需要一句代码就可以完完整整的解决这个问题。先看下问题吧：这个是我自制的一个日历，在没有选择日期前她是这个样子的，感觉还可以吧但是好景不长，当我将手放进选择框选日期的时候，手机自带的键盘就弹出来了，完全盖住的页面，好心塞，有么有？解决方案：HTML代码 <div

2016-10-28 18:14:43 43773 26

原创 js解码与编码是什么意思？

问题： 1-js解码与编码是什么意思？ 2-为什么要进行编码与解码？答案：大家在使用JS提交数据时，尤其是中文的时候，经常会需要将要提交的字符串进行URL编码。然后在展现的时候，在进行解码。在JS中对字符串进行URL编码有好几种方encodeURI，encodeURIComponent，还有escape。下面我们来分别看看这几个函数：　　　　 encodeU

2016-10-28 11:29:10 2792

原创动态添加内容到百度搜索框里

先看一下效果吧：（图一）（图二）（图三）演示：在图一搜索框内输入”文字内容“，单击搜索按钮，即可将内容直接添加到百度浏览器的输入框里面。原理：HTML代码 <li> <form action="#" id="search_box"> <div class="wrapper"> <input type="

2016-10-28 10:59:26 1380

原创 JS制作常见通知信息（适用于手机通知信息和电脑通知信息）

今天项目基本都提测完了，所有利用空闲时间，写两篇文章。上一篇《如何搭建node工程》想必大家有需要学习的都已经看过了。这篇文章最后展示出来的效果确实很棒，所以在这里，想记录下来，以后自己也可以看看。还是和以前一样的套路，咱们一步一步将，这样看的思路很明了。先看一下效果吧：注意右下角，出现的弹出消息，我们实现的就是这样的效果。效果看完了，接下来就进入分布讲解模式了………..第一步：先写一

2016-10-26 19:45:45 5840 2

为什么要写这篇文章，因为现在Node.js这几年确实越来越火，这个看看github 上面的代码数量，不用我在多说。node.js的性能也是相当不错，配合上express类库以及Vue.js 对于前端工程师的我们确实是把利器。在以前的老本家爱立信公司，联动优势以及现在开发的“萌店”都使用了这种技术，个人觉得这方面也算有点心得体会。接下来就分几步概述一下，一个Node工程的起始搭建安装node.js第

2016-10-26 18:28:55 12921

原创 IndexDB数据库操作指南

在写这篇文章的时候，确实有一点点小困了。但是对于IndexDB数据库研究了整整三天的心血，在蓝瘦，香菇还是决定把这个东西介绍给大家。目前IndexDB数据库已经发展的很快了，IndexedDB的储存空间比localStorage大得多，一般来说不少于250MB。IE的储存上限是250MB，Chrome和Opera是剩余空间的某个百分比，Firefox则没有上限。对于传统的Cookie最多也就4KB，

2016-10-25 01:37:15 23357 5

原创 JS制作支付倒计时页面

（图一）（图二）（图三）（图四）实现目标一，页面在图一时开始进行倒计时（可以点击取消订单按钮，支付页面消失）。二，倒计时完毕，出现删除订单。三，单击删除订单，弹出弹框，询问是否要真正删除订单。四，单击确定，即可删除订单。如上图所示效果展示，这里给出所有的源代码（如需运行，只需要修改EJS文件中引入的CSS路径和JS路径即可）. 这个页面其实是自己业余时间，写的东西。

2016-10-20 22:47:49 4701