刷新页面
调用window.location.reload()函数原生网页加载:
调用window.onload = function(){}监听屏幕宽度的变化
调用window.addEventListener('resize',function(){ });
调用$(window).on('resize',function(){
})-
原生方式获取屏幕的宽度
var windowWidth = window.innerWidth;jQ获取屏幕的宽度
var windowW = window.width();
媒体查询
@media screen and (min-width:750px) and (max-width:1120px){
// 在这一屏幕范围内应该做出什么样的变化
}-
选择器
第一个弟弟选择器:+ (li + li 选中的是第一个li的下一个li, 如果下一个不是li,则表示该选择器不存在) 所有兄弟选择器:~(li~li 选中的是第一个li的后面所有的li) 类选择器: [ class ^= 'icon-' ] :选中所有class以icon开头的类 [ class *= ' icon-' ] : 选中所有包含icon的类
清除系统默认的手势事件
touch-action:none-
使用JQ或者zepto框架实现做动画平移的效果:
//translateX(100%) : 在x轴相对于自身移动100% var currentX = index * 100 +'%'; $('.line').animate({ //animate可以换成css transform:'translateX( '+currentX+ ')', transition:'all 0.2s linear' })
Bootstrap中轮播图插件叫作Carousel
手动触发函数:resize
$(window).trigger('resize');(或者一进来时先调用触发的函数)解决php乱码的问题
header("content-type:text/html;charset=utf-8");angularJS通过$http获取后台的数据:
当数据是属于json数据的时候,PHP文件可以通过以下命令进行桥接:
$res = file_get_contents('./student.json');overflow的值
visible:默认值,超出父级内容的会显示出来
auto:如果内容超出了父级,那就出现滚动条,如果内容没有超出,那就不出现滚动条
hidden:超出的内容给隐藏掉
scroll:不管内容是否超出都出现滚动条