积极！

原创 vue3+vite+ts+pinia+windicss开箱即用脚手架

脚手架传送门项目整体采用 vue3 composition api + vite + pinia + vue-router + windicss + eslint + prettier + tslint

原创 Node.Js Buffer相关

:::warning一个汉字在内存中占用三个字节:::

原创 pyhon3 pdf转图片

Python3将pdf转换成图片不多废话，直接写代码文章目录Python3将pdf转换成图片不多废话，直接写代码首先引入依赖库首先引入依赖库from pdf2image import convert_from_path, convert_from_bytesfrom pdf2image.exceptions import (PDFInfoNotInstalledError, PDFPageCountError, PDFSyntaxError)import osimport tempfile

原创 pinia快速入门

Pinia入门到实践

原创 eslint，prettier配置

eslint,prettier配置，代码风格，代码规范

原创 js工具函数总结

获取浏览器 Cookie 的值export const cookie = name => ; ${document.cookie}.split(; ${name}=).pop().split(‘;’).shift();将 RGB 转换为十六进制export const rgbToHex = (r, g, b) => “#” + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);复制

原创 对于今天的uniapp在ios中打开闪退，你怎么看

原创 Layer2扩容方案介绍

Layer2 扩容方案技术分类: 「状态通道State Channel」「侧链SideChain」「Plasma」「Rollup」「Validium」「状态通道State Channel」状态通道要求用户将以太坊的状态快照存入到一个多签合约中，该状态将蕴藏着关键数据，比如一个地址在特定时间持有的ETH的数量。加入通道的用户之间可以实现快速自由的链外交易，具有即时的终局性和优越的隐私性。「侧链SideChain」侧链是一个独立的区块链，与主网平行运行，独立运作，它有自己的共识算法（权威证

原创 uniapp实现主题切换

