- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 css3实现动画的上下摇动
有一张png格式的图片，用css3的animation()配合@keyframes特性，实现图片的上下摇动原图如下：html代码如下：css代码如下：#shake_icon{ width:100px; height:100px; animation: shaking 0.25s linear infinite; -webkit-animation: shak
2017-09-30 20:53:56
6744
原创 事件监听函数：addEventListener() removeEventListener()
事件监听函数：addEventListener() 将事件移除函数removeEventListener()语法：element.addEventListener(event,function,useCapture);event-事件名，如click,mousedown,mouseup等function-事件触发后调用的函数useCapture-布尔值，描述事件是冒泡还是捕获（gia参数可选...
2017-09-30 20:23:06
3410
原创 给ajax()方法中的success函数传入参数
在做项目的过程中，在ajax()方法中向后台请求成功后，需要在success()方法中调用自定义的参数，刚开始的写法如下：<script> var name = 'hello'; function getTypeList(){ $.ajax({ url :url, //填写实际的url type : 'post', cont...
2017-09-30 20:02:01
33717
2
原创 网络协议与端口
网络协议与端口1、HTTP协议使用的端口：802、TLS(传输层安全)使用的端口是：4433、下图是网络传输的各层及使用协议：4、NPN（Next Protocol Negotiation，下一代协议协商）5、ALPN，Application Layer Protocol Negotiation，应用层协议协商6、SNI（Server Name Indicati
2017-09-30 14:25:45
694
原创 TCP的三次握手，四次挥手
TCP的三次握手过程： 如上图所示：1、SYN 第一次握手：在建立连接后，客户端选择一个随机序列号x，并发送一个SYN分组到服务器，其中可能包括其他TCP的标志和选项。客户端进入SYN_SEND状态，等待服务器确认2、SYN ACK 第二次握手，服务器收到SYN包，确认客户的SYN，服务器给x加上1，并选择自己一个随机的序列号y，追加自己的标志和...
2017-09-29 16:42:35
452
原创 slice,split,splice的区别与用法
1、slice：截取数组，返回截取到的新数组，不改变原有数组 arr.slice(start,end); start：必需，从原数组的start位置开始截取(包括下标为start的元素)。start-为负数，表示从尾部开始截取。如-1表示最后一个元素，-2表示倒数第二个元素 end：可选，截取到的指定位置（不包括下标为end的元素）。没有指定，则截取到最后...
2017-09-28 17:11:45
5022
原创 Web客户端的几种存储方式
常见的浏览器端存储技术有：cookie sessionStorage localStorage userData indexDB服务器端存储技术：session一、HTML5 web存储（WebStorage）HTML5 可以在本地存储用户的浏览数据，不存储在服务器上，可以存储大量数据而不影响网站性能。这些数据只用于用户请求网站数据。数据以键/值对存在。存储一些不需要和...
2017-09-26 21:25:46
7117
3
原创 js获取页面高度和宽度值
js获取页面高度和宽度值IE:document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见
2017-09-26 20:49:36
642
原创 用HTML5实现手机摇一摇的功能并配上声音
用HTML5实现手机摇一摇的功能并配上声音HTML5的一个重要特性：DeviceOrientation，他将底层的方向传感器和运动传感器进行了高级封装，提供DOM事件支持。DeviceOrientation这个特性包括两种事件：1、deviceOrientation：封装方向传感器数据的事件，可以获取手机静止状态下的方向数据，如手机的方位、角度、朝 向
2017-09-24 21:39:11
8313
1
原创 safari浏览器下，new Date('2016-07-18 14:58:32')提示:Invalid Date
js中的代码如下： var servie_time = new Date('2017-9-24 20:20:20');在做移动端的倒计时的时候，安卓机上能显示倒计时，而iphone机上却不能显示倒计时，错误提示：Invalid Date错误原因：safari浏览器不支持这种写法： new Date('2017-9-24 20:20:20')，即不支持时间中的“-”,而iphone机内默认浏览器是s...
2017-09-24 19:26:46
542
原创 js判断数字是否为整数
js不区分整数和浮点数，所有数字内部都采用64位浮点格式表示。1、使用取余运算符（%） + 判断对象是否是数字来判断： 注意：空字符串、字符串类型数字、布尔true、空数组对1求余，结果都是true（因为他们都是对象，），所以要先判断对象是否为数字 function isInteger(obj){ return typeof obj === 'number' &a...
2017-09-23 21:56:33
38685
1
原创 jquery获取选中单选按钮radio的值，监听type=radio的click事件
html如下：获取单选按钮中选中的值$('input:radio[name="sex"]:checked').val(); //值为“女” 或者修改成：$('input[name="sex"]:checked').val(); //值为“女”
2017-09-23 15:18:44
36363
10
原创 jQuery删除，添加节点
jQuery删除子节点的方法总结：(用ul中的li作为例子) 1、remove() $('ul li').remove()：li节点本身及其所有后代节点都被删除；返回值是一个被删除节点的引用，因此可以在以后在次使用这 些节点 2、detach() ...
2017-09-17 10:39:41
6341
原创 jquery获取select标签选中的值
一、jquery获取select标签选中的值：1、html代码如下： <select class="time" id='startHour'> <option value="00">00</option> <option value="01"&
2017-09-15 18:52:31
992
原创 获取动态添加的节点的ID
目的：在网页设计的过程中，有时候我们需要获取动态添加的节点的id，从而设置相应的属性或者事件。方法：可以给动态添加的内容加上一个不显示的input，将其value设置为后台传过来的数据的某一个变量值。如：'<input type="hidden" value="'+activity_id+'" name="activity_id" />'var li_str ='<li clas...
2017-09-15 17:21:07
3355
原创 消息提示插件：toastr.js
toastr.js插件的特点：toastr.js是一个基于jQuery的非阻塞、简单、漂亮的消息提示插件，使用简单、方便。toastr.js可以设置四种提示样式：成功(success)、错误(error)、提示(information)、警告(alert)。可以通过设置参数来设置提示窗口显示的位置、显示的动画等。调用toastr.js插件之前需要先引入jquery.js
2017-09-15 16:10:08
26058
1
原创 button 的点击事件不响应
在项目中，给页面动态添加内容，然后给动态添加的button的点击事件不生效。在Jquery中动态添加内容如下所示： var bgbackground = '<div id="bg">' + '</div>'; $("body").append(bgbackground); //遮罩层 // 提...
2017-09-13 21:58:36
16328
原创 div 不能占满整个页面
在页面中，有时候我们想自己写个遮罩层，让它的宽度和高度都占满整个可见页面区域，css设置好了，但是还是没有得到想要的效果。遮罩层用表示，是body的直接子元素。部分.html代码如下：.css代码如下：#bg{ position:fixed; top:0px; left:0px; right:0px; bottom:0p
2017-09-13 20:40:39
6228
原创 获取输入框的值，计算出的支付费用
在实践过程中，设计一个获取输入框的值，然后计算所需支付费用时，计算出来的费用总是不对。如下图所示，是页面初始化完成的界面：”支付费用“ 就是我们需要根据 “红包总额” 和“红包个数”计算出的值。”支付费用“的计算规则是：若红包个数小于上限个数：费用=红包总额；若红包个数大于上限个数：费用 = 红包总额+（红包个数-上限个数）*0.1jquery代码如下：
2017-09-12 16:41:27
1306
原创 jquery结合js实现动态添加内容，并给动态添加的内容添加事件
jquery结合js实现向后台发送请求，给页面动态添加内容，并给动态添加的内容添加事件.html内容如下： <button class="btn btn-md customButton" id="add_red_envelope">添加红包</button> <div > <la...
2017-09-11 16:46:49
10446
原创 js循环遍历ul中li的点击事件，给给选中li添加css
功能：对于一个ul中固定的li个数，当点击其中一个li时，改变选中li的颜色；同时改变对应的另一个ul中li的颜色页面初始化的界面：HTML： <div > <label>其他推荐:</label> <ul> <li c...
2017-09-11 16:17:51
37596
1
在线剪切图片：cropbx.js插件的源代码
2017-11-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人