weixin_44647865的博客

原创 我的创作纪念日

提示：你过去写得最好的一段代码是什么？提示：当前创作和你的工作、学习是什么样的关系。提示：可以和大家分享最初成为创作者的初心。提示：在创作的过程中都有哪些收获。提示：职业规划、创作规划等​​。

原创 力扣100题-07-三数之和

给你一个整数数组 nums ，判断是否存在三元组 [nums[i], nums[j], nums[k]] 满足 i!= k ，同时还满足 nums[i] + nums[j] + nums[k] == 0。你返回所有和为 0 且不重复的三元组。注意：答案中不可以包含重复的三元组。

原创 微信小程序缩放图片与滑动图片：movable-view与swiper一起使用所产生的手势冲突的基本解决方案（操作过于频繁还是会出现问题，基本的使用是没有问题的）

2.怎么解决这个手势冲突呢，我采用的是mina-touch插件，去监听这两种手势，当双指在的时候，长按事件就不触发，滑动的时候长按事件也要阻止，因为在不停的滑动的时候，也会长按，大概就是这么一个思路。1.一些参数和需要用到的方法js代码注释都有了，只要复制过去看就好了。3.有疑问的同学欢迎留言，看到后回复。

原创 力扣100题-06-盛水最多的容器

【代码】力扣100题-06-盛水最多的容器。

原创 力扣100题-05-最长回文子串

【代码】扣100题-05-最长回文子串。

原创 flutter下载慢

【代码】flutter下载慢。

原创 力扣100题-04-寻找两个正序数组的中位数

【代码】力扣100题-04-寻找两个正序数组的中位数。

原创 力扣100题-03-无重复字符的最长子串

【代码】力扣100题-03-无重复字符的最长子串。

原创 力扣100题-01-两数之和

【代码】力扣100题-01-两数之和。

原创 力扣100题-02-两数相加（附带js数组转链表方法）

【代码】力扣100题-02-两数相加（附带js数组转链表方法）

原创 函数封装：关于数组内n个对象去重,根据需要去重的对象条件进行筛选

有更好的解决方法请评论UP！

原创 关于js中的Gnerator函数的yield分号问题解疑以及一个问题的提出

【代码】关于js中的Gnerator函数的yield分号问题解疑以及一个问题的提出。

原创 关于在CentOS7中使用node.js

下载完成之后解压这五个是独立的命令，压缩解压都要用到其中一个，可以和别的命令连用但只能用其中一个。下面的参数是根据需要在压缩或解压档案时可选的。下面的参数-f是必须的-f: 使用档案名字，切记，这个参数是最后一个参数，后面只能接档案名。这条命令是将所有.jpg的文件打成一个名为all.tar的包。-c是表示产生新的包，-f指定包的文件名。这条命令是将所有.gif的文件增加到all.tar的包里面去。-r是表示增加文件的意思。这条命令是更新原来tar包all.tar中logo.gif文件，-u是表示更新

原创 在vite中根据view中的文件自动生成路由(vue3)

前景提要：在实现这个功能的过程中：我碰到了三个问题1.在vite中无法使用fs模块2.vite不支持动态更改，需要去下载插件，其实我下载了还是没有用3.动态路由中不可以使用别名，因为解析不到。

原创 关于使用unplugin-auto-import/vite后在TS中报错的解决

【代码】关于使用unplugin-auto-import/vite后在TS中报错的解决。

原创 Vuex与Pinia的使用与其持久化以及两者之间的差别

1.vuex不可以直接修改state中的属性的值，需要通过mutations或者actions中的方法来修改。pinia可以使用storeToRefs()来直接修改，也可以通过store.$patch(state=>{})来批量修改属性值也是没有问题的。2.pinia中没有mutations，可以直接通过store对象来输出方法。OS：这应该是程序员为了偷懒写的插件啊哈哈哈哈，我猜是的。

原创 Vue3简易路由菜单组件封装

【代码】Vue3简易路由菜单组件封装。

原创 Vue3中＜Teleport/＞组件踩坑与异步组件运用

重点：！这个组件要在你想要传送的DOM加载完成之后才能使用，不然是传送不了的。## 官方释义： 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。## 作用场景：就比如说你想展示一个放大缩小的图片到整个页面上，但是又受到了例如：relative，absolute等定位的影响，运用这个组件或许是一个不错的方法，毕竟是官方提供的。

