技术饭 php通过spatie/browsershot将html文件转成pdf、图片
php通过 spatie/browsershot 将html文件转成pdf、图片，最近需要将html文件转成png或者是pdf合同，如果使用php手动处理的话那过程就需要经过，html -> pdf -> png，这样单独写的话就比较麻烦，如果有composer或者类库的话那就很好用了，搜了一下 spatie/browsershot 比较好用些，只是需要依赖npm、puppeteer。
阅读全文 » 571天前2023年07月07日
技术饭 php生成pdf文件上传到七牛云
php生成pdf文件上传到七牛云，php生成pdf使用composer require tecnickcom/tcpdf，通过html生成对应的pdf使用还是很方便的，缺点是html样式不是很好调整，七牛云上传使用七牛云提供的类库 composer require qiniu/php-sdk即可。php下有多个类库可以生成pdf如tcpdf、mpdf，但是html需要比较写得纯粹些，否则很多样式不支持，导致生成得pdf很乱。
阅读全文 » 585天前2023年06月23日
技术饭 前端js加密后台php解密，自定义加密方法
前端js加密后台php解密，自定义加密方法，前端html输入用户名密码之后，使用http传到后台，post的内容全部是明文，用户名和密码通过抓包工具可以很容易获取到，所以需要在http传输之前对密码进行加密处理，php收到post内容之后进行解密，然后进行后续认证处理。
阅读全文 » 1516天前2020年12月04日
技术饭 PHPMailer实现PHP的邮件发送，附带附件
PHPMailer发送邮件，附带附件，phpMailer 是一个非常强大的 ph p发送邮件类,可以设定发送邮件地址、回复地址、邮件主题、html网页,上传附件,并且使用起来非常方便。
阅读全文 » 1588天前2020年09月23日
技术饭 响应式html5网页，手机上下滑动卡顿的现象
响应式html5网页，手机上下滑动卡顿的现象，今天用手机打开自己博客发现网页滑动特别的卡，上下滑动不灵敏，还时不时提醒是否等待程序继续运行，头上一百个问号，调试之后发现是滚动条部分出现了问题，-webkit-overflow-scrolling: touch；overflow-scrolling: touch；这两css属性能解决问题。
阅读全文 » 1794天前2020年03月01日
技术饭 json字符串格式化展示
json字符串格式化展示，解决方案：JSON.stringify()方法：就json对象转成json字符串，5:表示有5个空格缩进最多10个，但是发现打印的所有字符串还是连在一起，是因为html忽略了空格或者tab，使用<pre></pre>标签就好了。
阅读全文 » 2068天前2019年06月01日
技术饭 Html中的click事件被触发两次的解决方案
在做项目的时候遇到了Html中的click事件被触发两次，甚至更多次，简单来说，就是因为点击label的时候，事件冒泡一次，同时会触发关联的input的click事件，导致事再次触发事件。
阅读全文 » 2329天前2018年09月13日
技术饭 webuploader + cropper实现图片裁剪后上传
介绍两个插件cropper和webuploader。cropper是一款使用简单且功能强大的图片剪裁jQuery插件。该图片剪裁插件支持图片放大缩小,支持图片旋转,支持触摸屏设备,支持canvas,并且支持跨浏览器使用。而WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。如果你的H5项目是基于zepto.js，你就可以使用webuploader这个插件；如果你的H5项目是基于jquery，你就可以使用cropper这个插件。webuploader是兼容zepto和jquery的，而cropper只能基于jquery。
阅读全文 » 2330天前2018年09月12日
技术饭 Sublime Text 3安装及常用插件安装
Sublime Text 3安装及常用插件安装，Sublime Text 是一个代码编辑器（Sublime Text 2是收费软件，但可以无限期试用），也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。
阅读全文 » 2491天前2018年04月04日
技术饭 导致页面顶部空白一行解决方法
导致页面顶部空白一行解决方法，模板文件生成html文件之后会在body开头处加入一个可见的控制符，导致页面头部会出现一个空白行。原因是页面的编码是UTF-8 + BOM。
阅读全文 » 2932天前2017年01月18日