随笔分类 - 前端插件使用技巧
摘要：先聊聊需求背景：公司运营需求，说在富文本编辑器中发布包含图片的 Word 文档时，图片和文本内容不能一起复制，每次她们都得分开处理，对于包含较多图片的 Word 时，她们处理起来很抓狂。 一、准备知识：docx 是怎样存储图片的 要解决上述的问题，首先就需要能够解析 Word 文档中的图片。目前 W
阅读全文
摘要：俗话说得好，工欲善其事必先利其器。利用一些开源项目，我们将能轻松应对一些常见工作场景：文件上传、图片处理、文档处理、在线表格、表单设计器、H5 页面设计器。 1、文件上传 - uppy 24.6k uppy 是一个体验顺滑、模块化的 JavaScript 文件上传器，可以无缝地与任何应用程序集成。它
阅读全文
摘要：在日常工作中，文件上传是一个很常见的功能。在某些情况下，我们希望能限制文件上传的类型，比如限制只能上传 PNG 格式的图片。针对这个问题，我们会想到通过 input 元素的 accept 属性来限制上传的文件类型。这种方案虽然可以满足大多数场景，但如果用户把 JPEG 格式的图片后缀名更改为 .pn
阅读全文
摘要：一、canvas库-Fabric.js Fabric.js 是一个强大而简单的 Javascript HTML5 画布库。 Fabric 在画布元素之上提供交互式对象模型， Fabric 还具有 SVG-to-canvas（和 canvas-to-SVG）解析器。 详情见这篇文章：这个 19.4K
阅读全文
摘要：在逛廖雪峰的官网时发现了一个可以在线查写SQL的工具，后来了解了一下居然是纯JavaScript框架 - AlaSQL，所以必须了解一下先。 AlaSQL - 是一个轻量级的客户端内存SQL数据库，旨在在浏览器和Node.js中使用，在js里写SQL语句。 1、AlaSQL使用纯JavaScript
阅读全文
摘要：wangEditor是一款轻量级的富文本编辑器。使用还比较方便，但是缺少查看源码模式，需要我们自定义一个menu给增加查看源码模式 一、快速扩展一个菜单 【注意】以 Button 菜单为例演示，官方文档里有其他类型的菜单，注册步骤都是一样的。 1、准备 // 引入 wangEditor import
阅读全文
摘要：使用官网的CDN： 网上可以查到很多解决方案，常用的主要就是：canvas先放大，其次加个dpi效果也可以，代码如下：
阅读全文
摘要：一、HLS 文件视频介绍 这两年来越来越多的视频应用使用了m3u8格式的视频，因为可以兼容PC、移动端。相比mp4等视频源，m3u8可以减轻服务器压力（按需加载）。HLS是由苹果公司率先提出的一种协议标准，可用于直播。 查看演示：https://www.helloweba.net/demo/2018
阅读全文
摘要：一张图片不仅仅就是我们看到的图形，他还可以包含一些其他重要的信息，例如拍摄时间、拍摄的地点等，也有些牛人直接将重要的信息隐藏在图片里面，真是玩出了花。 Exif.js 提供了 JavaScript 读取图像的原始数据的功能扩展，例如：拍照方向、相机设备型号、拍摄时间、ISO 感光度、GPS 地理位置
阅读全文
摘要：一、echo.js： 我们在开发页面的时候肯定会遇到图片比较多的时候，虽然我们可能有图片分布式的服务器，但是在客户端还是会有很大的性能开销。为了用户体验，特别是对首屏加载速度要求很高的，通常我们会考虑图片延时加载，lazyloading这款插件已经能很好地实现这一功能，可是是基于jQuery，对于移
阅读全文
摘要：uploader = WebUploader.create({ swf: 'resources/js/webuploader-0.1.5/Uploader.swf', // 文件接收服务端。 server: settings.url, // 选择文件的按钮。可选。 // 内部根据当前运行是创建，可能
阅读全文
摘要：jqGrid API中文手册：http://blog.mn886.net/jqGrid/ 一、jqGrid属性： width：Grid的宽度，如果未设置，则宽度应为所有列宽的之和；如果设置了宽度，则每列的宽度将会根据shrinkToFit选项的设置，进行设置。 height ： Grid的高度，可以
阅读全文