原创 关于Vue3中插槽的一些使用

问题2：当你想使用两个templat的时候发现只能使用一个，其实这个问题我也没办法，hhh，我解决的是数据的问题。，就比如说用户的个人信息，你想在A组件展示这个样式，想在B组件展示那个样式，可是你你不想写更多的组件，再发送数据，想偷懒，那就要用到作用域。一定要看这段话：使用作用域插槽有两种方法，一种是通过具名插槽的形式去使用，另一种是通过匿名插槽的形式使用，前者更加简单。***场景4、***如果你想整花活，想随意的变更插槽内容，有A、B、C三个插槽，***场景3、***

原创 Vue3学习碰到的一些问题记录

问题2：无法使用input框中的change事件去监听当前实时输入内容解决方案：在input标签使用这个属性能够监听 v-on:input=“changeValue”问题2.1 父子以及两兄弟组件如何互相通信（提供一种解决方法）思路：由父组件作为中介向两兄弟组件传播数据父组件注意：这里的v-model:valueParent="valueParent"会报错，不用管，因为如果你是刚开始使用vue3，vscode中的Vetur没有兼容这个写法，小问题，百度一下改下配置就好了，若果你真的觉得无法忍受那

原创 关于在vscode运行yarn的一个错误（已解决）

如果你在vscode命令窗口中出现了下面这个报错，那么你可以采取下面这个方法。打开管理员运行窗口（windows PowerShell）ps:右击windows窗口。

原创 vue-脚手架创建

前期准备1、检查node是否下载2、检查是否配置好了淘宝镜像更换镜像地址npm config set registry https://registry.npm.taobao.org/ 3、检查vue是否下载好下载vuenpm install -g @vue/cli如果碰到以下情况输入指令npm install -g @vue/cli-initVue脚手架有两种创建方式1：最快捷的，也就是最新版本vue/cli所带的Vue create 文件名称①输入创建指令

原创 关于vue-element-admin中配置跨域问题的解决

