- 博客(15)
- 收藏
- 关注
原创 canvas高度与所截图高度相同或者更小,解决底部白边问题
html2canvas(document.getElementById("poster-canvas-box"), { useCORS: true, height: document.getElementById("poster-canvas-box").clientHeight - 2, // canvas高度与所截图高度相同或者更小,解决底部白边问题 width: document.getElementById("poster-canvas-box").clientWidth - 2}).
2021-04-12 08:53:30 233
原创 Thinkphp 对数据库的操作
连接数据库连接默认数据库Db::connect()连接定义的第二个数据库 Db::connect('db2');数据库的查询使用sql语句的方式Db::query("select * from gary_user where id=?",[1]) select 返回所有记录,返回的结果是一个二维数组如果结果不存在,返回一个空数组Db::table('gary_user') ->select()find 返回一条记录,返回的结果是一个一维数组如果结果不存在返回
2021-03-26 16:23:54 329
原创 vue中的动画特效
vue中css动画原理在需要设置动画标签外部用包裹,可以添加name属性没有name属性,css 默认前缀是v,类名:隐藏到显示:第一帧加载v-enter;v-enter-cative,第二帧将v-enter清除,添加v-enter-to,最后一帧将所有类名删掉显示到隐藏:第一帧加载v-leave,v-leace-active,第二帧将v-leave清除,添加v-leave-to,最后一帧将所有类名删掉有name属性时,css前缀为name的属性值通过在某一时刻,向div元素自动添
2021-01-22 10:22:10 546
原创 深入理解vue组件
使用组件的细节点is属性:有些html标签如table,ul,ol,select对哪些标签可以出现在其内部是有着严格的要求的。因此当这些标签内部出现了自定义组件,有可能会被作为无效的内容提升到外部,导致页面渲染出错。而是用is属性则可以解决这个问题,在子级标签中用is属性来使用自定义组件。 子组件中的data必须是一个函数,并且返回一个对象,当一个组件被多次使用的时候,组件间的数据不会相互影响。Vue.component('row', { data:function ()
2021-01-20 15:35:47 119
原创 vue基础知识总结(1)
vue生命周期beforeCreatcreatedbeforeMountmountedbeforeDestroydestroyedbeforeUpdateupdated模板语法v-htmlv-text计算属性 方法 侦听器var vm = new Vue({ el: "#app", data: { firstName: 'zhao', lastName: 'gary', fullName:'gary zhao'
2021-01-18 15:30:22 75
原创 Axios教程
Axios 是一个基于 promise 的 HTTP 库安装npm install axios执行 GET 请求// 为给定 ID 的 user 创建请求axios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });// 上面的请求也可以这样做axios.get
2020-12-29 17:19:53 141
原创 git常用命令总结
整理一下git命令,方便自己查看生成SSHssh-keygen -t ras -C "email@xxx"设置用户名git config --global user.name "cc"git config --global user.email "cc@xx"新建代码仓库在当前目录新建一个Git代码库 git init新建一个目录,将其初始化为Git代码库 git init [project-name]下载一个项目和它的整个代码历史git clone [url]配置显示
2020-12-28 20:23:50 81
原创 好玩免费的api接口
本期介绍一些好玩免费的api接口,点击标题可以直接查看结果图片类API淘宝买家秀随机图片https://api.66mz8.com/api/rand.tbimg.php?format=jpg二次元动漫图片https://acg.yanwz.cn/api.phpmenhera酱表情包:https://acg.yanwz.cn/menhera/api.php高清壁纸https://api.ixiaowai.cn/gqapi/gqapi.php每日 bing 壁纸
2020-12-25 22:45:57 3665 1
原创 前端拖拽插件interact.js
本期介绍一个前端拖拽插件interact.js,JavaScript拖放、调整大小和多点触控手势,适用于浏览器(以及IE9+).interact.js采用了一种与大多数拖放库略有不同的方法。为了尽可能多地提供控制,它尝试提供一个简单、灵活的API,该API为您提供移动元素所需的所有拖拽api安装npm install interactjsCDN直接引入<script src='interact.min.js'></script>使用教程拖拽拖拽是interacti
2020-12-24 09:57:48 2055
原创 给video标签加一些属性,微信调用h5原生video
给video标签加一些属性,调用h5原生video<video class="video-source" width="100%" height="240px" /*如果有封面,请设置高度*/ controls /*这个属性规定浏览器为该视频提供播放控件*/ &nb
2020-12-23 20:27:26 723
原创 功能强大的 Javascript 动画库插件
本期介绍一个前端动画插件anime.js,anime.js 是一款功能强大的 Javascript 动画库插件,可以和 CSS3 属性,SVG,DOM 元素和 JS 对象一起工作,制作出各种高性能,平滑过渡的动画效果。安装npm install animejsbower install animejs在页面中引入 anime.min.js 文件。<script type="text/javascript" src="js/anime.min.js"></script>
2020-12-22 22:59:02 1412
原创 前端动态生成二维码的插件 jquery.qrcode.js
本期介绍一个前端动态生成二维码的插件 jquery.qrcode.js,jquery.qrcode.js 是一个能够在客户端生成矩阵二维码 QRCode 的 jquery 插件 ,使用它可以很方便的在页面上生成二维码。引入将 jquery.qrcode.min.js 和 jquery 直接引入<script src="jquery.min.js"></script><script type="text/javascript" src="jquery.qrcode.min
2020-12-21 20:31:26 868
原创 前端合成图片插件html2canvas.js
本期介绍一个移动端常用的合成图片插件html2canvas.js,在H5开发中,我们经常会遇上动态生成海报的需求,而在Web前端中,生成图片非Canvas莫属。html2canvas.js就是一款优秀的插件,它可以轻松地帮你将HTML代码转换成Canvas,进而生成可保存分享的图片。引入npm 安装npm install --save html2canvas直接引入html2canvas.js<script src="http://html2canvas.hertzen.com/dist/
2020-12-21 20:30:02 1997
原创 前端复制粘贴插件Clipboard.js
本期介绍一个非常常用的前端插件 Clipboard.js,Clipboard.js 实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。1.clipboard.js介绍clipboard.js 现代化的拷贝文字,不依赖 flash, 不依赖其他框架,gzip 压缩后只有 3kb 大小.拷贝文字不应当是一件困难的事. 不需要过多繁杂的配置或者下载很多脚本文件. 最重要的,它不应该依赖flash或者其他框架,应该保持简洁这就是创造clipboard.js的原因和目的
2020-12-21 20:28:05 666
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人