专注于互联网、网络技术的原创IT科技博客！
一、使用背景在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 >
一、背景介绍：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 >
一、使用场景需要使用拖动排序功能的页面，可支持任意循环区域拖动排序。二、使用方法1、安装vuedraggablenpm i vuedraggable2、导入组件并声明import draggable from 'vuedraggable';
components: { draggable }3、使用组件<draggable v-model="sortLi...
Read More >
获取远程资源二进制文件流使用FormData上传文件 axios({
method: 'get',
url: 'https://xxxx.com/uploads/5910c1d7ea87900....
Read More >
一、安装 vue-meta-infonpm i vue-meta-info --save二、使用在 main.js 文件中引入 vue-meta-info 并应用import MetaInfo from 'vue-meta-info';
Vue.use(MetaInfo)1、组件内静态使用 metaInfo<script>
export default {
metaIn...
Read More >
1.申请并配置cos此部分详见cos官网，不再赘述；2.引入cos的SDKimport COS from 'cos-js-sdk-v5'
//配置id和密钥
const cos = new COS({
SecretId:'xxxx',
SecretKey:'xxxx...
Read More >
一、前端常见漏洞1、XSS攻击核心：恶意脚本注入描述：攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。利用这些恶意脚本，攻击者可获取用户的敏感信息如 Cookie、SessionID 等，进而危害数据安全。2、CSRF攻击核心：利用用户身份伪造请求描述：利用受害者在被攻击网站已经获取的注册凭证，绕过后台的用户验证，冒充用户对被攻击的网站发送执行某项操作的请求3、HTTP劫持核心：广告、弹框html注入描述：当我们访问页面的时候，运营商在页面的HTML代码中，插入...
Read More >
WebSocket是HTML5新增的协议，它的目的是在浏览器和服务器之间建立一个不受限的双向通信的通道，比如说，服务器可以在任意时刻发送消息给浏览器。为什么传统的HTTP协议不能做到WebSocket实现的功能？这是因为HTTP协议是一个请求－响应协议，请求必须先由浏览器发给服务器，服务器才能响应这个请求，再把数据发送给浏览器。换句话说，浏览器不主动请求，服务器是没法主动发数据给浏览器的。这样一来，要在浏览器中搞一个实时聊天，在线炒股（不鼓励），或者在线多人游戏的话就没法实现...
Read More >
ajax请求不同域名的页面时，由于浏览器安全限制是不允许请求的，发生错误。此时需要搭建服务器做代理捉取跨域页面，ajax请求自己建立的代理页面。如果你不想建立自己的代理服务，因为有时我根本就没打算涉及服务端任何代码，但是讨厌的浏览器的同源策略，阻止了我们的ajax调用。 看见这问题相信大家都不会陌生，也会很自然的得到解决方案，但是我这里真的不想写任何服务端代码，用jsonp吧，但是服务端没实现契约。在这里我是时候引入主角yahoo提供的jsonp代理：http://...
Read More >
为大家制作了一个免费的微信编辑器，功能强大，欢迎使用！访问地址：http://chenyuan.ttfde.top/weixin/ ...