weixin_44073164的博客

原创 小程序登录流程

1.前端利用html写上登录按钮：再点击登录按钮时通过绑定点击事件，调取小程序官方文档wx.login如图所示wx.login成功回调会返回一个code值。2.调取后台接口：将code值参数传给后台，后台通过此接口将，openid和unionid返回给前端。3点击授权登录按钮，绑定一个点击事件触发小程序wx.getUserProfile（{}），返回给前端用户信息，头像之类的。关于这个可以去微信小程序 wx.getUserProfile 接口获取用户信息 - 简书去了解一下。4...

原创 vue3 引入 pinia-plugin-persistedstate详细配置

paths: ['user',], //指定 state 中哪些数据需要被持久化。import piniaPluginPersistedstate from 'pinia-plugin-persistedstate' //引入持久化插件。pinia.use(piniaPluginPersistedstate) //将插件添加到 pinia 实例上。const pinia = createPinia() //创建pinia实例。2.store文件夹新建user.ts。key: 'user', //存储名称。

原创 pnpm的安装

百度安全验证。

原创 新建本地远程分支，并拉取远程分支代码

git checkout newBranch { 切换到本地分支newBranch成功新建名为“newBranch”的新分支，同时使用切换分支的命令，将分支从(main)切换到了(newBranch)git branch -a - 查看本地仓库和远程分支 (a 是 all 的简写)git branch newBranch - 新建本地分支newBranch。git branch -r - 查看远程分支。2.git clone 远程仓库分支链接。4.git branch - 查看本地分支。

原创 本地代码推码云远程

6.git push origin master 报错 git push -f origin master。2.与远程仓库 链接 git remote add origin <git项目地址>3.git pull origin master 拉取远程仓库代码。5.git commit -m "提交的注释信息"1.本地项目 git init。

原创 vue引入沐瑶软笔手写体

把汉字换成英文引入沐瑶字体下载地址。

原创 电梯导航a链接锚点跳转生硬

css加上这一点，就可以有过渡滑动效果了。

原创 canvas 文字居中

小程序--Canvas文字居中_51CTO博客_canvas 文字居中

原创 es9 正则扩展提取url

js正则提取url

原创 es6对象方法扩展

es6对象方法扩展

原创 小程序wx.getUserProfile和wx.getUserInfo调整

小程序wx.getUserProfile和wx.getUserInfo收回

原创 es5新增数组方法

es5新增数组操作

原创 vue3 配置路由

2.在src下面创建一个router文件夹，在router文件夹下新建一个index.js文件。使用npm install vue-router --save。3.然后再main.js里面配置下图。4.在App.vue里面。

原创 修改css border 的长度

css

原创 正则表达式

正则表达式是字符串的一种匹配模式，专门为简化字符串操作而生。正则表达式的创建方式var reg = /askjd/修饰符 字面量形式var reg = new RegExp(字符串，修饰符) 构造函数形式修饰符g 全局匹配i 忽视大小写m 换行匹配var str = 'abc'var reg = /a/reg.test(str) 检测str中有没有符合reg的规则 有返回true,反之falsestr.match(reg) 匹配str中有没有符合reg规则的字符

原创 css动画 和过渡

过渡transition 属性 状态变化过渡时间transition属性，transition:width 2s ,background 2s动画animation用法例如：div :hover{animation:donghua 3s ; //起个名字}@keyframes donghua {0% {height:100rpx} 0%也可以换成from50%{ height:200px}100%{height:300px} 100%也可以换成to}...

原创 弹性盒模型

1.容器属性需要利用display:flex;定义一个容器为弹性盒模型2.flex-direction通过该属性可以定义容器内item主轴的方向，items就会沿着主轴排列。弹性盒模型是单方向布局模式。flex-direction:row | row-reverse | column | colum-reverserow :横向正向排列row-reverse:横向反向排列column:纵向正向排列column-reverse:纵向反向排列3.flex-wrapflex-wrap:nowrap

原创 解决css中justify-content:space-between；一排不满现象

原创 NaN===NaN

原创 小程序使用VANT van-tabs 标签居左显示

原创 css定位

定位分为静态定位，相对定位，绝对定位，固定定位四种。1.静态定位（static）一般的标签元素不加任何定位属性都属于静态定位，在页面的最底层属于标准流。在静态定位模式，无法通偏移属性（top、bottom、left或right）来改变元素的位置。 PS：设置跟不设置其实一个样儿！2.绝对定位（absolute）绝对定位从文档流脱出，使用left,right,top,bottom等属性相对于其最接近的一个最有定位设置的父级元素进行绝对定位，如果元素的父级元素没有设置定位属性，则依据body元

原创 字符串拼接 +

1. 如果是字符串 + 数据 ，后面的数据会进行toString()变成字符串进行拼接2.如果是数字+ 数据 ，后面的数据会进行Number()变成字符串进行拼接3.如果是数值+ 引用类型，后面的数据会进行toString()变成字符串进行拼接备注：先看图再看文字...

原创 JS字符串转换为数字，Number()，parseInt()和parseFloat()的区别

Number()能转换boolean值，null，只含整数或小数的字符串，空字符串，对象。parseInt()按字符解析，直到遇见第一个非数字字符为止。parseFloat()按字符解析，直到遇见一个无效的浮点数字字符为止。...

原创 js.replace()

replace：意思取代；（用……）替换，（以……）接替；更换， 赔还；把......放回原处见名知意替换，replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串例子1： var str = "Visit Microsoft!" console.log(str.replace(/Microsoft/,"Helo")) 输出："Visit Helo"全局替换为：例子2：var str = "WelcometoMi...

原创 微信小程序不在以下request合法域名列表中

1.解决方案打上勾。2.但是到了线上就不可以了，可以的登录微信公众平台开发管理---》开发设置---》配置服务器域名request合法域名.3.配置完成后，微信有段时间的缓存，并不会马上生效，需等待10分钟左右...

原创 小程序生成二维码qcode,支持回调函数，以下是weapp-qrcode.js内容

//Corecodecomesfromhttps://github.com/davidshimjs/qrcodejsvarQRCode;(function(){/***Getthetypebystringlength**@private*@param{String}sText*@param{Number}nCorrectLevel...