主要的思路就是通过vuex，全局scss实现例如主题分为 白天和暗黑主题(light/dark)vuexnew Vuex.Store({ state: { vuex_theme: uni.getStorageSync('vuex_theme') ? uni.getStorageSync('vuex_theme') : 'light' }, mutations: { changeTheme(state, theme) { state.vuex_theme = theme;

原创 了解什么是IPFS

什么是IPFS协议,和传统的HTTP协议有什么关系?IPFS是一个点对点的分布式文件系统.也被称为"星际文件系统",在这个协议中，IPFS把文件在系统中如何存储，索引和传输都定义好了，也就是将上传好的文件转换成专门的数据格式进行存储,同时IPFS会将相同的文件进行了哈希计算，确定其唯一的地址，所以无论在任何设备，任意地点，相同的文件都会指向相同的地址，然后通过一个文件系统将网络中所有的设备连接起来传统的互联网模式是基于超文本协议HTTP,平时在互联网浏览器网站或下载文件都需要经过一个数据中心,可以说是

原创 mac升级xcode导致git无法使用

用mac的小伙伴一定知道，xcode的下载和安装总是让人感觉那么的烦躁，不安装xcode又会无法使用各种东西，比如git，有没有一种方法不安装xcode，或者不升级xcode就可以正常使用呢昨晚升级了xcode，然后一直提示正在安装，正巧，这个时候需要合并分支用到了git，但是提示-> gitxcrun: error: active developer path("/Applications/Xcode.app/Contents/Developer")does not exist, u.

原创 git笔记

git stashgit stash pop做一个假设,现在在feature/newFun分支上面开发功能,现在需要你去feature/oldFunc上面去修改一个小的bug,这时候可以在newFunc分支上面使用git stash 将修改的文件暂存起来,等到在另一个bug分支修改完之后切换到feature/newFunc之后使用git stash popgit stash list ：查看stash了哪些存储git stash clear ：删除所有缓存的stashgit pul.

转载 M1 mac 安装 vuecli出现 command not found,找不到命令

执行npm i -g @vue/cli之后查看版本vue -V提示 zsh: command not found: vue第一步:查看npm root -g正常的路径应该是 /usr/local/lib/node_modules，如果你的不是就要重新指定：npm config set prefix /usr/local执行完成之后重新用npm root -g 看一下是否在/usr/local/lib/node_modules下面如果在的话直接安装依赖就可以了npm i @vue/

原创 js面试题汇总

能实现一个new吗要实现new操作符,就要知道new + 构造函数都做了什么?创建一个空的对象将空对象的__proto__属性指向构造函数的原型将this指向这个对象返回这个对象function newFun(context) { // 创建一个空的对象 var obj = {} // 将空对象的__proto__属性指向构造函数的原型 obj.__proto__ = context.prototype; // 将this指向这个对象 将传入的实参分割出来指向obj上 co

原创 js快速排序

很简单的一个例子,当作学习思路:找一个基准数,并且将比基准数小的全部放到左边数组里面，比基准数大的全部放到右边数组里面分别对左右两个数组进行快速排序并且重新对左右数组进行赋值,但是有一个临界条件就是数组中的元素大于等于2个因为最小为两个的时候就没必要去拆分成为左右数组按照顺序合并排序好的左数组+基准数+右数组排序完成,返回最终数组function quickSort(arr) { let baseNum = arr[0] let leftArr = [], rightArr = .

原创 js 洗牌算法

需求是这样的项目中需要对一个数组中的元素进行乱序，随机推荐简单模拟一下思路:1.从还灭有处理的数组中生成一个0-数组长度之间的随机数randomIndex2. 找出数组中下标randomIndex的数,push到新的数组中最后然后,3. 结束的条件是原数组的长度为0，跳出循环let arr = [1,2,3,4,5] // 需要打乱的数组let shuffle = function(arr) { let result = new Array(), randomIndex; //

原创 vuex中不同模块中如何互相调用

当项目体积不断扩大时使用Vuex的地方越来越多，store文件越来越难以维护，我们需要对Vuex来解耦，所以可以使用vuex中modules去解耦,降低耦合度但是会存在一个问题，加了命名空间的不同模块之间如何调用会成为一个问题。当前modules中存在的模块假设当前在user.js模块里面调用sign里面的方法如下图图中白色的框是当前模块的方法名调用,红色的框是sign模块下面的方法名, 为什么这样写呢?如下vuex官网中找到的答案, 在这个模块中, dispatch和com.

原创 重学js之同步异步

了解异步要比较同步和异步，可以将调用函数的过程分成两部分：执行操作和返回结果程序在同步调用函数的时候，会立即执行操作并等待得到返回结果后再继续运行，也就是说同步执行是阻塞的。而异步会将操作和结果在时间上分隔开来，在当下执行操作，在未来某个时刻返回结果，在这个等待返回结果的过程中，程序将继续执行后面的代码。也就是说异步执行是非阻塞的。举一个例子：function syncAdd(a, b) { return a + b;}asyncAdd(1, 2) // 立即得到结果: 3func

原创 vue中展示md文档

1. 所需依赖1. github-markdown-css2. highlight.js3. vue-markdown-loader4. vue-template-compilernpm i github-markdown-css highlight.js vue-markdown-loader vue-template-compiler -Dvue.config.js配置chainWebpack(config) { config.module.rule('md') .

原创 element-ui中upload组件上传第一次事件有效，第二次失效的如何解决

在on-success的事件中清除已经上传的文件upLoadSuccess() { // 拿到upload的dom this.$refs.upload.clearFiles()}

原创 如何避免过多的if else

写项目的时候难免会遇见这种情况方法一let orderStatus = ''if (res.data.status == '1') { orderStatus = '待付款'} else if (res.data.status == '2') { orderStatus == '待发货'} else if (res.data.status == '3') { orderStatus == '已发货'} else if (res.data.status == '4') {

原创 用例子去理解call和apply

要使用call和apply,首先要知道他们是干什么的在js中,call和apply都是为了改变某个函数运行时的上下文(context)而存在的,就是为了个改变函数体内部this的指向举一个例子function Animals() {}Animals.prototype = { name: '旺财', say: function() { console.log(this) // Animals {} console.log('My name is ' + this.name.

原创 js中Date相关知识点

今天是2020-12-04, 三天前的年月日，三天后的年月日function GetDateStr(DayCount) { var dd = new Date(); dd.setDate(dd.getDate()+DayCount); //获取DayCount天后的日期 var y = dd.getFullYear(); var m1 = addzero((dd.getMonth()+1)) var m = (dd.getMonth()+1)<10?

原创 var/let/const 你都懂了吗

js中的变量你都知道哪些?ECMAScript 变量是松散类型的, 意思是变量可以用于保存任何类型的数据,每个变量只不过是用于保存任何值的命名占位符,其中有三个变量 var, const, let var在ECMAScript的所有版本中都可以使用,而const和let只能在ECMAScript6及以后的版本中使用var关键字要定义一个变量可以使用var操作符(var是一个关键字),后跟变量名(即标识符)var msg;这行代码的意思是定义了一个名为msg的变量,可以用它保存任何类型的值(在

原创 使用uni-app完成电商类小程序流程

特殊时期，在家就不要乱走动，逆战中更要不断地磨练自我，争取在自己需要的时候绽放出光芒。下面带着大家写一套电商类小程序的主要流程，个人练习，不喜勿喷推荐使用hbuilderX创建项目和运行项目全局配置pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。它类似微信小程序中app.json的页面管理部分。...

原创 form和jq和axios请求格式区别

说到请求数据，避免不了请求报文，但是什么是请求报文呢，请求报文分为请求行,请求头,请求体,而post请求都是在请求体中的,这个就不多说了请求头中的Content-Type **请求头中的Content-Type决定了请求体中的数据是以什么编码格式进行传输的,这也就是为什么一个刚入职的前端程序员和后台无法很好的进行交互，问题就是出在了请求格式的错误 即Content-Typ...

原创 vue-router中$route与$router,path与name,params与query的区别梳理

vue-router中route与route与route与router,path与name,params与query的区别梳理

原创 uni-app中的一些路由跳转区别

uni-app中几种路由跳转总结一下navigateTo,redirectTo只能打开非tabBar页面(例如列表到详情)switchTab只能打开tabBar页面(tabBar之间的传参等)reLaunch可以打开任意页面页面底部的tabBar由页面决定,就是只要时定义为tabBar的页面,底部都有tabBar,不能再App.vue里面进行页面跳转uni-navigateTo({...

原创 vue和react的区别

前端当中最为常用的就是vue和react框架，那么你了解他们的区别吗相同点1,都支持服务器端渲染2,都是虚拟dom组件化开发，3,数据驱动视图4,都有集中式状态管理工具,react有redux,vue有自己的vuex不同点1,react严格上只针对MVC的view层,vue是针对MVVM模式2虚拟dom不同,vue会跟踪每一个组建的依赖关系,不需要重新渲染整个组件树,但是对于re...