03 2018 档案
38.html----相对于父元素的fixed定位的实现
摘要:之前在项目中,遇到了一个场景,需要实现相对于父元素的fixed定位:在父元素内拖动滚动条时,"fixed"定位的元素不能滑动,在外层拖动滚动条时,父元素及父元素内的所有元素跟着一起滑动。但是position: fixed是相对于窗口进行的定位,不能直接实现我们需要的效果。在网上搜索看到一个还不错的解
阅读全文
37.js----浅谈js原型的理解
摘要:浅谈Js原型的理解 一、js中的原型毫无疑问一个难点,学习如果不深入很容易就晕了! 在参考了多方面的资料后,发现解释都太过专业,对于很多还没有接触过面向对象 语言的小白来说,有理解不了里面的专有名词!如果你没学过c++或者Java之类的更接触底层的语言,那就不要太深究,理解会用自然可以了,当接触到更
阅读全文
35.HTML--网页自动跳转 5种方法
摘要:网页自动跳转 5种方法 利用HTML标记(META中的REFRESH属性) 用HTML标记,就是用META的REFRESH标记,举例如下: <meta http-equiv=refresh content="10;url=index.php"> 其中content=10是10秒钟后跳转 【5种常见网
阅读全文
34.js----JS 开发者必须知道的十个 ES6 新特性
摘要:JS 开发者必须知道的十个 ES6 新特性 这是为忙碌的开发者准备的ES6中最棒的十个特性(无特定顺序): 注意:这个列表十分主观并且带有偏见,其他未上榜的特性并不是因为没有作用,我这么做只是单纯的希望将这份列表中的项目保持在十个。 首先,一个简单的JavaScript时间线,不了解历史的人也无法创
阅读全文
33. 禁止鼠标右键保存图片、禁止拖动图片
摘要:1、禁止鼠标右键保存图片 <img src="logo.png" width="150" height="150" oncontextmenu="return false;"> 2、禁止鼠标拖动图片 <img src="logo.png" width="150" height="150" ondra
阅读全文
32.js 判断当前页面是否被浏览
摘要:可以通过document.hidden属性判断当前页面是否是激活状态。 兼容性:IE10+,Firefox10+,Chrome14+,Opera12.1+,Safari7.1+ 兼容性写法示例:
阅读全文
31.JS实现控制HTML5背景音乐播放暂停
摘要:实现控制网站背景音乐的播放暂停在html5中是非常容易和简单的,仅仅几行代码即可实现。首先在网页中嵌入背景音乐,html5代码为: <script src="http://wuover.qiniudn.com/jquery.js"></script> <a class="mscBtn" id="au
阅读全文
30.get和post的区别
摘要:POST和GET的区别 Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE。URL全称是资源描述符,我们可以这样认为:一个URL地址,它用于描述一个网络上的资源,而HTTP中的GET,POST,PUT,DELETE就对应着对这个资源的查,改,增,删
阅读全文
29.html5 移动端开发总结
摘要:手机与浏览器 浏览器: 移动端开发主要针对手机,ipad等移动设备,随着地铁里的低头族越来越多,移动端开发在前端的开发任务中站的比重也越来越大。各种品牌及尺寸的手机也不尽相同。尺寸不同就算了分辨率,视网膜屏 自动的各种内核的浏览器,想想头都大了。 先说下浏览器。在中国有多少种浏览器? ie、百度、3
阅读全文
28.json数组,select选择,input输出对应数据
摘要:效果:选择对应的车类,下面的input会实时出现车价。 html: <form action="" class="priceModelform1"> <!-- select选择 motorcycle1 --> <select class="motorcycle1" name="motorcycle1
阅读全文
27.给input边框和背景颜色设置全透明
摘要:给input边框和背景颜色设置全透明,但是里面的字不会消失 1.让背景颜色变透明(二选一) background-color:rgba(0,0,0,0); background:rgba(0,0,0,0); 2.让边框变透明(二选一) border-color: transparent; borde
阅读全文
26.如何获得select被选中option的value和text
摘要:如何获得select被选中option的value和text 一:JavaScript原生的方法 1:拿到select对象: var myselect=document.getElementById(“test”); 2:拿到选中项的索引:var index=myselect.selectedInd
阅读全文
25.当屏幕缩小的时候,固定顶部的导航栏的左右滚动
摘要:当屏幕缩小的时候,固定顶部的导航栏可以左右滚动 html: <div class="search"> <a href="/index.php" ><img class="search-logo" id="search-logo" src="{$yf_theme_path}public/images/
阅读全文