weixin_62374100的博客

原创 WIN11最新版关闭edge浏览器alt+tab切换子标签页

WIN11最新版关闭edge浏览器alt+tab切换子标签页

原创 可使用ChatGPT，可使用一键视频去除水印，有这免费的app就够用了

免费ChatGPT使用，免费一键去除视频水印，有这免费的app就够用了

原创 【JS高级】Promise

什么是Promise*promise内部代码会同步执行(如果不加异步任务).then中的代码是异步执行的抽象表达Promise是一门新的技术(ES6规范)Promise是JS中进行异步编程的新解决方案备注:旧方案是单纯使用回调函数具体表达从语法上来说: Promise是一个构造函数从功能上来说: promise对象用来封装一个异步操作并可以获取其成功/失败的结果值...

原创 【JS高级】es6

什么是ES6ES的全称是ECMAScript ,它是由ECMA国际标准化组织,制定的一项脚本语言的标准化规范。泛指2015年发布的es2015版极其后续版本ES6中新增语法letES6中新增的用于声明变量的关键字。注意:使用let关键字声明的变量才具有块级作用域，使用var声明的变量不具备块级作用域特性。let声明的变量只在所处于的块级有效 只能在{}大括号中被访问...

原创 【JS高级】正则表达式

什么是正则表达式正则表达式(Regular Expression )是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式(规则)的文本，例如验证表单∶用户名表单只能输入英文字母、数字或者下划线，昵称输框中可以输入中文(匹配)。此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(...

原创 【JS高级】高阶函数

什么是高阶函数高阶函数是对其他函数进行操作的函数，它接收函数作为参数或将函数作为返回值输出。此时fn就是一个高阶函数函数也是一种数据类型，同样可以作为参数，传递给另外一个参数使用。最典型的就是作为回调函数。闭包变量作用域什么是闭包闭包( closure )指有权访问另一个函数作用域中变量的函数。----- JavaScript高级程序设计简单理解就是，一个作用域可以访问另外一个...

原创 【JS高级】严格模式

什么是严格模式JavaScript除了提供正常模式外，还提供了严格模式( strict mode )。ESS的严格模式是采用具有限制性JavaScript变体的一种方式，即在严格的条件下运行JS代码。严格模式在IE10以上版本的浏览器中才会被支持，旧版本浏览器中会被忽略。严格模式对正常的JavaScript语义做了一些更改:消除了Javascript语法的一些不合理、不严谨之处，减少了...

原创 【JS高级】函数的进阶

函数的定义与调用1.1函数的定义方式函数声明方式function关键字(命名函数)function fn(){}函数表达式(匿名函数)var fn=function(){}new Function()var fn=new Function('参数1','参数2','函数体')Function里面参数必须是字符串格式第三种方式执行效率低，也不方便书写，因此较...

原创 【JS高级】新增方法

数组方法遍历方法：forEach(),map(),filter(),some(),every()some效率更高，因为他找到第一个为true的时就跳出字符串方法trim()方法或从字符串的两端删除空白字符var str=" 123 "console.log(str.trim())对象方法Object.defineProperty()方法定义新属性和修改久属性...

原创 【JS高级】类与构造函数

类和对象创建类语法 Class name{ // class body}创建实例var xx = new name();类的constructor构造函数constructor()方法是类的构造函数(默认方法)，用于传递参数,返回实例对象，通过new命令生成对象实例时，自动调用该方法。如果没有显示定义,类内部会自动给我们创建一个constructor()类中添加方...

原创 【Vue3】如何使用全局事件总线

当大家学完vue时，应该就会有一个疑问了，setup中的onMounted没有this，而以配置项的形式现在与setup平级时又显得不太优雅，但又想使用全局事件总线，所以就会了解到一个相当于vue2的Vue.Property的一个配置项叫做app.config.globalProperties，但是当我们往其身上挂载this或createApp({})时又会发现，其身上很干净，没有 $ on,他...

原创 【Vue3】新特性

vue3开发者工具安装https://chrome.zzzmh.cn/#/index至今还存在的问题：1:watch监视对象时无法访问到oldval2：watch监视器默认强制开启深度监视，deep：false无效3：监视单个属性时watch需要写成函数并有返回值watch(()=>people.age,(newval,oldval)=>{})常用的Composition...

原创 【微信小程序】封装request请求模块/wx小程序手动封装Promise

// 封装请求模块const Promise = require('./Promise.js');const baseUrl = 'http://127.0.0.1:8080/';function request(method, url, data) { return new Promise((res,rej) => { let header = { 'cont...

原创 【微信小程序】view内文字解决超出view不自动换行问题

// 在css内书写 word-break:break-all;

原创 【微信小程序】实现登录功能

前端实现goLogin() { wx.getUserProfile({ desc: '获取你的昵称、头像', // 如果获得授权,发起请求,向服务器提交code success: ress => { wx.login({ time...

原创 【微信小程序】解决wx.switchTab不能传递参数问题

解决方法：1：使用wx.setStorage()向本能存储里面存储要传递的数据 2：借用app对象传递全局参数// 1.在app.js中定义要传递的全局参数App({ globalData: { userInfo:{} }})// 2.在login页面success返回中设置const app=getApp()app.globalData...

原创 【Vue】vue移动端实现触摸事件（v-touch）的使用

安装npm install vue-touch@next -Smain.js引入1、import VueTouch from 'vue-touch'2、Vue.use(VueTouch, {name: 'v-touch'})// 组件内<template> <v-touch v-on:swipeup="swiperup" v-on:swipedown="sw...

原创 【Vue】vue中echarts的使用

在中间添加文字option:{ title: { // 图形标题(如果想要换行则使用ES6 `` 模板字符串) // 例如： `示例 // 这里的文字会变为第二行(因为会保留格式) // ` text: '文字', left: "center",//对齐方式居中 top: "45%",//距离顶部 textStyle: {//文字配置 co...

原创 【Vue】vue2使用vue-pdf插件

导入：npm install --save vue-pdf<pdf v-for="i in numPages" :key="i" :src="src" :page="i" style="display: inline-block; width: 50%" ><...

原创 【Vue】在网页中嵌入视频直播和聊天（.m3u8）

1、安装vue-video-playernpm install vue-video-player --save2、在main.js中引入vue-video-playerimport VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/c...

原创 【Vue】JS文件中.map文件的作用|路由懒加载

项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错有了map 就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。所以该文件如果项目不需要是可以去除掉vue.config.js 配置productionSourceMap:false路由懒加载当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的...

原创 css自定义变量

原创 【微信小程序】获取dom元素的方法

微信小程序获取dom元素的方法var query = wx.createSelectorQuery();query.select('#xxx').boundingClientRect()query.exec(function (res) {//res就是 所有标签为mjltest的元素的信息 的数组console.log(res);})...

原创 【微信小程序】使用setDate修改属性时不影响其他属性

this.setDate({ info:{ a:50 }})上述方法除过a以外的其他属性也会被覆盖，从而成为空值可使用以下方法this.setData({ ['info.userImg']:this.data.fileList })...

原创 【nodejs】解析前端传来的多层对象数组嵌套解析失败解决

参考https://wenku.baidu.com/view/daef7b3ba000a6c30c22590102020740be1ecdfe.html解决步骤：使用qs模块解析多层对象或数组1.npm i qs2.import qs from 'qs';3.console.log(qs.parse(req.body));...

原创 【nodejs】multer(图片，文件上传处理模块)

使用方法模块官网：https://github.com/expressjs/multer/blob/master后端Node实现// 安装并导入模块import multer from 'multer';// 创建中间件函数var upload = multer({ storage: multer.diskStorage({ //设置文件存储位置 dest...

原创 【nodejs】使用es6规范是__dirname失效问题

import path from 'path'const __dirname = path.resolve();

原创 【nodejs】Token（jsonwebtoken）的加密与解密（express-jwt）

jsonwebtoken加密Token的使用步骤npm i jsonwebtoken定义一个密钥const secretKey = 'tieshankao114322';当判断登录成功后加密token后返还给客户机const jsonwebtoken = require("jsonwebtoken"); if (bcryptjs.compareSync(req.body.passw...

原创 【nodejs】bcryptjs 对密码进行加密解密模块

导入模块import bcryptjs from 'bcryptjs';加密bcryptjs.hashSync(req.body.password, 10)解密bcryptjs.compareSync(req.body.password, result[0].password)

原创 【nodejs】mysql2模块的使用|解析post请求中间件

mysql2支持promise风格使用方法后端node遵循es6模块分类(1)在app.js同路径下创建mysql文件夹。(2)在mysql文件夹下创建mysql.js文件并引入mysql2模块(3)代码格式如下：import mysql from 'mysql2';const db = mysql.createPool({ host: '127.0.0.1', ...

原创 【Vue】关于vue2中的sass和node-sass和sass-loader的兼容问题

直接卸载原来的sass-loader和node-sassnpm uni xxx然后安装sass和sass-loader这两个//版本分别为npm i sass@1.51.0npm i sass-loader@10.1.1当出现以下警告时Deprecation Warning: Using / for division outside of calc() is deprecated ...

原创 【微信小程序】wx小技巧及常用api及使用/小程序发布上线

wx.showLoading(Object object)加载中效果https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showLoading.html显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框示例代码：wx.showLoading({ title:...

原创 【微信小程序】自定义tabBer

官方文档https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html1.在app.json中添加如下{ "tabBar": { // 添加custom：true，不删除原本list目录，保证低版本可以正常运行 "custom": true, "colo...

原创 【微信小程序】分包

一、分包的概念1.什么是分包分包指的是把一个完整的小程序项目，按照需求划分为不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。2.分包的好处对小程序进行分包的好处主要有以下两点:可以优化小程序首次启动的下载时间在多团队共同开发时可以更好的解耦协作3.分包前项目的构成分包前，小程序项目中所有的页面和资源都被打包到了一起，导致整个项目体积过大，影响小程序首次启动的下...

原创 【微信小程序】全局数据共享

1.什么是全局事件共享全局数据共享(又叫做:状态管理)是为了解决组件之间数据共享的问题。开发中常用的全局数据共享方案有:VueX、ReduX、MobX等。2.小程序中的全局数据共享方案在小程序中，可使用mobx-miniprogram配合mobx-miniprogram-bindings实现全局数据共享。其中:mobx-miniprogram用来创建Store实例对象mobx-m...

原创 【微信小程序】使用npm包

小程序对npm的支持与限制npm包有如下三个限制不支持依赖于Node.js内置库的包不支持依赖于浏览器内置对象的包不支持依赖于C++插件的包总结:虽然npm 上的包有千千万，但是能供小程序使用的包却“为数不多”。一、Vant Weapp1.什么是Vant WeappVant weapp是有赞前端团队开源的一套小程序UI组件库，助力开发者快速搭建小程序应用。它所使用的是MIT开...

原创 【微信小程序 】自定义组件

一、组件1.创建组件在项目的根目录中，鼠标右键，创建components -> test文件夹在新建的components -> test文件夹上，鼠标右键，点击“新建Component"键入组件的名称之后回车，会自动生成组件对应的4个文件，后缀名分别为.js，.json，.wxml和.wxSS2.引用组件组件的引用方式分为“局部引用”和“全局引用”，顾名思义:局部...

原创 【微信小程序】地图map组件的使用,打开自动获取当前位置

map的使用点击查看代码<map latitude="{{latitude}}" longitude="{{longitude}}" markers="{{markers}}" bindmarkertap="markertap" />页面启动后自动获取当前经纬度点击查看代码data: { latitude: 0, longitude: 0, ...

原创 【Vue】小技巧

路由链接那个被激活就给那个绑定class<router-link active-class="active" to="/about">About</router-link>//如果不想使用路由跳转 但只想使用active-class属性，只需要将四个to属性的值设置不同即可<router-link to="javascript1:;" active-class...

原创 【Vue】axios的进一步封装/nprogress的使用

导入axios与nprogress，和nprogress.css样式import axios from 'axios'import nprogress from 'nprogress'import 'nprogress/nprogress.css'import Qs from 'qs'对axios的进一步封装// 1、对axios二次封装const requests = axios...