- 博客(14)
- 收藏
- 关注
原创 flex布局最后一行列表左对齐
1、如果每一行的列数不固定,就是使用足够的空白标签进行填充占位,具体的占位数量是由最多列数的个数决定的,例如这个布局最多n列,那我们可以使用n个空白标签进行填充占位。效果展示: .list{ width: 400px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-right: -10px;}.item { width: 100px; height:100p
2021-07-02 15:26:14 153
原创 css3 瀑布流
.my-card-wrapper{-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:0;-webkit-column-gap:0;padding-top: 0.5em;}.my-card{border: 1px solid #cccccc;padding: 8px;border-radius: 10px;-moz-page-break-inside: avoid;-webkit-col
2021-06-02 19:29:16 125
原创 百度地图 设置坐标点显示不正确和不居中靠左上角
解决方案:setTimeout(function(){var map = new BMap.Map(“map”);var point = new BMap.Point(longitude, latitude);map.centerAndZoom(point, 19);var marker = new BMap.Marker(point);//创建标注map.addOverlay(mar...
2019-10-30 20:18:53 1305
原创 前端正则表达式
说明1.以下的验证规则是在公司项目中总结出来的,有的规则可能不适合您需要自行修改规则。2.这些规则是自己和同事以前写的,可能不是最新,欢迎提出。常用类用户名//用户名正则,4到16位(字母,数字,下划线,减号)var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;//输出 true 例如:xiaohua_qqconsole.log(uPattern.te...
2019-08-28 16:58:12 1296
原创 在ios的webview中,new Date('yyyy-mm-dd hh:mm:ss') 返回Invalid Date
在微信开发工具调试显示正常,真机Android正常,ios返回Invalid Date;解决方法:将-替换为/即可。即new date(“yyyy/mm/dd hh:mm:ss”)
2019-07-03 15:07:35 560
转载 html5 ios中忽略将数字变为电话号码
2016年06月22日 20:27:06 每天都进步一点点 阅读数 5045html5 ios中忽略将数字变为电话号码name 属性的 format-detection 值(忽略页面中的数字识别为电话号码)1说明:使设备浏览网页时对数字不启用电话功能(不同设备解释不同,iTouch 点击数字为存入联系人,iPhone 为拨打电话),忽略将页面中的数字识别为电话号码。若需要启用电话功能...
2019-07-03 14:29:03 114
转载 AndroidStudio 解决Installation failed with message INSTALL_FAILED_NO_MATCHING_ABIS
问题:运行虚拟机弹出:Installation failed with message INSTALL_FAILED_NO_MATCHING_ABIS.It is possible that this issue is resolved by uninstalling an existing versi...
2019-03-11 11:14:26 216
转载 HTML5实现video标签的自定义播放进度条
HTML5实现video标签的自定义播放进度条 现在随着html5的渐热,越来越多的web开发者都开始选择使用html5写出一些比较好的web应用。html代码:<!DOCTYPE html><html lang="en"><head> <meta chars
2019-03-06 16:27:09 10096
原创 关于react 在打包后:“找不到资源路径”的问题、部署到服务器二级目录
react-router有一个basename:string属性,用于为所有位置添加一个基准URL。使用场景:假如你需要把页面部署到服务器的二级目录,你可以使用 basename 设置到此目录。后台需要将域名指向二级目录前端路由如下配置即可例如 :(二级目录为/guess)<BrowserR...
2019-03-05 11:40:55 2697
转载 jquery weui 中alert弹出框在ios中跳动问题
问题描述: jquery-weui中的弹出框在ios上会有一个右下角向中间滑动的效果,在Android上没有这个效果。解决方法:     修该jquery-weui.js中的openModal方法如下图: ...
2019-03-01 09:14:19 1310
转载 微信小程序新版用户授权方式处理
微信小程序新版用户授权方式处理 最新更新(2018-11-27): 最近做了改版,做成默认进来就是首页,然后去判断有没有用户信息,没有的话再去判断用没授权过,如果授权过直接自动去获取,没有的话再跳转到授权页面。因为用户授权主要就是针对新用户,对于日常使用的用户来说频次几乎为0,所以才做这样的修改。 ...
2019-02-16 16:33:00 715
转载 单屏页面响应式适配玩法
首先瞅一下效果图接着就是思考怎么做,我的想法如下图。把公共的 页头 、页脚、导航栏、边框 放到最顶层,比方说设置层级为 999,其他每个独立页则放在下面,然后切换页面的时候更新独立页的层级以达到效果图的效果(当然不能超过最顶层)。适配上面的方式已经把效果做出来了,接下来就是响应式适配了。1、Mac OS + Chrome先考虑一下我自己的系统及显示器,MacBook Pro 1440 x 900 ...
2019-02-16 15:14:56 281
转载 再一次深入了解react的生命周期
一、起因记得在2017年4月,曾经在自己的博客中写过一篇react-lifeCycle,有兴趣的朋友可以回顾下!如今到现在react的版本已经发生了太多的变化,所以又再一次重新认识一下生命周期借用官网的一张图从上图中可以大概的看出整个生命周期的组成和构成以及运行的顺序,掌握这些对于react代码的书写有很重要的作用,比如何时更新,何时销毁,何时注意性能等等一系列的问题,下面要说的就是举例说明...
2019-02-16 14:59:39 115
转载 微信小程序登录换取token
微信小程序登录换取token https://www.jianshu.com/p/154a540cb728前言:这次主要是介绍些业务逻辑,技术点倒是没有多少。不过在开发中,优秀的编程思路同样是非常值得学习的。最近小程序可以说在开发届狠狠的火了一把。微信小程序可以开发游戏,腾讯率先带头,做出了一个跳一跳也是点爆朋友圈。所谓落后就要挨打,那么今天就...
2019-02-16 11:59:28 730
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人