专注于互联网、网络技术的原创IT科技博客！
一、概述：字蛛字体自动化压缩工具。官方网站：http://font-spider.org (1)特性轻巧：数 MB 的中文字体可被压成几十 KB简单：完全基于 CSS，无需 js 与服务端支持兼容：自动转码，支持 IE 与标准化的浏览器自然：文本支持选中、搜索、翻译、朗读、缩放(2)原理字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符，并将这些字符数据从字体中删除以实现压缩，并生成跨浏览器使用的格式。构建 CSS 语法树，分析字体与选择器规则...
Read More >
一、使用背景在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 >
为大家制作了一个免费的微信编辑器，功能强大，欢迎使用！访问地址：http://chenyuan.ttfde.top/weixin/ ...