自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

马优晨

撰写自己前端开发心得

  • 博客(12)
  • 资源 (2)
  • 论坛 (6)
  • 收藏
  • 关注

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

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

2016-10-31 15:06:26 2345

原创 使用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 13879 4

原创 H5获取地理位置

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

2016-10-31 10:33:11 6946

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

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

2016-10-28 18:14:43 39272 20

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

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

2016-10-28 11:29:10 2307

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

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

2016-10-28 10:59:26 962

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

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

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

原创 如何搭建一个node 工程

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

2016-10-26 18:28:55 11950

原创 IndexDB数据库操作指南

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

2016-10-25 01:37:15 17417 4

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

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

2016-10-20 22:47:49 4018

原创 CSS3动画(典型模板)

CSS3动画原理:

2016-10-11 10:46:42 599

原创 网页中的宽高度(网页视口宽高度,网页滚动宽高度,网页宽高度........)

网页块高度中的常用参数网页的宽度 视口宽度

2016-10-11 10:22:58 1353

jqueryGoToTop.zip

前端页面回到底部按钮,滚动超过一屏会出现,一屏幕内会消失,点击会将页面缓慢滚动到顶部,非常实用。可以替换滚动图标,可以设置滚动时间。

2020-06-22

ejs常用操作.zip

ejs数据处理,express数据处理,欢迎下载。数据渲染,数据遍历,引入文件,动态处理数据,数据转移和非转移 等等~~~~

2020-06-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除