文章推荐
匹配字符串中文（正则）
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 ...
阅读全文>>css3背景
背景尺寸： 我们可以为一个div 设置背景， 1：假设我的背景图片的大小超过了盒子的大小. 我们显示的背景不全面 我们这个时候可以设置背景的大小与盒子的大小一致. 但是我...
阅读全文>>