202411-10 Vue2中使用Ueditor NEW 一、使用背景在vue中用过其他的支持vue框架的富文本编辑器,比如wangEditor等。但功能和jQuery时代的ueditor还是差不少,还有很多标签不支持解析特别是遇到文章类后台时候根本无法应付。二、项目环境1、前后的完全分离2、vue2 + elementui3、后端完全独立的API接口三、实现方式1、下载并编译ueditor(1)官网下载最新开发版本:https://github.com/fex-team/ueditor 默认分支dev-1.5.0git ... Read More >
202411-06 wangEditor 5 增加源码模式插件 NEW 一、背景介绍:wangEditor 5默认没有源码模式切换功能,但在实际应用中需要这个功能二、插件开发1、新建插件目录2、根据官网API编写类文件和注册文件(https://www.wangeditor.com/v5/development.html) sourceMenu.js// 定义菜单类,参考官网 https://www.wangeditor.com/v5/development.html class SourceMenu {... Read More >
202408-14 Axios获取远程文件流后直接上传 NEW 获取远程资源二进制文件流使用FormData上传文件 axios({ method: 'get', url: 'https://xxxx.com/uploads/5910c1d7ea87900.... Read More >
202001-10 H5与服务器几种消息通信方式AJAX,Comet,ServerSent、WebSocket 在各种BS架构的应用程序中,往往都希望服务端能够主动地向客户端推送各种消息,以达到类似于邮件、消息、待办事项等通知。往BS架构本身存在的问题就是,服务器一直采用的是一问一答的机制。这就意味着如果客户端不主动地向服务器发送消息,服务器就无法得知如何给客户端推送消息。随着HTML、浏览器等各项技术、标准的发展,依次生成了不同的手段与方法能够实现服务端主动推送消息,它们分别是:AJAX,Comet,ServerSent以及WebSocket。本篇文章将对上述提及到的各种技术手段进行... Read More >
201906-14 js原生实现页面倒计时功能 实现思路:使用setInterval来周期执行一个函数,这个函数用来进行倒计时计算。如果倒计时到0的话则停止计时。1.html代码<span id="count"></span>2.js代码var countNum = 60; var timer; var onTime = function() { &... Read More >
201906-03 swiper4.x的图片与视频混合轮播实现 Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端,Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果,是前端常用的制作轮播。但是官方并没有给出图片与视频混合轮播的例子。一、整理思路①判断当前是图片还是视频②如果是图片则正常设置轮播时间,如果是视频则获取播放状态,如果是播放状态,轮播不切换,播放结束后开始轮播下一屏。③分屏器切换事件添加二、实现代码①html代码<div class='swiper-c... Read More >
201808-29 时间插件WdatePicker使用说明 WdatePicker.js日期插件:1、 %y 当前年 %M 当前月 %d 当前日 %ld 本月最后一天 %H 当前时 %m 当前分 %s 当前秒2、可以通过配置minDate(最小日期) 和 maxDate(最大日期),来限制日期范围<input typ... Read More >
201808-29 JS文件上传详解 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="... Read More >
201806-29 JS校验是否输入emoji表情 var isEmojiCharacter = function(substring) { for ( var i = 0; i < substring.length; i++) { ... Read More >
201801-09 JavaScript delete 用法 1,对象属性删除function fun(){ this.name = 'mm'; } var obj = new fun(); console.log(obj.name);//mm delete obj.name; console.log(obj.name); /... Read More >