
web前端
雨中青衣浮
这个作者很懒,什么都没留下…
展开
-
图标(图片)+文字垂直居中
App开发有好多地方都会用到图标+文字的形式,例如下图:但是图标和文字怎么也对不齐,视觉上不是偏上就是偏下。。。之前常用的文字垂直居中,height==line-height,图片用margin进行定位,可是,总会有几px的差距。如下图,可以看到1、2的实现方式文字偏上,3完美实现了,先上图:从网上找了各种方法,第一个,vertical-align: middle; displ...原创 2018-11-20 17:48:27 · 475 阅读 · 0 评论 -
使用cropper做图片裁剪,web端上传头像,前后台数据传输
首先了解下图像传输的类型,及相互转化,我用的是将裁剪后的base64图片转成file,后台接收file进行存储到本地磁盘。如果直接存储到数据库,可以用blob类型传输。https://www.cnblogs.com/whitewen/articles/10456410.html展示效果如下1、前台HTML页面这里初始化是挂载到img节点上,然后可以外包一个盒子对他的大小来做...原创 2019-04-16 14:09:02 · 1672 阅读 · 0 评论 -
一个完整的bootstrap请求
1、HTML页面定义table <!--bootstrap表格--> <div class="tableBox"> <table id="userTable"></table> </div>要引用的文件,注意jQuery在前面引用:<link rel="stylesheet"...原创 2019-04-24 15:36:55 · 3183 阅读 · 0 评论 -
js常用正则表达式验证
<script type="text/javascript">function SubmitCk() {var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;if (!reg.test($("#txtEmail").val(...转载 2019-05-13 13:59:27 · 338 阅读 · 1 评论 -
星级评价,点击星星进行评分
先贴一下效果图,是移动端和web端的通用功能:css.star { display: flex; width: 100%; justify-content: space-around; margin-top: 2rem;}.ct-star { display: inline-block; margin: 0 1px; w...原创 2019-08-02 18:03:51 · 1180 阅读 · 2 评论 -
H5+在浏览器中打开相机扫描二维码
刚开始提出要在手机浏览器中的HTML页面做扫描是有点懵的,一顿百度后搜到两种方法:方案一,浏览器中打开相机navigator.mediaDevices.getUserMedia自带浏览器不支持该属性,Chrome只支持HTTPS的链接,其它浏览器可以打开前置摄像头,后置摄像头的问题后来找到个方法,实测UC浏览器可用。 识别效率不高,需要自己将拍照的图片进行识别。 每次打开都会询问访问权...原创 2019-09-17 13:59:26 · 4699 阅读 · 1 评论