H5边角料
文章平均质量分 67
主要收集并实践一些H5比较有意思的特效
倾云鹤
宝可梦训练家
展开
-
Mac搭建PHP环境
一、配置环境1 启动APacheMac系统本身自带Apache,所以可以直接打开。以下为两种方式:打开“系统设置偏好(System Preferences)” -> “共享(Sharing)” -> “Web共享(Web Sharing)”打开“终端(terminal)“,然后输入sudo apachectl start,使Apache运行。开启Apache就是开启Web共享,这时输入“http://localhost”,就可以看到“It works!”的页面Apache默认根目原创 2021-10-28 11:11:18 · 4484 阅读 · 4 评论 -
H5签到金币效果
一、效果图二、构想使用CSS的animation来做动画移动效果使用CSS的transform来做翻转效果1. 知识点1.1 transform属性实例div{ transform:rotate(7deg); -ms-transform:rotate(7deg); /* IE 9 */ -webkit-transform:rotate(7deg); /* Safari and Chrome */}参数参数解释none定义不进行转换。原创 2021-10-12 15:43:34 · 523 阅读 · 0 评论 -
JavaScript实现同步网络请求的方式
前言:想提出通用的ajax的请求,但是也需要拿到ajax回调。默认情况下,Ajax请求是异步的,但是可以通过一些方式将ajax变成同步请求。一、使用ES7的Async和Await1 通用Ajax POST框架async function commonAjaxPost(url, argument) { let datas = JSON.stringify(argument); const result = $.ajax({ url: url, method: "post",.原创 2021-09-11 16:19:01 · 7844 阅读 · 0 评论 -
JS上传图片到七牛云
一、预览上传前上传后二、代码实现1. H5代码因为在modal内实现,所以直接贴modal<div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content animated bounceInRight">原创 2021-08-27 16:15:15 · 1137 阅读 · 0 评论 -
bootstrap-table 指南
文章目录一、初始化二、使用请求后接口数据三、行操作1. 请求完接口,前端过滤删除的row2. 请求完接口,前端手动修改row四、总结1. 解决BUG: 开启sort后不显示箭头符号2. 监听每个cell点击事件3. 更新某cell数据4. 更新某行数据5. 自定义列样式6. 重新加载数据7. 显示或隐藏加载状态为了有更好的代入感,所以先看截图一、初始化table.html<table id="table" data-mobile-responsive="false">ta原创 2021-08-24 18:09:55 · 1889 阅读 · 3 评论 -
百度地图3D地球闪动点(修复不在视野内时无法隐藏marker的bug)
一、效果图二、详解本质上为自定义Marker,使用css来做动画特效有关通用模式相关操作,请看《Flutter融云接入部分》1. 自定义CSS样式complex_custom_overlay.css.position_now{ width: 30px; height: 30px; background-color: rgba(0, 250, 126, 0.9); border-radius: 25px;}.css_animation{ he原创 2021-08-23 17:20:32 · 604 阅读 · 1 评论 -
百度地图3D地球接入
一、效果图二、源码1. 依赖文件(1)lushu.js(飞机路线轨迹)var BMapGLLib = window.BMapGLLib = BMapGLLib || {};(function() { var e; var b = e = b || { version: "gl 1.0" }; b.guid = "$BAIDU$"; (function() { window[b.guid] = window[b.guid] |原创 2021-08-09 19:08:07 · 4091 阅读 · 0 评论