百度富文本web编辑器UEditor工具栏完整的按钮列表
UEditor编辑器除了默认显示出来的工具名称外，还可以增加更多的常用工具，下面是UEditor编辑器工具栏默认支持的完整的按钮列表，可以参考根据需求添加。 toolbars: [ [ 'anchor', //锚点 'undo', //撤销 'redo', //重做 'bold', //加粗 'indent', //首行缩进 'snapscreen', //截图 'italic', //斜体 'underline', //下划线 ...
TweenMax实现网页元素无缝循环跑马灯效果代码记录
炮马灯效果通过基础的js代码或HTML的marquee标签都能实现，如果想学习TweenMax插件不妨通过其跑马灯效果代码入手会比较容易理解。 1、下载插件：http://www.tweenmax.com.cn/source/ 把压缩后文件夹里的src/minified/TweenMax.min.js和src/minified/plugins/ModifiersPlugin.min.js文件复制到自己的Web项目 TweenMax.min.js：核心工具 ModifiersPlugin.min.js：基础插件，...
Javascript监控页面指定DOM所有图片是否加载完成的代码
实现监控检测网页所有图片是否加载完成的思路：把网页所有img定义成一个数组变量，再实例化一个Image对象，然后遍历前面的数组变量，把每个src逐个附值给Image对象src，再逐个通过onload事件判断图片是否加载完成。 扩展：ready是指DOM结构加载完成后执行，不包括网页上的图片等媒体元素；onload则是DOM结构和页面资源（图片、视频、flash等）全部加载完成后执行。所以判断图片是否加载完成要用onload事件。（注意：jquery对象以及使用querySelectorAll、getElementsByTagName、getElementsByClassNam...
jQuery自定义向右滑动显示隐藏效果的方法slideLeft()，slideRight()
向下滑动显示slideDown()和向上滑动隐藏slideUp()是jquery内置的常用方法，现在再自定义增加一组向右滑动显示slideRight()和向左滑动隐藏的方法slideLeft()，其实也是一个简单的jquery插件。 代码如下： jQuery.fn.slideLeft = function( speed, callback ) { this.animate({ width : "hide", paddingLeft : "hide", paddingRight : "hide...
JavaScript判断指定数字是否是小数的方法代码
js没有直接判断一个数字是不是小数的方法，但可以通过indexOf()方法来获取小数点的位置，通过返回值来判断是否是小数；或者通过js正则表达式的方式来判断是否是小数。 方法一：indexOf()方法判断是否是小数 function isDecimal(num){ if(String(num).indexOf('.') > -1){ return true; }else{ return false; } } if(isDecimal(3.1415926)){ alert('这个是小数'); }else{ alert('这个不是...
javascript不刷新页面替换地址栏url的方法replaceState()和pushState()
replaceState()和pushState()是HTML5中history对象新添加的两个方法，用来在浏览历史中添加或修改记录，通过这两个方法可以实现替换浏览器地址栏url而不刷新网页。 语法 history.replaceState(stateObj, title[, url]); history.pushState(stateObj, title[, url]); 两上方法的参数完全一样，区别是两者是否会修改浏览历史中当前纪录。其中replaceState不会有历史记录，pushState有历史记录。 参数 ...
苹果手机Safari浏览器不支持CSS background-attachment属性的替代解决方法
在Web网页前端开发中使用background-attachment:fixed;样式设置背景图片固定时发现苹果手机浏览器Safari不支持CSS属性background-attachment，这着实有点意外，毕竟background-attachment是个比较老标准的CSS属性。既然不支持，那就只能使用替代方案了，比如可以通过固定定位样式position:fixed;实现。 代码很简单，CSS基础牢固的都能想到或者理解思路。 HTML代码： <div class="parent"> <div class="fixed" style=...
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? 翻译过来的意思就是 计算函数“unit”时出错：unit的第一个参数必须是数字。你忘了括号了吗？ 嗯~这个真的没什么印象了，因为在Sublime编辑器也是这么用的，但没...
VSCode编辑器怎么开启代码自动换行的设置
VSCode编辑器代码不会自动换行，从而导致一行代码过长而不能完整显示，不大方便。要想设置VSCode编辑器代码自动换行，可以按下面的步骤设置。 1、在VSCode编辑器窗口，依次点击左上角的“文件”——“首选项”——“设置” 2、在搜索框中搜索“word wrap”，然后把“控制折行的方式”一项设置为on即可 设置完成后，在VSCode中编辑代码就会自动换行了。
vscode编辑器Go Live出现提示“无法验证，因为找不到PHP安装php”
使用vscode编辑器，安装了Live Server(Five Server)扩展，点击“Go Live”按钮Open Five Server时右下角出现弹窗消息： 无法验证，因为找不到 PHP 安装。使用设置 "php.validate.executablePath" 来配置 PHP 可执行文件。 出现这个提示的原因是没有安装PHP开发环境或者没有指定 php.exe 执行文件的路径。解决方法也很简单，如果没有安装 PHP 环境就安装环境，不会配置的可以直接安装个 php 集成环境软件（如xampp）；如果已经安装了 PHP 环境，...
javascript获取中文文字词组全拼和拼音首字母的代码
js汉字转拼音的代码在前面的《jquery实现淘宝APP收货地址地区联动选择效果》有发布过，这里单独记录代码的使用方法，如转全拼、提取首字母。 Javascript代码（代码比较长） /* --- description: Pinyin, to get chinese pinyin from chinese. license: MIT-style authors: Bill Lue requires: core/1.2.1: '*' provides: [Pinyin] ... */ var pinyin = (function (){ v...
slick.js插件实现监听video视频播放结束再自动轮播的代码
slick.js是常用的轮播图插件，监听video视频播放是常用的轮播模块效果。和SuperSlide.js插件、Swiper插件实现当前焦点有视频就暂停自动轮播，等视频播放结束再继续自动轮播的实现原理基本一样，就是先判断当前焦点是否有视频，如果有视频就调用暂停轮播的插件方法，使用addEventListener监听视频是否播放结束，然后再调用启用轮播的插件方法和立即播放下一屏的插件方法。 使用到的slick.js插件方法有：slickPause、slickPlay、slickNext；使用到的slick.js插件回调函数有：afterChange；使用到的js事件有：end...