weixin_43457011的博客

原创 TypeScript 语法 + 工具封装

TypeScript 从0到1

原创 vue3 项目笔记

方法一： 通过路由的 meta 参数添加一个布尔值，拿到当前活跃路由，通过布尔值判断是否显示。方法二：通过设置高度遮挡 tabbar，在公共的css 设置样式，在需要使用的页面引用。如果有变量则修改变量，没有则修改类样式 通过 :deep(类名）修改。使用 直接拿vant 示例代码，无需再引入 列如按钮。

原创 pinia从入门到使用

在页面使用 不推荐使用解构赋值 ，解构之后不是响应式的 但可以通过vue 的 toRefs 以及 pinia 提供的 storeToRefs 变为响应式。在stores下新建 counter.js文件夹，使用defineStore 创建 传入一个（唯一名称）， 命名时一般使用use + (唯一名称)在stores下新建 user.js文件夹。在stores下新建 home.js文件夹。创建stores/index.js。使用别的state 里面的值。方法一：使用 state。方法二：使用this。

原创 vuex actions异步请求 跟module模块化

列如：调用 mutations 方法实现修改state 数据 （只能通过mutations 修改 state 数据）在开发时难免会遇见 模块中存在相同命名的情况，默认情况下会同时获取，所以加命名空间独立出来。在页面中直接调用（dispatch 调用）在页面调用 （dispatch 调用）新建 module/ home.js。在store/index.js 引入。列如将上面的轮播图抽取出来。实现api 请求数据。

原创 vue-router 路由权限，路由导航守卫

beforeEach 回调函数，在页面跳转时触发，接受参数，to，from to 当前路由，from 要跳转的路由。使用场景：判断是否登录（一般根据token 判断），列如：菜单权限的分配（管理员与用户不一致）在登录页面时判断是否登录成功来执行是否跳转。1.已登录，跳转订单页面，2.没登录，跳转登录页面。

原创 vue2,vue3使用vuex

【代码】vue2,vue3使用vuex。

原创 vue3 setup展示数据

【代码】vue3 setup展示数据。

原创 vue3 vue-router 笔记

添加事件方法 query 传参。app.vue 添加点击事件。使用 pathMatch。

原创 vue组件的生命周期 笔记

create （重要：1.发送网络请求 2.事件监听 3.this.$wacth()）3.挂载到虚拟DOM - 虚拟DOM - 真实的DOM - 界面看到的h2/div等。根据最新的数据生成新的VNode,生成新的虚拟DOM 真实DOM。mounted(重要：元素已经挂载 获取DOM 使用DOM)unmounted（相对重要：回收操作（取消事件监听））将之前挂载在虚拟DOM中VNode从虚拟DOM移除。5.不再使用 v-if=“false”4.数据更新：message改变。2.template模板编译。

原创 小程序Android分享朋友圈

微信小程序Android分享朋友圈

原创 微信小程序 错题记事本 111111

radio 设置大小style="transform:scale(0.7)"接口遇到问题export const uploadFile = data => { //上传文件 return AjaxuploadFile({ url: '/xxxx/xxxx?directoryName=miniapp', filePath: data.filePath })}export const getBusiness = (data) => { // 模板字符串 re

原创 uniapp rpx自适应 最大宽度 960px后失效

uniapp rpx 自适应超过960px时失效小于 960px 时大于960px时 失效只能自己再配置了，我用的是媒体查询小于960px时大于960px时@media screen and (min-width: 960px) { .content { margin: auto; display: flex; flex-flow: column; justify-content: center; width: 80%; background-c

原创 uniapp 图片上传自己挖的坑

问题描述：图片上传uploadFileRes.data 一直为null\n,控制台并未报错；有错误不可怕，可怕的是不报错的错误，泪目，网上找了好多资料，也向大佬请教了，以为是不能用get方式请求，其实后台没设置。。。。最后才发现是字段错了，uni.uploadFile里面的name 一般都是file,而我也是一直写的file,所以才会一直获取null，最后看了接口文档，才发现是iFile。...

原创 uniapp 渲染报错

问题描述：“TypeError:无法读取未定义的属性（读取’length’）”如下图无法读取未定义属性的长度解决方法：未定义那就定义呗ok,解决

原创 bootstrap 栅格系统排列出错

问题描述，如下图排列的时候错位了解决方法：1.使用 栅栏 系统的时候，应该在每一行都使用 row 单独包裹起来，不要直接在一行中连续加入 col 让他自动换行。2.注意所有元素的高度，最好是固定元素高度...

原创 uniapp 转小程序 插件未注册的坑

uniapp 转小程序 插件未注册的坑报错 ：此应用程序尚未注册任何插件 Error: This application has not registered any plugins yet. at t.checkWxConfig (VM7539 WAService.js:2) at t.requirePlugin (VM7539 WAService.js:2) at index.js? [sm]:3 at require (VM7539 WAService.js:2)

原创 2021-03-19

javawed踩坑记录问题：java.lang.IllegalStateException: No typehandler found for property salePrice原因：对象属性的set方法中类型和数据库字段类型不对应解决方法：修改成为相对应的数据类型2.问题：1064 - You have an error in your SQL syntax; check the manual that correspon原因：sql语句报错 ，错误的原因是这里多了一个 ，号解决方法：将

原创 idea jdbc 连接数据库增删改查

Jdbc概念：Java DataBass Connectivity Java 数据库连接， java语言操作数据库jdbc本质：官方定义的一套操作所有关系类型数据库的规则，即接口。各个数据库厂商去实现这个接口，提供数据库驱动jar包。我们可以使用这套接口编程，真正执行的代码时驱动jar包中的实现类idea连接jdbc数据库操作增删改查下载mysql-connector-java.jar包（https://www.mysql.com/）并导入新建文件夹lib将mysql-connector

原创 Artifact “xxx - xxxx“:war exploded: 部署工件时出错。请参阅服务器日志了解详细

问题：在配置maven tomcat的时候发现git报错Artifact yga-operate:war exploded。在网上找了好多方法都是说是项目配置问题或者代码问题，最后请教大佬才知道是git分支的问题（当然要看自己的情况而定）。解决方法：在idea终端输入git branch -a出现错误remotes/origin/HEAD -> origin/masterremotes/origin/master在输入命令git checkout -b zhanghanlun

原创 数据库安装与环境配置

因为没有接触过数据库，所以折腾了半天，终于在网上找到了解决方法。下面是一些自己的总结笔记，希望阔以帮到你。数据库环境配置安装下载 地址 https://dev.mysql.com/ （免安装版）不废话 直接上图配置环境1.以管理员身份打开命令行(如下图所示)，一定要是管理员身份，否则由于后续部分命令需要权限，出现错误！2.转到mysql安装包bin目录下 以你们自己安装路径为准3.执行安装命令mysqld --install4.执行命令生成随机初始化密码mysqld

原创 uniapp 复选框 是否选中取值

uniapp js 根据复选框 取值对列表的数据加标记选中为true 非true为没有选中每勾选一次 循环计算一次 总数就是选中数选中存 <序号、是否选中>对象数组去掉选中 循环数组 找到对应的 进行移除<view class="top"> <view v-for="(item,index) in invoiceList" :key="item.index" @click="selectItem(index)"> <view clas

原创 es6笔记

es6变量var可以重复声明无法限制修改没有块级作用域let不可以重复声明变量可以修改有块级作用域const不可以重复声明常量不能修改有块级作用域普通函数function 名字(){}let show = function(){ alert('0')}let arr = [22,55,75,4,12,54];arr.sort(functon(n1,n2){ return n1-n2});alert(arr)箭头函数()=>

原创 uniapp遇到的问题

1 uniapp 回调函数修改data里面的值在回调函数后面加 .bind(this)uni.showModal({ content:'是否选择'+this.date+'出发', success:function(res){ if(res.confirm){ this.isShow = false }else if(res.cancel){ this.isShow = false this.date = '

原创 uniapp onLoad 注意事项

onLoad()页面加载执行,因为函数是从上到下执行的,所以调用方法和获取页面传递过来的值时,顺序要注意一下<script> export default { data() { return { id:0, detail:{} } }, methods: { async getNewsDetail(){ console.log('yyyy'+this.id); const res = await this.$myRuquest({

原创 uniapp数据渲染点击改变当前值颜色

思路：1.拿到数组的每一个对象，通过页面渲染拿到；2定义一个变量，让其默认值为0，3为每个对象定义一个点击事件并传一个索引值（index）4通过点击事件将索引值赋值给变量5定义一个样式6通过绑定样式，如果点击的对象其 变量===索引值，那么将样式赋值，否则为空<view class="text-area" v-for="(item,index) in arr" :key="item.index"> <text :class="isActive===index? 'ti

原创 微信小程序wx:if的使用和wx:for的页面渲染

if条件判断，当条件为真时，渲染显示页面，为假时，不渲染使用方法:1 在js里面定义一个值,为true或者falsedata{isActive:true}2 在页面判断 wx:if="{{isActive}}" bindtap=“yy”3 可以通过改变isActive的值来决定页面是否渲染yy(){vae that = this;that.setData({isActive:false})}通过三目运算符决定样式的显示隐藏class="{{isActive? ‘样式1’

原创 微信小程序页面布局遇见的问题

1 navigator的合理使用因为这个标签点击会触发事件，当有需要时可以使用。因为触发了点击事件，所以代码的最终生成会生成其他代码，所以要合理使用。2 js 的方法 要写注释养成良好习惯3 居中偏移和定位的使用能使用居中就不要用偏移，因为每个手机的屏幕尺寸不一样，布局实在用不了的时候才用绝对定位4 图片和背景因为一个小程序 不能超过 20M，所以切图的时候 多余的就不要切，能用css 就不要用图片5 命名的格式化和代码的简洁命名要规范，代码要简洁，避免出现重复的代码块6 页面的美化，

原创 favicon图标制作和logo seo的优化

一:favicon图标制作1.选择一张图片,2.登录http://www.bitbug.net/制作生成ico样式图片,3.在文件下添加图片,4.在head中引用.二:logo seo的优化1.logo里面放h1标签提权告诉搜索引擎这里很重要,2.h1里面放个可以返回首页的链接,把logo的背景图片给链接3.为了搜索引擎收录我们,链接里面放文字,但文字隐藏方法一:text-indent:-99999px,然后溢出隐藏overflow: hidden;方法二:font-size:0;4

原创 js数组去重小案例

一:数组去重方法一:1.循环数组,拿到第一个数,for(var i=0 ; i<arr.length; i++){2.再循环数组,拿到第二个数,for(var j=i+1; j<arr.length; j++){3.比较两个数,if(arr[i]===arr[j]){4.相同则删除,arr.splice(j,1);5.每比较一个数递减,防止删除后向前顶遗漏j–}}}方法二:1.历遍旧数组,拿旧数组查询新数组,如果该元素在新数组中没有出现,则添加,否则不添加;va

原创 css内外边距

1.子元素设置margin-top无效果,并导致父元素塌陷想要实现如上图这样的效果,结果变成了下图的效果解决方法:1.在父元素上添加 border: 1px solid red;2. 在父元素上添加padding: 1px;3. 在父元素上添加overflow: hidden;**2.计算盒子尺寸因padding-left产生的问题**本来盒子的宽度为200px,但因为文字要向左移动一段距离,所以加上padding-left后导致盒子的宽度变了,本来预算的宽度就不够了.解决方法:

原创 小白的flex布局(笔记)

1布局模型2.开启flex布局：display:flex3.父组件的布局List item – flex-direction的基本使用:flex-direction: row;默认值， 沿主轴main start从左向右排列；flex-direction: row-reverse; 沿主轴main start从右向左排列；flex-direction: column; 沿主轴main start从上向下排列；flex-

原创 微信小程序的配置（笔记）

1全局配置app.js：暂时没学emmm；app.json：小程序的全局配置；其中包括了：01.pages：用于配置页面；02.window：窗口的配置：有1.navigationBarBackgroundColorchuan窗口的背景色，注意要是十六进制的写法，2.navigationBarTitleText窗口的标题3.navigationBarTextStyle窗口字体颜色，这里只有white和black两种样式4.enablePullDownRefresh下拉刷新，也是只有false和

原创 新手小白学vue.js差点被劝退的第一天以及遇到的问题

问题：1 Vue.js alert弹出[object Object]var postobj = {msg1 : this.message,msg2: this.message2,checkval : this.checkedNames,val:this.picked};想着弹出postobj里面的所有内容，所以直接就alert（postobj），结果就遇到了这个问题。获取到的是对象并没有内容。然后作为小白的我就蒙了。上网查了一下就明白了postobj不等于postobj.msg1。一个是对象

原创 9-20至9-27周记

一周任务：把javascript和jQuery入门全部看一遍，并把代码写一遍问题：Js取值[object HTMLParagraphElement]的问题解决方法？ 解决方法：object HTMLParagraphElement 对象html段落元素，获取到的是元素，这个元素也就是对象，获取到的对象不会显示里面的值。所以报错[object HTMLParagraphElement]。要想获取里面的值，应该用innerHTML获取。其他的就是看着代码自己敲一遍，基本没什么问题。 总结出了一点，只要有问题

原创 css一周遇到的问题

1如何水平排列居中？****父元素： display: flex;align-items: center;justify-content: center;子元素： margin:0 auto;2九宫格怎么设置？父元素： width: 400px;display:flex;flex-wrap: wrap;border: 1px solid red;子元素： width: calc(calc(400px /3) - 10px);/400/3根据需要几列来设置，注意10px与margin5px

原创 微信小程序增删改查遇到的问题

要实现的功能1 改获取数据列表>点击修改跳转页面>跳转页面的同时将参数传递过来并显示>修改参数>获取修改的参数>点击保存参数>跳转回初始页面并刷新数据遇到的问题1如何跳转页面的同时将参数传递过来并显示？onLoad: function (this1) {console.log(this1);var id = this1.id;var name =this1.name;var age = this1.age;this.setData({id:id

原创 去除button: not([size=‘mini‘])样式

在button 按钮上 自定义样式，只要让自定义样式的优先级高于 button:not([size=‘mini’]) 的样式即可，例如: width: 130rpx !important; 这样就可覆盖 button:not 的样式。

原创 微信小程序获取api参数

wxml：wx:for="{{userList}}" wx:key="{{i}}"姓名：{{item.name}} \n 年龄：{{item.age}}js：loadUserList:function(){var that = this;wx.request({url: ‘http://127.0.0.1:6060/user/getUserList’,data: {that},success:function(res){that.setData({userList : res.dat

原创 数据库常用的四种方法

排序查询select 列表属性，列表属性 from 列表名order by 列表属性，列表属性;删除delete from 列表名 where 列表属性=“值”插入insert into 列表名 values(值，值，值，值）insert into 列表名 （列1，列2，…）valves(值1，值2…)修改update 列表名 set 列表属性=新值 where 列表属性=某值...

原创 js输入弹出单选复选框