首先来看一下项目结构目录我们可以看到.env.development和.env.production文件以及vue.config.js这里是涉及到了接口的转发（我们可以看到base，base的意思是所有的请求前缀都会加上它）重点来了（如何配置跨域） proxy: { [process.env.VUE_APP_BASE_API]: { target: 'http://127.0.0.1:3000/', ws: true, change

原创 react-redux学习记录

redux简单使用流程上面是文件目录1：首先定义常量（constant.js）2:定义action文件（count.js）(person.js)3.定义reducers文件count.jsperson.js当然为了更好的组件化创建了index.js文件在store.js文件内创建store文件container其实是容器组件，用来连接store和UI组件的count.jsx小总结，在action中其实不推荐写完全一样的方法体（名字不能一样，有时候调用会出错，最好采

原创 React学习重点记录（无序）

上图是路由传参形式，用的最多的为params参数个人定义的路由组件个人感觉vue和react的路由学习难度差不多项目中控制路由跳转使用的是BrowserRouter，代码如下：ReactDOM.render((),document.getElementById(‘app’));在开发过程中使用是没有问题的，但是将页面上传至服务器之后，问题就来了：用户访问的资源不存在，页面是空白的。 经过排查怀疑是路径的问题，将BrowserRouter 改为 HashRouter.

原创 理解[“1“, “2“, “3“].map(parseInt)

理解[“1”, “2”, “3”].map(parseInt)输出为[1,NaN,NaN]的理解先来看一下官方的讲解map函数将数组的每个元素传递给指定的函数处理，并返回处理后的数组，所以 [‘1’,‘2’,‘3’].map(parseInt) 就是将字符串1，2，3作为元素；0，1，2作为下标分别调用 parseInt 函数。即分别求出 parseInt(‘1’,0), parseInt(‘2’,1), parseInt(‘3’,2)的结果。parseInt函数（重点）概念：以第二个参数

原创 Uniapp上传模块封装

function uploadFiles(baseUploadUrl,filepath,formdata){ // baseUploadUrl:cos上传地址 //filepath:文件地址 //formdata:表单元素 //这里采用的是腾讯云存储桶上传，所以需要配置上传策略， return new Promise((resolve,reject)=>{ uni.uploadFile({ url: baseUploadUrl, filePath:fil.

原创 Uniapp深度爬坑中（持续更新。。。。）

深度爬坑中。。。。持续更新

原创 uniapp组件封装-下拉菜单栏

如图效果<template> <!-- 组件整体 --> <view class="select_down_mDown"> <!-- 组件头部 --> <view class="select_down" @click.stop="showDownMenu"> <!-- 提示文字部分 --> <text class="select_down_text">Choose your occupation&

原创 常用正则表达式

原创 2021-06-03

解答：为什么vue-element-admin中的 [process.env.VUE_APP_BASE_API]: { target: 'https://127.0.0.1:3000', changeOrigin: true, // 配置跨域 pathRewrite: { ['^' + process.env.VUE_APP_BASE_API]: '' } } }配置失败（process.env.

原创 blog Manager 后台管理系统

在上个月，突发想象，想自己做一个系统，但是突然感觉到了难度。本人是前端，后台接口的缺失确实一度令项目停滞了下来，然后自己去看了下node和express，看了下差不多了之后就开始写了管理系统用的时候vue-element-admin,末尾奉上git地址后台接口用的是node写的前台界面：采用了jwt的验证机制，每次发送请求都要验证一下token，大大提升了安全性，延用了vue-element-admin框架的权限机制，在这方面还可以进行下一步的完善，目前的话完善了后台文档：<!-- 用

原创 Linux学习日志-02

高级指令ps -ef 列出全部进程top 进程所占资源 -M 从高到底排列 -P CPU3.du -sh 查看目录文件真实大小4.find 查找文件或文件夹5.servic /start/stop/restart 对服务的操作6.ifconfig 网卡7.kill 进程...

原创 Linux学习日志-01

虚拟机快照虚拟机克隆（虚拟机必须要在关机状态使用）rm -rf /* 删除根目录下的文件目录结构：bin:全称binary,含义是二进制，该目录中存储的都是一些二进制文件，文件都是可以被运行的。Dev:该目录中主要存放的是外界设备，例如盘、器他的光盘等。在其中的外接设备是不能直接被使用的，需要挂载（类似windows下的分配盘符）。Etc:该目录主要存储一些配置文件。Home:表示“家”，表示除了root用户以外器他用户的家目录，类似于windows下的User/用户目录。Proc:.

原创 Node.js学习日志-07

模板继承，模板引用//引用{{ include './head.html'}} {{title}}<br> //继承 {{block 'content'}} <h1>默认内容</h1> {{/block}}{{include './footer.html'}}//继承{{extend './index.html'}}node中各个模块都是独立的，node没有全局作用域，是文件模块作用域数据库关系模型是指二维数据表

原创 Node.js学习日志-06

项目-博客起步node内置模块path初使用两个重要的路径属性：__dirname(获取当前执行文件的绝对路径)，__filename(获取文件的绝对路径)__dirname:__filename:在Node中文件操作的路径被设计为相对于执行node命令所处的路径...

原创 Node.js学习日志-05

node.js与mysql结合使用var mysql = require('mysql');var connection = mysql.createConnection({ host:'localhost', //数据库地址 user:'root', //用户默认为root password: 'root',//密码 database: 'hotel'//需要访问的数据库}); connection.connect(); // connection.que

原创 Node.js学习日志-04

原生find()和findIndex()方法//conditionFunc是一个回调函数Array.prototype.myFind=function(conditionFunc){ for(var i=0;i<this.length;i++){ //每一次循环都会执行if语句,将当前数组放在回调函数当中进行判断 if(conditionFunc(this[i],i)){ //如果为true，返回当前对象 r

原创 Node.js学习日志-03

express处理post表单提交请求引入中间件 body-parase然后注册使用这个时候的body对象就能够解析出来了提取路由模块并调用对于使用post请求的路由不可以通过地址直接访问，只可以由post表单提交或者其他的post请求来访问使用promise异步时碰到的问题resolve是返回正确信息的，reject是用来返回错误信息的（错误信息：(node:25064) UnhandledPromiseRejectionWarning: [object Uint8Array](

原创 Node.js学习日志-02

// 如果非路径形式的标识// 路径形式的标识： // ./ 当前目录 不可省略 // ../ 上一级目录 不可省略 // /xxx也就是D:/xxx // 带有绝对路径几乎不用（D:/a/foo.js）// 首位表示的是当前文件模块所属磁盘根目录// require('./a');// 核心模块// 核心模块本质也是文件，核心模块文件已经被编译到了二进制文件中了，我们只需要按照名字来加载就可以了require('fs'); // 第三方模块// ..