随笔分类 -  Javascript ES6 jq

摘要:心得:我们都知道input有一个change事件,但是是在input元素失去焦点的时候发生,不能时时的监听input内容的改变。 刚开始的时候我是想用setInterval设置计时器的原理定时监听input内容的改变,但是结果差强人意,效果一点也不好,有时候操做过快还会出现undefined的情况。 阅读全文
posted @ 2018-09-03 20:12 奔跑的太阳花 阅读(2678) 评论(0) 推荐(0)
摘要:通过Icon类可实现自定义标注的图标,下面示例通过参数MarkerOptions的icon属性进行设置, 也可以使用marker.setIcon()方法。 所使用图片: 演示地址:点击 阅读全文
posted @ 2018-08-30 18:24 奔跑的太阳花 阅读(15722) 评论(0) 推荐(1)
摘要:由于业务需求要下载文件的功能: 阅读全文
posted @ 2018-08-23 15:06 奔跑的太阳花 阅读(1591) 评论(0) 推荐(0)
摘要:客户端用现成的sha256.js做。 下载地址:http://www.bichlmeier.info/sha256.html 原文链接: http://www.cnblogs.com/elaron/archive/2013/04/09/3010375.html 阅读全文
posted @ 2018-08-14 10:08 奔跑的太阳花 阅读(26822) 评论(1) 推荐(1)
摘要:最近在写一个新的项目,从头开始写,所以就要从注册登录开始做起.以前写登录注册模块的时候,无外乎给input框一个type=”password”就可以了,近期因为要涉及到显示隐藏状态的切换. 样式代码如下: 注: html: <ul> <li class="phone bgImg"> <input t 阅读全文
posted @ 2018-08-10 17:55 奔跑的太阳花 阅读(79385) 评论(2) 推荐(2)
摘要:废话不多说,如图所示:直接上代码 : 阅读全文
posted @ 2018-08-09 14:25 奔跑的太阳花 阅读(1438) 评论(0) 推荐(0)
摘要:在数组中都是数字的时候很好去重,例如:var arr=[1,2,2,2,3,4,5,4,5,3,6];可以用两层for循环或者其他方式进行去重 我在这里也给出一个方法吧: Array.prototype.distinct = function (){ var arr = this, len = ar 阅读全文
posted @ 2018-07-28 18:05 奔跑的太阳花 阅读(422) 评论(0) 推荐(0)
摘要:写在前面 :从提出需求到完美的解决问题,实现过程是曲折的。 需求:在前(web client)后(Restful Service)端完全解耦的模式框架下,webclient需要请求 Service 返回的图片文件(二进制流),并在client端显示。 第一步思考:拿到此需求, 基于程序员的狂妄心里, 阅读全文
posted @ 2018-07-27 11:17 奔跑的太阳花 阅读(696) 评论(0) 推荐(0)
摘要:最近很好奇前端的文件上传功能,因为公司要求做一个支持图片预览的图片上传插件,所以自己搜了很多相关的插件,虽然功能很多,但有些地方不能根据公司的想法去修改,而且需要依赖jQuery或Bootstrap库,所以我就想学下图片上传的原理,试着做一个原生无依赖,而且足够灵活的图片上传插件。话不多说,开整。 阅读全文
posted @ 2018-07-27 09:44 奔跑的太阳花 阅读(718) 评论(0) 推荐(1)
摘要:Document Pull to Refresh 朋友圈1 朋友圈2 朋友圈3 朋友圈4 朋友圈5 朋友圈6 朋友圈7 朋友圈8 朋友圈9 朋友圈10 ... 阅读全文
posted @ 2018-07-24 13:55 奔跑的太阳花 阅读(311) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2018-07-21 10:50 奔跑的太阳花 阅读(717) 评论(0) 推荐(0)
摘要:在我们的生产实际中,后端的接口往往是较晚才会出来,并且还要写接口文档,于是我们的前端的许多开发都要等到接口给我们才能进行,这样对于我们前端来说显得十分的被动,于是有没有可以制造假数据来模拟后端接口呢,答案是肯定的。应该有人通过编写json文件来模拟后台数据,但是很局限,比如增删改查这些接口怎么实现呢 阅读全文
posted @ 2018-07-21 10:20 奔跑的太阳花 阅读(551) 评论(0) 推荐(0)
摘要:三级联动,随着越来越多的审美,出现了很多种,好多公司都仿着淘宝的三级联动 ,好看时尚,so我们公司也一样……为了贴代码方便,我把写在data里面省市区的json独立了出来,下载贴进去即可用,链接如下 首先页面显示如下: 然后我们县级所在地区会出现三级联动,如下:(以下是片段,背景色未截取) 这个张什 阅读全文
posted @ 2018-07-18 22:26 奔跑的太阳花 阅读(1956) 评论(0) 推荐(0)
摘要:输入提示后查询,点击获取坐标 请输入关键字: 鼠标左键在地图上单击获取坐标 X: Y: 城市: 阅读全文
posted @ 2018-07-18 16:13 奔跑的太阳花 阅读(26915) 评论(0) 推荐(1)
摘要:js 格式化数字,格式化金额: 使用效果: 再来一个,直接舍去的办法: 阅读全文
posted @ 2018-07-17 17:09 奔跑的太阳花 阅读(466) 评论(0) 推荐(0)
摘要:前面的话 一说到响应式设计,肯定离不开媒体查询media。一般认为媒体查询是CSS3的新增内容,实际上CSS2已经存在了,CSS3新增了媒体属性和使用场景(IE8-浏览器不支持)。本文将详细介绍媒体查询的内容 媒介类型 在CSS2中,媒体查询只使用于<style>和<link>标签中,以media属 阅读全文
posted @ 2018-07-16 11:00 奔跑的太阳花 阅读(66219) 评论(1) 推荐(3)
摘要:最近在做注册登陆页面,都要涉及到验证11位有效手机号码,这里贴出代码,希望能帮到有这个开发需求的朋友。 这里我直接封装在一个方法中,需要用的时候传入一个input的jq对象即可。当然,您也可以直接传入字符串,如: 这里的重点是这个正则表达式: 这个表达式的意思是: 1--以1为开头; 2--第二位可 阅读全文
posted @ 2018-07-12 15:15 奔跑的太阳花 阅读(3838) 评论(2) 推荐(0)
摘要:textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求。 通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而 阅读全文
posted @ 2018-07-12 10:08 奔跑的太阳花 阅读(1391) 评论(1) 推荐(0)
摘要:一般这样创建一个日期变量 var d = new Date("2017-08-11 12:00:00"); 发现在iOS中不兼容,返回valid Date。 IOS中不支持 - 连接日期 阅读全文
posted @ 2018-07-06 15:51 奔跑的太阳花 阅读(253) 评论(0) 推荐(0)
摘要:html: Jquery: 省市区Json数据: 阅读全文
posted @ 2018-07-06 11:14 奔跑的太阳花 阅读(1324) 评论(0) 推荐(0)