/* */ $("input").focus(function(even){ var bu =($(document).scrollTop()-this.offsetTop<window.screen.availHeight/2)?-200:200; window.scrollTo(0,this.offsetTop+bu); })
/* */ $("input").focus(function(even){ var bu =($(document).scrollTop()-this.offsetTop<window.screen.availHeight/2)?-200:200; window.scrollTo(0,this.offsetTop+bu); })
/* */ select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; line-height:100%; }
原文地址:孤独大兔子
<meta name=”viewport” content=”” /> 在content属性中主要包括以下属性值,用来处理可视区域。 viewport 语法介绍: 01 <!-- html document --> 02 <meta name="viewport" 03 content=" 04 height = [pixel_value | device-height] , 05 width = [pixel_value | device-width ] , 06 initial-scale = float_value , 07 minimum-scale = float_value , 08 maximum-scale = float_value , 09 user-scalable = [yes | no] , 10 target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi] 11 " 12 />
device-dpi –使用设备原本的 dpi 作为目标 dp。 不会发生默认缩放。
high-dpi – 使用hdpi 作为目标 dpi。 中等像素密度和低像素密度设备相应缩小。
medium-dpi – 使用mdpi作为目标 dpi。 高像素密度设备相应放大, 像素密度设备相应缩小。 这是默认的target density.
low-dpi -使用mdpi作为目标 dpi。中等像素密度和高像素密度设备相应放大。
<value> – 指定一个具体的dpi 值作为target dpi. 这个值的范围必须在70–400之间。
1 ???? <!-- html document -->
2 ???? <meta name="viewport" content="target-densitydpi=device-dpi" />
3 ???? <meta name="viewport" content="target-densitydpi=high-dpi" />
4 ???? <meta name="viewport" content="target-densitydpi=medium-dpi" />
5 ???? <meta name="viewport" content="target-densitydpi=low-dpi" />
6 ???? <meta name="viewport" content="target-densitydpi=200" />
为了防止Android Browser和WebView 根据不同屏幕的像素密度对你的页面进行缩放,你可以将viewport的target-densitydpi 设置为 device-dpi。当你这么做了,页面将不会缩放。相反,页面会根据当前屏幕的像素密度进行展示。在这种情形下,你还需要将viewport的width定义为与设备的width匹配,这样你的页面就可以和屏幕相适应。
例:
(设置屏幕宽度为设备宽度,禁止用户手动调整缩放)
<meta name="viewport" content="width=device-width,user-scalable=no" />
(设置屏幕密度为高频,中频,低频自动缩放,禁止用户手动调整缩放)
<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
"We are champion"判断字符串中最长单词的长度
先上代码
/* */ var src="We are champion"; var arr=src.split(" ").map(function(even){retrun even.length}); console.log(Math.max.apply(this , arr))
然后才是废话
对象.map(callback(index,domElement))
对象可以是 数组,或者jq数组,毕竟map()是jq的遍历函数
返回也是jquery数组,因此需要直接调用并输出请
/* */ src.split(" ").map(function(even){return even.length}).get().join(','); //输出结果 2,3,8
对象.apply(this arr)
这个我还没理解……
对象.forEach()
Firefox 和Chrome 的Array 类型都有forEach的函数。使用如下:
/* */ arryAll.forEach(function(e){ alert(e); })
但是IE不支持
因为IE的Array 没有这个方法
所以要做兼容函数
/* */ //Array.forEach implementation for IE support.. //https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/forEach if (!Array.prototype.forEach) { Array.prototype.forEach = function(callback, thisArg) { var T, k; if (this == null) { throw new TypeError(" this is null or not defined"); } var O = Object(this); var len = O.length >>> 0; // Hack to convert O.length to a UInt32 if ({}.toString.call(callback) != "[object Function]") { throw new TypeError(callback + " is not a function"); } if (thisArg) { T = thisArg; } k = 0; while (k < len) { var kValue; if (k in O) { kValue = O[k]; callback.call(T, kValue, k, O); } k++; } }; }
$("button").prop("disabled", true)—— prop操作属性
$("#target2").appendTo("#right-well")——转移元素到目标名下
$("#target2").clone().appendTo("#right-well")——先复制再转移元素到目标名下
$(".target:nth-child(3)").addClass("animated bounce");——选择第几个子元素【:nth-child(3)】
html
required-【input】属性,不填写无法提交表单
css
color: pink !important; ——这里 !important 百分百只执行这条;
今日认真看了bootstrap的手册,感觉自己so Native。 成天写css来控制样式,其实有更懒得办法。
但是这个办法给我感觉很臃肿 ?例如 ?<button class="btn btn-primary btn-block"></button>
(⊙v⊙)嗯,蛋疼了,但我必须要记下来。说不定以后能偷懒
只写我会忘的 _(:з」∠)_
图片
class属性:
img-responsive——自适应屏幕宽度
button
class属性:
btn-block——块状并平铺100%
Font Awesome
<i class="fa fa-thumbs-up"></i>
在模板head。php文件引入cdn
wordpress\wp-content\themes\主题名称\header.php
<script src="//cdn.bootcss.com/jquery-parallax/1.1.3/jquery-parallax-min.js"></script>
//--------------以下为过时答案
点这里看原文
请看Rikard 的回答:
Please try adding the following to your functions.php file to see if that helps:
function modify_jquery() { if (!is_admin()) { wp_deregister_script('jquery'); wp_register_script('jquery', 'https://code.jquery.com/jquery-1.11.3.min.js'); wp_enqueue_script('jquery'); } } add_action('init', 'modify_jquery');
把以上代码丢到主题文件夹的functions.php里面,但经过我的实际操作,这样没有效果。于是我想办法找到wp的head引用文件wordpress\wp-includes\general-template.php ?添加进里面就可以了。
好好享受wordpress带来的方便与快捷吧!
$("a[href='"+ window.location.pathname +"']").parent().attr("class","active");
/**/ 设置或获取对象指定的文件名或路径。 alert(window.location.pathname) 设置或获取整个 URL 为字符串。 alert(window.location.href); 设置或获取与 URL 关联的端口号码。 alert(window.location.port) 设置或获取 URL 的协议部分。 alert(window.location.protocol) 设置或获取 href 属性中在井号“#”后面的分段。 alert(window.location.hash) 设置或获取 location 或 URL 的 hostname 和 port 号码。 alert(window.location.host) 设置或获取 href 属性中跟在问号后面的部分。 alert(window.location.search)
/* */ position:absolute;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);