web前端参天大圣

2019年3月12日

摘要： CSS代码： .clip { position: absolute; clip: rect(0 0 0 0); } HTML代码： <input type="file" id="uploadFile" class="clip" accept="image/*"> <label class="ui-b 阅读全文

posted @ 2019-03-12 09:57 web前端参天大圣阅读(977) 评论(0) 推荐(0) 编辑

cacheStorage缓存及离线开发

摘要：案例地址:https://zhangxinxu.github.io/https-demo/cache/start.html 我们直接看一个例子吧，如下HTML和JS代码：阅读全文

posted @ 2019-03-12 09:51 web前端参天大圣阅读(3341) 评论(0) 推荐(0) 编辑

浏览器通知js授权

摘要： // 获得权限 Notification.requestPermission(); // 点击按钮 document.querySelector('#button').addEventListener('click', function () { new Notification("Hi，帅哥：", { body: '可以加你为好友吗？', icon: 'h... 阅读全文

posted @ 2019-03-12 09:47 web前端参天大圣阅读(1048) 评论(0) 推荐(0) 编辑

浏览器通知Web Notifications实例页面

摘要： HTML代码：有人想加你为好友 JS代码： if (window.Notification) { var button = document.getElementById('button'), text = document.getElementById('text'); var popNotice = function() { if (Notific... 阅读全文

posted @ 2019-03-12 09:41 web前端参天大圣阅读(896) 评论(0) 推荐(0) 编辑

2019年2月25日

HTML5 history API与ajax分页实例页面

摘要： <ul id="choMenu" class="rel cho_menu"> <li><a href="ajax.php?area=pudong" class="cho_link cho_link_on">浦东区<span class="ml20">8</span></a></li> <li><a 阅读全文

posted @ 2019-02-25 19:59 web前端参天大圣阅读(342) 评论(0) 推荐(0) 编辑

appendHTML方法ajax加载更多评论实例页面

摘要： //在后添加 <script>var appendHTML = function(el, html) { var divTemp = document.createElement("ul"), nodes = null , fragment = document.createDocumentFrag 阅读全文

posted @ 2019-02-25 14:53 web前端参天大圣阅读(578) 评论(0) 推荐(0) 编辑

2019年2月22日

2D热力图实例

摘要： <div style="height: 100px; width: 200px" id="heatmap"></div> <script src="https://lib.baomitu.com/heatmap.js/2.0.2/heatmap.min.js"></script><script ty 阅读全文

posted @ 2019-02-22 15:46 web前端参天大圣阅读(768) 评论(0) 推荐(0) 编辑

2019年2月20日

uglifyjs压缩批处理,.bat文件启动

摘要：我们不可能每次都打开cmd去键入压缩执行代码，容易写错不说（如上面那个结果图），还耗时，想想都会让人疯掉。懒人有懒法，花了点功夫，折腾了一个批处理文件，以后，想要压缩JS，只要双击运行这个.bat文件就可以了！完整代码如下： @echo off :: 设置压缩JS文件的根目录，脚本会自动按树层次查阅读全文

posted @ 2019-02-20 10:06 web前端参天大圣阅读(421) 评论(0) 推荐(0) 编辑

2019年1月31日

cssrefresh.js-CSS文件自动刷新

摘要：一、如何使用cssrefresh.js 使用很简单，类似下面的代码： <head> <link rel="stylesheet" type="text/css" href="css/site.css" /> <script type="text/javascript" src="js/cssrefr 阅读全文

posted @ 2019-01-31 11:14 web前端参天大圣阅读(1396) 评论(0) 推荐(0) 编辑

瀑布流布局js

摘要： <!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>瀑布流布局测试</title> <style> body { background-col 阅读全文

posted @ 2019-01-31 10:08 web前端参天大圣阅读(310) 评论(0) 推荐(0) 编辑

web瞎搞

公告