随笔分类 - js库
各种功能的库
摘要：1、需求：需要根据博客内容生成一段摘要用于列表展示 2、思路：通过富文本生成的博客内容是html，那么只要对html进行解析就可以拿到需要的摘要数据 3、实现：下面主要通过jsdom这个库解析html 安装依赖 npm i jsdom 使用 let html = `<p>1、需求：需要根据博客内容生
阅读全文
摘要：uglify-js是一个小巧的js解析器、缩小器，用于压缩混淆js代码，压缩js文件时比较方便的小工具 安装：可安全局或安在单个项目，根据需求 npm install uglify-js -g or npm install uglify-js 使用：打开终端，cd到该文件目录，输入指令进行压缩。具体
阅读全文
摘要：封装成组件 <script setup > import Editor from '@tinymce/tinymce-vue' //引入tinymce开启本地模式 import 'tinymce/tinymce' //引入图标和主题等 import 'tinymce/themes/silver/th
阅读全文
摘要：第一种方法：通过使用key云端调用 安装@tinymce/tinymce-vue npm i @tinymce/tinymce-vue 去官网注册一个账号获取key，然后去https://www.tiny.cloud/get-tiny/language-packages/下载语言包，放在目录下的pu
阅读全文
摘要：1、问题： 在vue2中axios通常是经过封装的后挂载使用的，来处理token及报错处理，比如 //main.js import ajax from '@/axios.js' Vue.prototype.ajax = ajax 在项目中使用也很方便this.ajax就行了，那vue3中是如何简单、
阅读全文
摘要：1、问题： 布置一个koa上传文件服务时，在线上报错，但是本地运行没问题 2、思路： 经检查是路径问题，项目上传服务器的时候经过webpack打包后，文件的上传的路径出现变化，这时需要本地和线上配置不同的路径，也就是说需要布置环境development和production 3、解决： 设置环境变量
阅读全文
摘要：包管理器安装 yarn add pinia # 或者使用 npm npm install pinia 在目录下创建store文件夹，并创建index.js文件 import { createPinia } from 'pinia' const pinia = createPinia() export
阅读全文
摘要：需求：开发过程中往往不是一个人开发，都是团队开发，每个人的风格都不一样，写的代码就很难维护，这就需要工程化ESLint+Prettier 来统一风格，方便维护 安装ESLint npm i eslint -D eslint安装成功后初始化 npx eslint --init 按照提示进行配置 然后在
阅读全文
摘要：1、介绍：这是一个git钩子，作用有可以在提交的时候去触发想调用的命令，比如代码风格格式化或者其他的命令 2、用法：https://typicode.github.io/husky/#/?id=automatic-recommended 安装 npm install husky --save-dev
阅读全文
摘要：tinymce相比wangEditor是一个功能多一点的富文本。 在vue中引入文件，也可以直接去官网下载，下载文件网址是 https://www.tiny.cloud/get-tiny/self-hosted/ npm install tinymce -S npm install @tinymce
阅读全文
摘要：1、需求：要在小程序中展示新手指引富文本，某位吃饱没事做的后端拉着我要弄一个pc端编辑富文本的页面。 2、思路：pc端wangEditor怼上去就好，比较注意的就是自定义的视频上传，小程序端要注意的就是视频不能用微信自带的rich-text去展示 3、实现 视频自定义上传 .vue createWa
阅读全文
摘要：1、问题：目前公司的开发模式是后端写接口，然后前端写页面，等前端页面写完了再对后端接口，与后端联调实现功能，这就导致跟后端对接接口联调的时候太累了，耦合太紧，交流半天才解决一丢丢问题，前端改的时候后端闲着，后端改的时候前端闲着的，沟通成本太高，效率太低下，在我看来这并不是真正意义上的前后端分离，需要
阅读全文
摘要：1、引入axios import axios from "axios"; 2、把文件放置到向外暴露的静态文件夹（vue的是public文件夹） 3、用get请求 axios.get("InterfaceReturn.json").then(res => { console.log(res ) });
阅读全文
摘要：1、简介：项目需求要弄一个数据录入表格，数据比较多并且是可编辑，按键切换输入框，左侧固定列等等，一开始表格是直接用的element，用着用着已经不满足需求，编辑数据多的时候慢的不行编辑还卡顿。 2、解决经历：一开始是打算用patch-package修改element源码的，然后发现引入的elemen
阅读全文
摘要：1、简介：有个功能需要修改node_modules里面的代码，就发现patch-package可以立即修改并保留对 npm 依赖项的修改。 2、安装patch-package npm i patch-package --save-dev 3、修改完依赖后，运行patch-package创建patch
阅读全文
摘要：1、简介：jsPlumb是一个用于画流程图线的一个开源库。 2、体验： 2-1、引入jsPlumb npm install jsPlumb --save 2-2、在文件里引入 import { jsPlumb } from 'jsplumb' 2-3、连接两个div let _this = this
阅读全文
摘要：1、简介：前后端分离的时候，后端接口没出来时，mock就非常好用了，能够拦截ajax请求，返回自己需要的随机模拟数据。 2、安装 npm install mockjs 3、使用 3-1：建立一个mock.js文件 import Mock from 'mockjs' /*mock的参数传入方式有几种可
阅读全文
