随笔分类 - 前端小功能
前端小功能，前端效果记录。
摘要：前端小工具：CanvasDraw签名工具 移动端签名提示函 1、安装 npm install react-canvas-draw --save or yarn add react-canvas-draw 支持导出图片，文件数据流， 移动端横屏显示， 用于react项目 贴代码，大家都喜欢的。 imp
阅读全文
摘要：前端小工具-HTML转换PDFHTML转换图片 HTML转换PDF，主要用 html2canvas+jsPDF 对页面进行截图然后转换PDF。 实践时间和兼容性，html2canvas 存在历史遗留问题，微信环境会假死，iOS13.4,13.7 等版本也假死的情况，低版本html2canvas对新浏
阅读全文
摘要：前端小技巧：JavaScript 编码规范 1. 类型 1.1【可选】 基本类型: 当你访问一个基本类型时，直接操作它的值。 string number boolean null undefined symbol 符号（Symbols）不能完全的被 polyfill，因此在不能原生支持symbol类
阅读全文
摘要：前端小功能：import和export用法 基本导出导入 export const Object = '导出' export default Object； // 默认导出 import obj from 'test.js';import { Object } from 'test.js';impo
阅读全文
摘要：前端小功能：moment时间管理大师 格式化时间，时间转换，时间对比，日期范围，对于时间的处理，项目里面都必不可少了。 Moment.js JavaScript 日期处理类库 看一下文档，基本的使用和技巧比较全面的了，moment.js 安装：npm install moment 导入：import
阅读全文
摘要：前端小工具：脚本拉取swagger文档 前后端分离，后端把接口API使用swagger文档展示给前端，前端又需要手动把swagger文档拷贝修改成前端可以调用的接口，几个接口都还好，一下子来个几十个接口，复制粘贴都成了问题。 总结一下问题： 1. 前端需要手动定义接口函数，配置文档，增加开发时间。
阅读全文
摘要：前端小功能：whistle本地代理服务，whistle本地代理模拟接口数据。 1. 安装 whistle，注意要全局安装 -g sudo npm install -g whistle 2、启动whistle，命令： w2 start 然后浏览器访问 http://127.0.0.1:8899/ 就可
阅读全文
摘要：前端小功能：图片对比度。 图片对比度css，filter已经实现很多图片的功能了，抛弃IE，及一些不潮流的浏览器，直接使用css属性就好了。 filter: contrast(${contrastNum}) 无奈如果要兼容IE的话，就是最新版IE11，这些css都没有效果百度都是用 progid:D
阅读全文
摘要：前端小功能：React，鼠标多选功能。 一般列表都有选择功能，单选复选多选都很常见。在自定义循环的列表，图像中，实现鼠标单选，多选，反选功能。 # React mousemultiples # React 鼠标多选组件 React 鼠标多选组件 局限性 > 主要实现鼠标多选的效果, 在不破坏原有的列
阅读全文
摘要：前端小功能：数组对象是否相等，是否一致。JS 判断两个数组是否相同 JSON.stringify([1,2,3].sort()) JSON.stringify([3,2,1].sort()); //true JS 判断两个数组对象是否相等 花了一天的时间，去实现两个对象是否相等的情况，具体代码如下：
阅读全文
摘要：视频的播放：在HTML5中定义了Video（视频）标签可用于实现视频的播放， 标签也可以在 HTML 页面中嵌入多媒体元素， 标签的也可以是在 HTML 页面中嵌入多媒体元素。在这里主要使用：Video标签实现视频播放： <video width="320" height="240" control
阅读全文
摘要：前端小功能：Word、PDF、Excel文档vue预览；log日志文件预览。 要工具不区分框架，把FileReader()文件处理函数可以细细品读一下。 可以参考https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader文档 同时可以了解一
阅读全文
摘要：前端小功能: canvas网格线 前面用了canvas画了不规则四边形，并验证了碰边处理，本来四边形区域已经是有背景的，可是pm说要有网格线背景好看。 canvas画线就是起点和终点，跟以前画直线一下，两点一条直线，关键就是每个点的位置，都再条边上面，而四边形不是规则四边形。 思路： 1. 获取不规
阅读全文
摘要：canvas 绘制不规则多边形，包涵里面的元素不能超出多边形。 canvas绘制多边形，并且判断某个点是否在区域内。 涉及canvas画点，画线，成面。 x,y坐标系，斜率，js拖拽等。 斜率: k=(y2-y1)/(x2-x1); canvas画点，画线，成面： 判断某个点在多边形内部 问题假设：
阅读全文
摘要：前端小功能：canvas验证码 代码来源网络，简单修改如下： function getGVerify(id){ function GVerify(options) { //创建一个图形验证码对象，接收options对象为参数 this.options = { //默认options参数值 id: "
阅读全文
摘要：canvas签名版。 canvas生成图片保存。 canvas简易教程。 没有终点，没有彼岸，坚持就好，愿岁月如初
阅读全文
