- 博客(47)
- 收藏
- 关注
RSS订阅原创 利用手机访问电脑上开发的html页面
1、打开控制面板2、打开程序和功能3、打开或关闭功能4、internet信息服务展开后里面所有的都要选中5、回到桌面，然后右键计算机，选择'管理'6、先在E盘或者D盘创建一个文件夹，自己随意命名。7、把你的html,css,image都拷贝到你刚刚创建的文件夹中去8、右键网站，点击添加网站9、网站名称随意命名，物理路径就是你刚才创建的文件夹所在的位置10、端口可以填8000,8011等等11、填好...
2018-07-10 14:21:51
14911
3
原创 js判断滚动条是否停止滚动
滚动距离不变就没滚动var topValue = 0,// 上次滚动条到顶部的距离 interval = null;// 定时器 document.onscroll = function() { if(interval == null)// 未发起时，启动定时器，1秒1执行 interval = s
2017-09-21 11:14:03
5045
原创 JS日期格式化
Date.prototype.Format =function (fmt) { var o = { "M+":this.getMonth() +1, //月份 "d+":this.getDate(),//日 "h+":this.getHours(),//小
2017-09-20 16:43:35
279
原创 JavaScript禁止微信浏览器下拉回弹效果
本文实例为大家分享了JavaScript禁止微信浏览器下拉回弹的效果方法1： scripttype="text/javascript"> var overscroll = function(el){ el.addEventListener('touchstart',function(){
2017-09-20 16:01:18
6022
1
原创 JQ click()和on()的区别
click是点击事件，但是在页面加载完之后，jquery事件新添加的元素，用click的话是无法获取元素的，这个时候要用on去获取元素事件，简单的说页面加载完成时候页面显示的元素可以用on，也可以用click，但是页面加载完成之后后期再追加的元素只能用on
2017-09-07 16:38:48
1926
原创 CSS垂直居中几种方法
垂直居中布局很常用到，自己总结下来以后用的话也很方便，算是对自己上网阅读资料的一个考核1.不知道自己高度和父容器高度的情况下, 利用绝对定位只需要以下三行：parentElement{ position:relative; } childElement{ position: absolute; top: 50%;
2017-09-07 10:11:54
375
转载 flex布局的兼容性写法
原创链接：http://blog.csdn.net/u010035608/article/details/52711248 （尊重原创） CSS弹性盒模型 flex布局兼容性写法CSS样式示例-两端对齐图示CSS样式flex：定义布局为盒模型flex-v：盒模型垂直布局flex-1：子元素占据剩余的空间flex-align-center：子元素垂直居中fle
2017-09-06 14:40:38
551
转载 版本管理-SVN爆红详细解决方案及可能带来的隐患思考（二）
在这篇总结 版本管理-SVN冲突爆红后如何通过颜色和快捷键准确无误地合并代码（一）中，我们讨论了SVN不会引发合并冲突和可能冲突的场合，借助一个简单的文件，一行代码有冲突，阐述了如何通过颜色和快捷键快速解决冲突，合并文件。然而，显示项目和产品开发中，引发的冲突不会这么简单，往往都是一大片爆红，黄色，橙色，灰色，绿色，一下映入眼帘，这个时候，我们如何保证快速且准确无误地完成代码合并，进而完成开发任务，
2017-08-31 11:12:36
726
转载 版本管理-SVN冲突爆红后如何通过颜色和快捷键准确无误地合并代码（一）
SVN冲突出现场景如今是一个团结协作的时代，开发一个系统，往往会多人协作共同完成。版本管理是必不可少的，常用的软件有Git，SVN等。今天说一下，SVN管理版本时，如果出现冲突后，如何快速解决冲突。首先说明一个问题，有一种情况无论如何都不会出现冲突。假如有一个叫qaz的程序员，他checkout了版本库，这样他拥有了一个工作副本。然后，他修改了某个文件IMRoot.cs，commit到SVN，并且这
2017-08-31 11:08:17
933
原创 document.body.clientHeight 和 document.documentElement.clientHeight 的区别
当页面上有DOCTYPE的时候,值为document.body.clientHeight = 54px //页面实际内容高度document.documentElement.clientHeight = 729px //浏览器可视化区域高度当没有DOCTYPE时document.body.clientHeight = 729px document.document
2017-08-28 14:22:32
621
原创 jsonp实现原理及核心代码例子
Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点（流行术语为 Web 2.0 站点）的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mas
2017-08-28 10:57:13
1014
原创 Swiper，怎么获取当前滑块的索引值?
swiper2:onSlideChangeEnd:function(swiper){ alert(swiper.activeIndex); } 注：是属性activeIndex，不是activeLoopIndex。swiper3: 在官方文档里有说明，请自行查看。
2017-08-24 16:11:48
24784
2
原创 JQ 查找子元素下的指定元素
1、为什么要用find：通常，选择一个元素很简单，$("#id")就可以搞定，但是如果想选择某个id为x1的div下的某个id为x2的元素就很困难了，可以通过用find来解决这个问题。2、 举例说明html代码如下：div id="test"> div id="div1">第一行div> div id="div2"> p id="p
2017-08-18 10:45:39
19565
原创 echarts-基本实例、常见参数配置
1、图表是否需要网格线，需要看产品需求而定。去掉网格中的垂直线，只需在xAxis中加入splitLine属性的设置show:false，需要加网格线只需show:true2、自定义线条、数据点样式：折线图的线条颜色应该是在lineStyle里，在item是指每个数据点上的图标，默认是个小圆点，改个形状就清楚了，下面代码给数据点和颜色都上了色，应该能看清楚了
2017-08-03 17:26:43
1917
原创 requireJS多页面应用实例
原文出自：http://www.cnblogs.com/zhenwen/p/5604342.html （长文章时间充足的话一定要耐心看完..）本文是requireJS的一些知识点的总结，配上多页面应用中的实例分析。本案例的目录结构如下： requireJS API的三个主要函数：define（创建模块），require（加载
2017-08-02 17:11:16
492
原创 cookie的定义及常见用法
原文链接：http://www.cnblogs.com/Darren_code/archive/2011/11/24/Cookie.html补充一下：有人会问如何在一个cookie中存入多个值，类似这样：document.cookie=”userId=828; userName=hulk”但是在cookie 的名或值中不能使用分号（;）、逗号（,）、等号（=）以及空格，网上那篇文章自相矛盾
2017-08-01 16:51:46
608
原创 event.stopPropagation()需要注意的一点
众所周知 event.stopPropagation() 是阻止事件冒泡和捕获；需要注意的是：虽然该方法不能阻止同一个 Document 节点上的其他事件句柄被调用，但是它可以阻止把事件分派到其他节点.补充一点： 你点击的元素目标(自身触发事件,是冒泡还是捕获无所谓)，所以点击的当前元素目标 从上往下执行，不分冒泡类型或者捕获类型。例如：var outA = document.getE
2017-07-28 17:01:57
4714
原创 js 深入理解this指向问题
-文章有点长，得有耐心看下去。。首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下
2017-07-28 10:25:10
287
原创 http与https的区别
超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。 为了解决HTTP协议的这一缺陷，需要使用另一种协议：安全套接字层超文本传输协议HTTPS，为了数据传输
2017-07-24 16:26:51
312
原创 JS表单验证手机号
表单验证现在很常见，今天以验证手机号为例子，其他的验证 上网搜一下各自的正则表达式+例子的模板就可以了。 var telephone = 0; //手机号验证function phone_verification() {telephone = $('.box_phone_toubao
2017-07-19 10:41:38
4328
原创 js 区分浏览器来源是PC端还是移动端
if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { //这里是移动端浏览器 你要执行
2017-07-17 10:10:15
788
原创 H5移动端知识点总结
移动端项目遇到问题上网查资料时，发现一篇不错的文章，基本知识点都已涉及到，小伙伴们可以学习参考下。http://www.cnblogs.com/tugenhua0707/p/5180841.html#_labe4
2017-07-10 11:40:04
156
原创 微信样式库使用
首先引用weui.css（自行找资源下载）常用的有蒙版、弹出框初始隐藏，通过点击触发显示即可，看下方例子： 弹窗标题--> 已提交审核！ 确定
2017-07-05 11:12:33
464
原创 监听手机浏览器的返回按钮事件
//监听到了浏览器的返回按钮事件 pushHistory();window.addEventListener("popstate", function(e) {//alert("我监听到了浏览器的返回按钮事件啦");WeixinJSBridge.call('closeWindow');}, false);function pushHistory() {v
2017-07-04 11:14:14
2441
原创 默认滚动条置于底部
//默认滚到最底部$('.box .r_ul').scrollTop( $('.box .r_ul').height());注：jquery获取的是滚动盒子的对象
2017-07-03 17:03:54
2374
原创 CSS 实现隐藏滚动条同时又可以滚动
应用如下 CSS 可以隐藏滚动条：.element::-webkit-scrollbar {display:none}如果要兼容 PC 其他浏览器（IE、Firefox 等），国外一位才人 John Kurlak 也研究出了一种办法。在容器外面再嵌套一层 overflow:hidden 内部内容再限制尺寸和外部嵌套层一样，就变相隐藏了。 div class="outer-c
2017-06-12 11:35:49
952
原创 js获取网页屏幕宽高度小结
Js代码 document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度
2017-06-07 10:02:56
258
原创 cookie的JS操作
//设置cookie function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+d.toUTCString(); doc
2017-06-05 15:16:28
241
原创 截取地址后的参数 乱码转化为汉字
theRequest.name 此时为乱码name = decodeURIComponent(theRequest.name); name 此时已经转化为汉字
2017-05-16 11:23:55
306
原创 HTML标签marquee实现滚动效果
滚动文字滚动文字滚动文字marquee 参数：BGColor：滚动文本框的背景颜色。Direction：滚动方向设置，可选择Left（从右到左）、Rightup（从下到上）和down（从上到下）scrolldelay：每轮滚动之间的延迟时间，数字越大滚动越慢。scrollamount：一次滚动总的时间量，数字越小滚动越慢。Behaviour：滚动的方
2017-05-15 16:36:55
418
原创 css3 transition, animation区别和使用场景
CSS3 有3种和动画相关的属性：transform, transition, animation。其中 transform 描述了元素静态样式。而transition 和 animation 却都能实现动画效果。所以三者之中transform 常常配合后两者使用不同点：1. 触发条件不同。transition通常和hover等事件配合使用，由事件触发。ani
2017-05-08 11:50:50
1256
原创 sessionstorage，localstorage和cookie之间的区别
共同点：都是保存在浏览器端，且同源的。区别：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求
2017-05-03 10:45:19
300
原创 正则表达式-匹配非字符串（正负整数、小数）
var reg = /^[-+]?[0-9]+(\.[0-9]+)?$/; val是文本框输入的val值； if (!reg.test(val)) { return false; } else { return true; }
2017-04-24 10:01:48
1999
原创 jquery attr() prop() 的区别
对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。上面的描述也许有点模糊，举几个例子就知道了。 a href="http://www.baidu.com" target="_self" class="btn">百度a> 这个例子里元素的DOM属性有“href、target和class
2017-04-10 15:04:42
155
原创 元素两边对齐中间元素平分间距
两边固定中间元素平分*{margin: 0;padding: 0;}ul{width: 460px;margin:0 auto;border: 1px solid red;height: 110px;position: relative;top: -10px;}li{width: 98px;margin: 10px;border: 1px solid black;float:
2017-03-30 14:43:34
2048
转载 js对象属性 通过点(.) 和 方括号([]) 的用法
【JS对象属性的查询和设置】可以通过点(.) 或 方括号([]) 运算符来获取属性的值。运算符左侧应当是一个表达式，它返回一个对象。对于点(.)来说，右侧必须是一个以属性名称命名的简单标识符。对于方括号([])来说，方括号里必须是一个计算结果为字符串的表达式，这个字符串就是属性的名字： var author = book.author; //得到book的"author"属性
2017-03-30 09:48:52
1082
原创 截取URL拼接的参数
//截取url拼接的参数var name;var phone;var card;var para = GetRequest();function GetRequest() {var url = location.search; //获取url中"?"符后的字串var theRequest = new Object();if(url.indexOf("?")
2017-03-08 09:54:52
1003
原创 阻止浏览器自身滑动事件 例如苹果手机的上拉下拉滑动
$(document).ready(function(){function stopScrolling(event) {event.preventDefault();}document.addEventListener('touchmove',stopScrolling,false);})
2017-03-07 09:55:04
17069
原创 JavaScript判断浏览器类型及版本
//方法1 判断浏览器版本 //这个方法可以快速判断浏览器类型，但是不能判断浏览器的版本，而且IE 11中userAgent已经不包含msie内容，用msie不能判断IE 11。 var browser = {}, ua = navigator.userAgent.toLowerCase(); browser.firefox = /firefox/.test(ua); br
2016-12-08 17:02:46
297
原创 max(min)-device-width和max(min)-width的区别
max-device-width和max-width的区别max-device-width和max-width是有区别的，表现在如下几个方面：1、max-device-width是设备整个显示区域的宽度，例如，真实的设备屏幕宽度。2、max-width是目标显示区域的宽度，例如，浏览器宽度。3、如果使用max-device-width，那么在PC浏览器上浏览网页时，
2016-11-03 14:23:30
1339
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人