Echarts给图形上的label标签数值添加单位或其它文本内容
Echarts图形上的文本标签label标签默认只显示数值，如果想显示更多的文本或者调整样式，可以通过配置label标签参数实现。如给图形的数值增加一个单位字符串。
给数值增加其它文本内容要用到的label标签参数是formatter（标签内容格式器），示例如下：
原代码：
series: [
{
name: 'Direct',
type: 'bar',
stack: 't...
jquery左右拖拽对比前后效果图片的代码
新旧两张图片效果的不同对比，实现效果通过拖拽按钮对比相同位置的差异。
HTML代码：
<div class="compare">
<div class="pic before" style="background-image:url(before.jpg);"></div>
<div class="pic after" style="backgro...
javascript判断当前浏览器是否是微信浏览器
判断是否是微信浏览器和判断其它浏览器的方法一样，都可以通过navigator对象的userAgent属性（用户代理，简称 UA）来获取浏览器的标识，然后判断是哪个浏览器。
判断微信浏览器的代码：
便于多次使用，把判断写成函数形式：
function is_weixin(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/M...
javascript获取video视频某一帧作为poster封面图片
HTML标签Video的poster属性可以给视频添加一个图片作为视频未开始播放时的封面，但如果不想单独添加图片，也可以通过代码利于canvas获取视频的某一帧作为封面图片。
HTML代码：
<video
id="cvideo"
src="upload/video.mp4"
webkit-playsinline="true"...
百度富文本web编辑器UEditor工具栏完整的按钮列表
UEditor编辑器除了默认显示出来的工具名称外，还可以增加更多的常用工具，下面是UEditor编辑器工具栏默认支持的完整的按钮列表，可以参考根据需求添加。
toolbars: [
[
'anchor', //锚点
'undo', //撤销
'redo', //重做
'bold', //加粗
'indent', //首行缩进...
TweenMax实现网页元素无缝循环跑马灯效果代码记录
炮马灯效果通过基础的js代码或HTML的marquee标签都能实现，如果想学习TweenMax插件不妨通过其跑马灯效果代码入手会比较容易理解。
1、下载插件：http://www.tweenmax.com.cn/source/
把压缩后文件夹里的src/minified/TweenMax.min.js和src/minified/plugins/ModifiersPlugin.min.js文件...
Javascript监控页面指定DOM所有图片是否加载完成的代码
实现监控检测网页所有图片是否加载完成的思路：把网页所有img定义成一个数组变量，再实例化一个Image对象，然后遍历前面的数组变量，把每个src逐个附值给Image对象src，再逐个通过onload事件判断图片是否加载完成。
扩展：ready是指DOM结构加载完成后执行，不包括网页上的图片等媒体元素；onload则是DOM结构和页面资源（图片、视频、flash等）全部加载完成后执行。所以判断图片是否加载完成要用onlo...
jQuery自定义向右滑动显示隐藏效果的方法slideLeft()，slideRight()
向下滑动显示slideDown()和向上滑动隐藏slideUp()是jquery内置的常用方法，现在再自定义增加一组向右滑动显示slideRight()和向左滑动隐藏的方法slideLeft()，其实也是一个简单的jquery插件。
代码如下：
jQuery.fn.slideLeft = function( speed, callback ) {
this.animate({...
JavaScript判断指定数字是否是小数的方法代码
js没有直接判断一个数字是不是小数的方法，但可以通过indexOf()方法来获取小数点的位置，通过返回值来判断是否是小数；或者通过js正则表达式的方式来判断是否是小数。
方法一：indexOf()方法判断是否是小数
function isDecimal(num){
if(String(num).indexOf('.') > -1){
return true;
}else{
return...
javascript不刷新页面替换地址栏url的方法replaceState()和pushState()
replaceState()和pushState()是HTML5中history对象新添加的两个方法，用来在浏览历史中添加或修改记录，通过这两个方法可以实现替换浏览器地址栏url而不刷新网页。
语法
history.replaceState(stateObj, title[, url]);
history.pushState(stateObj, title[, url]);
两上方法的参数完全一...
苹果手机Safari浏览器不支持CSS background-attachment属性的替代解决方法
在Web网页前端开发中使用background-attachment:fixed;样式设置背景图片固定时发现苹果手机浏览器Safari不支持CSS属性background-attachment，这着实有点意外，毕竟background-attachment是个比较老标准的CSS属性。既然不支持，那就只能使用替代方案了，比如可以通过固定定位样式position:fixed;实现。
代码很简单，CSS基础牢固的都能想到或者...
VSCode Easy LESS自动编译unit函数计算时出现报错“the first argument to unit must be a number”
在VSCode编辑器安装使用Easy LESS扩展自动编译less代码padding:0 unit(23/16,em)时报错：
Error evaluating function `unit`: the first argument to unit must be a number. Have you forgotten parenthesis?
翻译过来的意思就是
计算函...
