web前端
从何谈起
如经年,如隔世,从何谈起!
展开
-
关于数组的那些事-数组去重
1.数组去重的js代码如下:var arr1=[5,16,4,1,5,14,16];var arr2=[];for (var i=0;iif (arr2.indexOf(arr1[i]) == -1) {arr2.push(arr1[i]);}}console.log(arr2);2.关于数组去重,我使用的是js的indexOf()这个方法:inde原创 2017-03-25 10:35:55 · 322 阅读 · 0 评论 -
设置子元素在一个不清楚宽高的父元素中垂直居中
通过以下两种方法便可以实现垂直居中的操作了,并且可以实现子元素在一个不清楚宽高的父元素中垂直居中的效果。 方法1. 使用定位和负margin可以实现。 (缺点:这种方法可以不用知道父元素的宽高,但是必需得知道子元素的宽高才可以设置)<style type="text/css"> .parent{ /*父元素宽高随便设置*/ width: 700px;原创 2017-03-27 11:13:10 · 1591 阅读 · 1 评论 -
关于数组的那些事-数组排序
数组排序的方法一大堆,常见的数组排序算法有:1.快速排序(从给定的数据中,随机抽出一项,这项的左边放所有比它小的,右边放比它大的,然后再分别这两边执行上述操作,采用的是递归的思想,总结出来就是 实现一层,分别给两边递归,设置好出口);2.插入排序(在已经排好序的数组中插入到相应的位置,以从小到大排序为例,扫描已经排好序的片段的每一项,如大于,则继续往后,直到他小于一项时,将其插入到这项的前原创 2017-03-25 12:27:12 · 347 阅读 · 0 评论 -
HTML5本地存储
HTML5为我们提供了在客户端存储数据的新方法即web storage本地存储:其中包含了 localStorage (一种没有时间限制的数据存储)和 sessionStorage (针对一个会话的数据存储)。本地存储localStorage 和 sessionStorage 介绍localStorage 方法:存储的数据没有时间限制,除非手动删除。否则第二天、第二周或原创 2017-05-03 09:41:36 · 436 阅读 · 0 评论 -
关于jQuery中hover事件的一个小bug
在jQuery中有一个hover()方法,它可以实现模拟css中:hover这个伪类的效果。css伪类写法如下:a:hover, a.hover { color: #ccc;}jQuery中hover()方法如下 :$("a").hover(function(){ $(this).css({"color":"#ccc"}); console.log(1);})原创 2017-06-08 10:38:41 · 2728 阅读 · 1 评论 -
HTML里的数据存储用法和风险分析
在使用html5中localStorage,sessionStorage,cookie或者webDatabase(目前仅pc上部分浏览器支持)进行离线数据存储,转场数据交互,比如保存游戏状态,网络游戏脱机体验,另外,有时候在网络连接断开时为了能够正常浏览网站一般使用 manifest缓存,这里manifest暂时不说了,有兴趣可以自己去百度检索。1.Cookie风险分析:cookie的转载 2017-07-10 16:49:58 · 410 阅读 · 0 评论 -
在输入中文未完成选择时不让其执行键盘输入值改变的监听事件
当时是在做Wes Bos的javascript30的一个挑战。在做第六个项目(根据输入框实时调用AJAX古诗匹配)时,当我们输入中文拼音,还在拼音字符状态未选择成中文时,一直在执行我编写的事件监听处理函数(当输入框里的值有变化时执行此函数,调用AJAX在页面显示数据里包含这些字的古诗)。而我想要的是在我们输入拼音未完成中文选择时,不让其执行我们的监听处理函数,只有选择完中文后才去执...原创 2018-05-18 13:20:41 · 669 阅读 · 0 评论 -
关于一些动态创建的节点无法绑定事件的问题
在我们HTML页面中有时候一些DOM元素节点(例如:一些页面加载的新闻公告列表[如图一])是需要通过AJAX请求接口数据动态创建的,而当我们想在JS中想为这些节点绑定事件(如:click,hover...等)时便会出现无法绑定的情况,使用window.onload方法在页面加载后才执行也不行。图一:解决办法: 使用JQ提供的.on()和.delegate()方法可以解...原创 2018-05-18 14:22:23 · 851 阅读 · 0 评论