- 博客(23)
- 收藏
- 关注
RSS订阅原创 使用BCrypt加密，让你更安全的储存密码
bcrypt是一个跨平台的文件加密工具。Bcrypt生成的密文是60位的，并且不会想MD5那样重复。
2021-07-27 15:14:16
2188
转载 mysql误删数据快速恢复
mysql误删数据快速恢复第一步：保证mysql已经开启binlog，查看命令：第二步：进入binlog文件目录，找出日志文件第三步：切换到mysqlbinlog目录第四步：通过mysqlbinlog工具命令查看数据库增删改查记录第五步：利用第四步输出的sql语句或者txt文本进行语句过滤，重新插入数据或更新数据数据误删很烦恼，日志文件帮你找第一步：保证mysql已经开启binlog，查看命令：#登入数据库，输入以下命令show variables like '%log_bin%';查看binl
2021-07-13 20:37:45
22765
2
原创 PWA不弹出安装提醒？地址栏没有安装图标？很可能是图标的坑！！！
PWA不弹出安装提醒？地址栏没有安装图标？很可能是图标的坑！！！在chrom和新edge两款桌面浏览器的测试中，如果manifest中设置的图标size小于144x144，提醒就不会出现
2021-06-20 01:32:30
3180
原创 javaScript开发经典技巧
javaScript开发经典技巧从数组中随机获取成员获取指定范围内的随机数生成从0到指定值的数字数组生成随机的字母数字字符串打乱数字数组的顺序字符串去空格数组之间追加对象转换为数组验证是否是数字验证是否是数组获取数组中的最大值和最小值清空数组使用length属性截断数组不要直接从数组中delete或remove元素在条件中使用逻辑与或使得map()函数方法对数据循环保留指定小数位数浮点计算的问题逗号操作符提前检查传入isFinite()的参数避免在数组中使用负数做索引用JSON来序列化与反序列化传给setI
2021-05-28 02:28:46
252
2
转载 js 跳转链接的几种方式
跳转链接 在当前窗口打开window.location.href="http://www.baidu.com";//等价于<a href="baidu.com" target="_self">go baidu</a> 跳转链接 在新窗口打开window.open("http://www.baidu.com");//等价于 <a href="bai...
2019-03-26 09:55:13
4015
原创 现代高级浏览器的通知功能
chrome要求网站必须为https协议 if (!("Notification" in window)) { alert("此浏览器不支持桌面通知"); } // 检查是否授予通知权限 else if (Notification.permission === "granted") { // 如果ok，我们来创建一个通知 var notification=new Notif...
2019-02-13 16:01:11
427
原创 标准bootstrap3 form表单美化
/*文本框美化*/ .form-control[type='text'], .form-control[type='password'] { padding-left: 20px; } .form-group:last-child label:before { position: a...
2019-01-31 18:05:07
8032
1
原创 js 利用iframe 局部打印
var el = &quot;&amp;lt;img src='//xxx.jpg'&amp;gt;&quot;;var iframe = document.createElement('IFRAME');iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');document.body.app...
2019-01-21 10:26:09
8805
2
原创 js判断移动设备横屏竖屏状态
在移动WEB开发中，有些场景需要判断设备的横竖屏状态，在发现orientation方法之前我用的是获取设备的宽高来判断：//判断横竖屏$(window).resize(() => { let w = $("body").width(); let h = $("body").height(); if (w > h) { alert("横屏");...
2019-01-10 11:44:28
1392
原创 grayscale.js 网站快速变为灰色主题小记
需求：甲方会长去世，要求把网站改成灰色以示哀悼；接到需求，开始是想改样式和图片，但是想着512当时那么多网站都改变过，一定有简便一点的方法，到网上看了几篇帖子，大多都是改样式的，只有一个是用js实现的，而且可以实现全局效果（大快我心），兼容性也很好（在Opera 9，FF2 / 3，Safari 4，IE6 / 7中成功测试）测试后只是加载效率低了点，其他没别的问题。这就是grayscale...
2019-01-02 15:18:20
11837
3
原创 百度 WebUploader 单图片上传 简单的使用方法
小记一次使用WebUploader的基本方法，如有欠妥，恳请指教~感谢Baidu FEX 团队开发出这么好的上传组件引入资源这儿不过多赘述了，官方Getting Started已经写的很明白了，我直接用了demo上的代码。图片上传option先上代码 // 初始化Web Uploader uploader = WebUploader.create({ //...
2018-12-07 16:04:20
1057
原创 百度地图鹰眼轨迹基本参数示例
/** * 首先创建好ak与鹰眼服务 * 创建一个entity * PSOT:http://yingyan.baidu.com/api/v3/entity/add */{ "ak":"你的ak", "service_id":"你的server_id", "entity_name":"单个实体（汽车）的标识", "entity_desc&q
2018-08-17 18:01:59
5366
9
原创 登录框 纯css自适应居中
用负值与50%定位，实现自适应居中。&amp;amp;lt;div class=&amp;quot;login-box&amp;quot;&amp;amp;gt; /*input*/&amp;amp;lt;/div&amp;amp;gt;&amp;amp;lt;style&amp;amp;gt; .login-box{ width:5
2018-04-22 14:21:17
4238
转载 em与rem的区别：何时使用em与rem
教程亘长，这里只提供总结，若想知道个所以然还请点击链接查看原文总结：rem 和 em 单位是由浏览器基于你的设计中的字体大小计算得到的像素值。em 单位基于使用他们的元素的字体大小。rem 单位基于 html 元素的字体大小。em 单位可能受任何继承的父元素字体大小影响rem 单位可以从浏览器字体设置中继承字体大小。使用 em 单位应根据组件的字体大小而不是根元素的字体...
2018-04-02 11:43:57
672
原创 bootstrap-table使用笔记
基于 Bootstrap 的 jQuery 表格插件，通过简单的设置，就可以拥有强大的单选、多选、排序、分页，以及编辑、导出、过滤（扩展）等等的功能。 打开Bootstrap-table官网主要功能支持 Bootstrap 3 和 Bootstrap 2自适应界面固定表头非常丰富的配置参数直接通过标签使用显示/隐藏列显示/隐藏表头通过 AJAX 获取 JSON ...
2018-03-06 22:49:59
574
原创 旧项目配置SVN与winSever服务器SVN钩子配置小记
旧项目配置SVN与winSever服务器SVN钩子配置小记SVN是Subversion的简称，是一个开放源代码的版本控制系统，用于多个人共同开发同一个项目，共用资源的目的。昨天接手一个未配SVN的旧项目，应总工程师要求要配置SVN给同事共同开发，之前用的都已经是配置好的直接下载本地的SVN，所以第一次配置有一些问题和注意在此做个小记旧项目配置SVN与winSever服务器SVN钩子配置
2018-01-25 15:56:18
653
原创 H5+CSS3实现简单菜单下划线动画
废话不说，先上图： 效果是用css3的:after来实现的，不增加或改变html；绝对定位把横线定在菜单顶部或底部，不影响文档流。代码部分：/*html*/<ul> <li><a href=#>link1</a></li> <li><a href=#>link2</a></li> <li><a href=#>link3</a></li></ul>/*css*
2017-09-27 12:11:26
7942
1
转载 HTML5自带的表单验证
HTML5对表单元素提供了 patern 属性，它接受一个正则表达式。表单提交时这个正则表达式会被用于验证表单内非空的值，如果控件的值不匹配这个正则表达就会弹出提示框，并阻止表达提交。提示框内的文字可以使用 setCustomValidity 方法来自定义。 比如下面这个表单内，文本框只接受大陆的手机号，输入其它东西就无法提交 <form> <input id="text" patte
2017-08-24 10:16:00
2663
转载 【转载】$("body").animate({"scrollTop":top})不被Firefox支持问题的解决
jQuery中animate()的方法可以去w3school查看，这里主要说一下：$("body").animate({"scrollTop":top})不被Firefox支持问题的解决。其实是使用body的：$("body").animate({"scrollTop":top})只被chrome支持，而不被Firefox支持。而使用html的：$("html").animate({"scrollT
2017-08-22 11:31:57
776
原创 移动端手机网页强制横屏或全屏模仿横评的js和css3方法
移动端手机网页强制横屏或全屏模仿横评的js加css3方法最近项目有电子合同方面的开发，需要电子签字，（用的jsignature插件，如果有空以后单独写个使用心得）。在手机小屏幕上签字，全屏横屏才是最好的体验。用户竖屏打开页面时要去签字，提示用户把手机横过来，这样体验太low了，程序员要考虑能用技术解决的就不要去劳烦用户（免得他烦了回头打电话咬你）。先来几个检测屏幕方向的方法：//判断屏幕方向if
2017-08-17 17:25:07
27429
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人