文章推荐
8张图解读:产品经理和项目经理的区别
8张图让你轻松明白两个PM,究竟区别在哪里:...
阅读全文>>匹配字符串中文(正则)
php语法:preg_match_all('/[\x{4e00}-\x{9fff}]+/u', $string, $matches);...
阅读全文>>2018最新前端面试题(2)
41.请解释JSONP的工作原理,以及它为什么不是真正的AJAX。JSONP (JSON with Padding)是一个简单高效的跨域方式,HTML中的script标签可以加载并执行其他域的javascript,于是我们可以通过script标记来动态加载其他域的资源。例如我要从域A的页面pageA加载域B的数据,那么...
阅读全文>>2018最新前端面试题(1)
1. 一个200*200的div在不同分辨率屏幕上下左右居中,用css实现div{ position:absolute; width:200px; height:200px; top:50%; lef...
阅读全文>>js、jquery、h5 类\属性操作的笔记总结
一、 js操作var div = document.getElementById('d1'); /两种方式不能交换使用,赋值和获取值必须使用用一种方法。var div = document.getElementById("box");//元素节点.属性(元素节点[属性]):绑定的属性值不会出现在标签...
阅读全文>>JS经典试题之常用的方法
1、下面代码输出的值let s = "bob"const replaced = s.replace('b', 'l')replaced === "lob"s === "bob"答案: true true解析:replace 只会替换第一个匹配的字符串,如果你想替换所有匹...
阅读全文>>CSS 字体图标
原理 :常见的是把网页常用的一些小的图标,借助工具帮我们生成一个字体包,然后就可以像使用文字一样使用图标了。优点:1、将所有图标打包成字体库,减少请求;2、具有矢量性,可保证清晰度;3、使用灵活,便于维护;Font Awesome 使用介绍http://fontawesome.dashgame.com/定制自...
阅读全文>>CSS 字体设置
1、TureType(.ttf)格式.ttf字体是Windows和Mac的最常见的字体,是一种RAW格式,支持这种字体的浏览器有IE9+、Firefox3.5+、Chrome4+、Safari3+、Opera10+、iOS Mobile、Safari4.2+;2、OpenType(.otf)格式.otf字体被认为是一种...
阅读全文>>CSS 伸缩布局
主轴:Flex容器的主轴主要用来配置Flex项目,默认是水平方向侧轴:与主轴垂直的轴称作侧轴,默认是垂直方向的方向:默认主轴从左向右,侧轴默认从上到下主轴和侧轴并不是固定不变的,通过flex-direction可以互换。 (1)必要元素:a、指定一个盒子为伸缩盒子 display: flexb、设置...
阅读全文>>CSS过渡动画
我们要完成过渡,我们需要使用一个transition这样的一个属性 1:补间动画 开始状态,结束状态 2:帧动画 transition: all 5s linear 过渡延迟多少秒执行 (1)设置过渡的属性 (all) linear ...
阅读全文>>