随笔分类 - 工具类
vue3 在渲染md中的数学公式
摘要：常规的md转数学公式插件无法解决此问题 问题: 在渲染过程中 \t 被转义 导致渲染出错 **方案为：将\t 转义为\t ** 依赖的插件及版本 "katex": "^0.16.15", "markdown-it": "^14.1.0", "markdown-it-katex": "^2.0.3",
埋点方案
摘要：什么是埋点？ 埋点是一种用于跟踪用户在网站或应用中行为的数据采集技术，通过记录点击、浏览等操作，帮助团队进行用户行为分析、AB 实验、错误监听，指导优化方向和资源分配 监控类型 基于要监控的内容，可以分为：数据监控、性能监控、异常监控 上报方式 手动上报 在用户点击某个按钮时，开发者会在按钮的点击事
使用Canvas封装图片压缩功能
摘要：最近在学习和工作中遇到这样一个场景：如何将前端上传的图片进行压缩传递给服务端？因为此前从未了解过图片压缩的功能，所以也是带着好奇进行了一番学习，那么我的解决思路如下展示 整体思路 创建input框实现图片上传 将上传的文件转成base64格式 前端通过base64进行原始图片展示，并将此图片进行压缩
微信小程序 图片压缩
摘要：主要是通过canvas进行压缩 兼容wx.compressImage API wx.compressImage 还没测试，canvas 缩放宽高比才能达到压缩 utils/compressImage.js // compressImage.js /** * @param {object} img 包
大屏适配方案
摘要：方案一 drawMixin.js // 屏幕适配 mixin 函数 // * 默认缩放值 const scale = { width: "1", height: "1", }; // * 设计稿尺寸（px） const baseWidth = 1920; const baseHeight = 108
txt及excel文件流 转 文字
摘要：依赖 "xlsx": "^0.16.0" 用法 import XLSX from 'xlsx' <input type="file" ref="inputFile" accept=".xls,.xlsx,.txt" @change="readFile($event)" /> async readFi
前端 base64加密 及 md5加密
摘要：js加密的好处: 1.用js对私密信息加密可避免在网络中传输明文信息,被人截取数据包而造成数据泄露。 2.避免缓存中自动缓存密码.比如在使用谷歌浏览器登陆时,输入的用户名和密码会自动缓存,下次登陆时无需输入密码就可以实现登陆,这样就给别人留下漏洞,当别人用你电脑登陆或把input的type改为tes
qull富文本编辑器实现文本标注颜色
摘要：示例版本 "quill": "^1.3.7", 引入插件 import Quill from 'quill' import 'quill/dist/quill.snow.css' 绑定dom <div class="main-text" ref="editor" :content="content"
图形化引擎antv/G6--自定义节点创建紧凑树
摘要：1.参考： G6 TreeGraph树图默认展开几层节点 graph.data(data) graph.render() graph.fitCenter() // 移到图中心 setTimeout(() => { // 1 默认展开两层节点，之后，重新渲染 G6.Util.traverseTree(
moment上手
摘要：官网地址：http://momentjs.cn/ 使用 currentDay && current < moment().endOf('day’);//当天之前的不可选，包括当天 currentDay < moment().subtract(1, 'day')//当天之前的不可选，不包括当天 tim
Inertia.js实现吸附效果
摘要：效果 如果使用 //以vue中使用为例 mounted() { const btn = this.$refs['fixed-group'].querySelector('.fixed-link') new Inertia(btn) }, Inertia.js源码 /** * 吸附按钮 */ var
JS工具库
摘要：Day.js 一个极简的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持一样, 但体积仅有2KB。 npm install dayjs 基本用法 import dayjs from 'dayjs' dayjs().format('YYYY-MM-DD HH:m
代码编辑器vue2-ace-editor
摘要：template部分 <template> <div class="codeEditBox" :style="{height: height + 'px'}"> <editor ref="aceEditor" v-model="options.value" //初始化显示是内容 @init="edi
WEB前端ide 插件magic-api
摘要：一款快速接口开发在线IDE 示例：https://magic-api.ssssssss.org/ 插件地址：https://gitee.com/ssssssss-team/magic-editor vue引入 <template> <div> <magic-editor :config="confi
移动端图片缩放插件Pinchzoom.js
摘要：1.哪里找? https://github.com/jias/pinchzoom https://www.jq22.com/jquery-info9795 2.有什么作用? 提供了多点触摸手势，可以对任何 DOM 元素进行缩放和拖动 ,例如: 双击图片放大 , 双指放大缩小等 3.如何做? 示例:
短而精代码段哟
摘要：将obj转为url字符串 var queryString = Object.keys(obj).map(key => key + '=' + obj[key]).join('&'); 获取URL的查询参数 q={};location.search.replace(/([^?&=]+)=([^&]+)
这里会有你想要的,已收录css , js相关文章
摘要：css 杜瑶css参考手册 那些不常见，但却非常实用的 css 属性 CSS的常用套路(附demo的效果实现与源码） CSS 故障艺术 你未必知道的49个CSS知识点 你可能不知道的 CSS 计数器 js JavaScript 经典实例收集整理 前端常用 60 余种工具方法 写这么骚的 JS 代码，
时间格式化相关
摘要：html部分 <div class="count_down"> <div class="z_time"> <div class="clock"> 活动倒计时 </div> <div class="time"> <span class="day1">0</span> <span class="day2
前端常用算法集合，持续更新...
摘要：myFn(obj){ //深度遍历替换 for(let i in obj) { console.log(i + ': ' + obj[i]); if (i == 'navigator_url') { obj[i] = obj[i].replace("goods_list", "goods_list/
