参考: https://blog.csdn.net/Boale_H/article/details/12028…
不静之心
分类:前端
chrome调试webview和微信浏览器
如果一种办法不行,就换另一种 第一种方法: 参考: https://www.cnb…
HTML添加水印的方法
https://www.cnblogs.com/bosins/p/15094168.html &…
VUE3学习
1. 安装,直接设置环境变量到nodejs的根目录 [crayon-674ee370640e010785105…
js加减乘除精确运算方法
js加减乘除精确运算方法 https://blog.csdn.net/wjw0125/article/det…
Intellij IDEA 不能自动提示 element-ui 相关标签组件问题的解决
https://blog.csdn.net/yssa1125001/article/details/10544…
vue-element-admin学习
vue-element-admin 官方文档: https://panjiachen.github.io/vu…
Sketchup常用快捷键
一、常用快捷键 显示/旋转鼠标中键 显示/平移 Shift+中键 编辑/辅助线/显示 Shift+ Q 编辑/…
echarts混合图形
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 |
var myChart = echarts.init(document.getElementById('analysis-canvas2')); var option = { tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#999' } } }, legend: { data: ['蒸发量', '降水量', '平均温度', '直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎'] }, xAxis: [{ type: 'category', data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'], axisPointer: { type: 'shadow' } }], yAxis: [{ type: 'value', name: '水量', min: 0, max: 250, interval: 50, axisLabel: { formatter: '{value} ml' } }, { type: 'value', name: '温度', min: 0, max: 25, interval: 5, axisLabel: { formatter: '{value} °C' } }], series: [{ name: '蒸发量', type: 'bar', data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3] }, { name: '降水量', type: 'bar', data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3] }, { name: '平均温度', type: 'line', yAxisIndex: 1, data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2] }, { name: '访问来源', type: 'pie', radius: '55%', center: ['50%', '60%'], data: [ {value: 335, name: '直接访问'}, {value: 310, name: '邮件营销'}, {value: 234, name: '联盟广告'}, {value: 135, name: '视频广告'}, {value: 1548, name: '搜索引擎'} ], itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } }] }; myChart.setOption(option); |
JavaScript模拟实现先进先出、先进后出效果
https://www.jianshu.com/p/5b3c58b13087 先进先出 – 队列效…
前端之数据模拟之Mock.js
原文: https://juejin.im/post/5c1b02dde51d4529bf51f272
你不知道的 Chrome 调试工具技巧
此系列的文章,马上就会翻译出来,到时会贴出对应的链接在此处。 【译】你不知道的 Chrome 调试工具技巧 第…
Nodejs资料
版本号 使用NPM下载和发布代码时都会接触到版本号。NPM使用语义版本号来管理代码,这里简单介绍一下。 语义版…
websocket 心跳包保持连接和关闭重连
websocket 心跳包保持连接和关闭重连 https://my.oschina.net/714593351…
微信播放的问题
播放的时候,不全屏,除非手动点了全屏功能
1 |
<video preload="auto" autoplay="true" webkit-playsinline="" playsinline="" x-webkit-airplay="allow" x5-video-orientation="landscape|portrait" src="blob:http://192.168.0.223:8082/dd55024f-779a-48d3-93f6-bc80fc2e1d1c" style="width: 100%; height: 100%;"></video> |
…
JS录制短语音和短视频(无插件,原生js实现)
参考原文: https://zhuanlan.zhihu.com/p/25162723
使用JavaScript将当前页面保存成PDF
原文参考: http://jerrywang-sap.iteye.com/blog/2431279 1. 遍历…
使用JavaScript给对象修改注册监听器
参考: http://jerrywang-sap.iteye.com/blog/2431034 如果windo…
JS的节流、函数防抖 原理及使用场景
JS的节流、函数防抖 原理及使用场景 https://juejin.im/post/5b961773f265d…
postMessage可太有用了
postMessage的定义 postMessage是html5引入的API,postMessage()方法允…
解决ckeditor在bootstrap和jquery ui中modal中弹框无法输入问题
Bootstrap: https://blog.csdn.net/Fabuler/article/detail…
关于新版jquery用on()方法代替live方法的正确使用方式
jquery 1.7以后版本取消了live()方法,改用on来取代。 这里简单的说明下用法,不是大家想当然的把…
利用css3修改input[type=radio]样式
原文写很好 https://segmentfault.com/a/1190000009451568
d3和css实现一条线的动画
D3方式: 原文: https://segmentfault.com/a/1190000000453579 通…
js增加,删除,修改树结构的节点数据
增加
1 2 3 4 5 6 7 8 9 10 11 12 |
function addTreeNode(root, id, obj) { if (root.id == id) { if (root.children == null) root.children = []; root.children.push(obj); return true; } else if (root.children && root.children.length > 0) { for (var i = root.children.length - 1; i >= 0; i--) { addTreeNode(root.children[i], id, obj); } } } |
修改 [crayon-674ee370…
使用CSS + svg 实现中间镂空的图片遮罩效果,css遮罩
http://www.bkjia.com/CSSjc/1085925.html 镂空一个洞的代码 [crayo…
D3js-画二维坐标轴(x轴,y轴)
原文: http://blog.csdn.net/u013147600/article/details/464…
D3.js数据可视化系列教程
官方: https://d3js.org/ 官方例子: https://github.com/d3/d3/w…
echarts写仪表盘,指针到不同区域显示不同颜色
echarts写仪表盘,指针到不同区域显示不同颜色 https://my.oschina.net/u/3549…
解决datepicker设置选中日期setDate不生效问题
解决datepicker设置选中日期setDate不生效问题 https://my.oschina.net/H…
ht for web:基于HTML5的图形设计
官方 http://www.hightopo.com/ 官方中文: http://www.hightopo.c…
JavaScript-内存泄漏问题
JavaScript 内存泄漏教程 http://www.ruanyifeng.com/blog/2017/0…
CSS3 radial-gradient径向渐变语法及辅助理解案例10则
参考: http://www.zhangxinxu.com/wordpress/2017/11/css3-ra…
H5移动端知识点总结
H5移动端知识点总结 https://my.oschina.net/u/3689829/blog/154063…
使用jquery获取css的top和left属性
使用jquery获取css的top和left属性 http://www.jquerycn.cn/a_85 经常…