Miracle--

摘要： 为了保障信息安全，防止重大信息泄露，并且能够锁定泄露用户，需要对页面展示的图片加入当前用户信息的盲水印，即最终图片外观看起来和原图一样，但是经过解码以后可以识别出水印信息，并且在截图后仍能进行较好的识别。 经过在网上的学习摸索，看了几位大神的博客以后，我也总结一下自己的代码，分享一下学习经验。 我们 阅读全文

摘要： 近两年做了几次微信H5活动的开发，为了达到传播分享的效果，通常最终都需要生成个性化的图片，供用户长按保存分享，在这里就把自己的一些使用心得记录下来，供其他小伙伴借鉴。 这里备注一下，我目前用的是 html2canvas 0.5.0-beta4 版本，这篇文章也以它为例，先贴一下代码 let canv 阅读全文

摘要： 最近发现一个很好用的前端截图，取色工具，并且基本功能是免费使用的，可以提升开发效率，拿出来跟大家分享一下。 该工具主要能实现的功能就是截图，并且截图可以以窗口形式置顶在窗口： 第二个主要功能就是可以取色，鼠标指在色块儿上，按住alt键，弹出颜色详情，再按C，便可复制颜色： snipaste的功能还是 阅读全文

摘要： //调用方法，传入字符串和需要返回的字节长度即可function cutstr(str,len){ var str_length = 0; var str_len = 0; str_cut = new String(); str_len = str.length; for(var i = 0;i 4){ //中文字符的长度经编码之后大于... 阅读全文

摘要： //iphoneX、iphoneXs @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {} 即: 设备屏幕可见宽度为375px， 可 阅读全文

摘要： 最近开始学习使用webpack打包工具，由于之前都是使用vue自带的webpack脚手架，使用比较方便，也没有遇到什么问题，后边需要在一些jquery的项目中使用webpack，因此重头学习一下webpack，并记录遇到的问题。 首先通过webpack官网的快速开始进行学习，简单的demo按照教程， 阅读全文

摘要： 在vue开发中，本地测试以及测试环境中都没有遇到问题，当发布生产，有虚拟路径时，便出现js、css均报错404； 首先在config的index.js文件中，将assetsPublicPath修改为'./'，如下图； 然而打包发布后发现放在assets文件夹中的图片资源又报404，观察那个路径，发现 阅读全文

摘要： 近期在开发微信H5页面时碰到这个问题，如图，软键盘弹起后，若原输入框被遮挡，页面整体将会上移，然而当输入框失焦，软键盘收起后，页面未恢复，这也是ios的微信版本更新6.7.4之后才遇到的bug。 目前的解决办法是给输入框（或select选择框）添加失去焦点的事件，当输入框失去焦点，页面自动滚动到顶部 阅读全文

摘要： 移动端浏览器没有自带预览office文档的工具，最近发现一个比较好用的工具，是office官方的工具，分享给大家： 官方文档地址： 用法：打开页面https://view.officeapps.live.com/op/view.aspx?src=文件路径，即可在线预览文档。 文件路径必须为 http 阅读全文

摘要： 近期有需求为页面部分区域添加上水印，通过在网上找到了js为页面添加水印的方法，后来经过自己的改进，可以实现为页面部分元素添加水印，最终效果如下图： 代码如下： *注意：需要为元素加上绝对定位或相对定位属性，加上overflow：hidden；该方法在IE9及以上效果比较好，但在IE9以下，水印不会倾 阅读全文