Liw_J的博客

首次clone代码弹出提示框输入账户信息

Liw_J — Wed, 19 Nov 2025 09:35:07 +0800

以gitee举例，输入账户密码应为gitee的账户密码一致。这样clone下的代码可以正常使用不会报错。若是输入了错误的凭证信息，git不会正常clone并且会一直出现报错。点击下拉按钮，出现可编辑页面，修改为gitee正确的账户密码。5、在此重新git clone 地址即可正常克隆下来代码。一、项目首次clone会弹出弹出框让用户输入账户密码。选择之后，下方会出现关于gitee/git有关的存储。3、点击进入-选择windows凭据。4、找到对应的gitee存储地址。

async await和promise的区别

Liw_J — Wed, 03 Apr 2024 12:13:10 +0800

综上所述，Promise 和 async/await 各有优势，适用于不同的场景。Promise 在并发处理和链式调用方面更为灵活，而 async/await 则提供了更接近同步编程的语法风格，使得代码更加清晰和易于理解。async/await 和 Promise 的区别主要体现在语法、错误处理、并发处理能力、代码可读性等方面。这样的代码更易于阅读和维护，尤其是当你有多个异步操作需要顺序执行时。是处理异步操作的一种更简洁的方法，它本质上是。关键字定义的异步函数，它使用。在JavaScript中，

uniapp开发微信小程序打包成h5部署

Liw_J — Thu, 21 Mar 2024 17:45:15 +0800

需要打包成功之后，会在unpackage页面生成的dist文件夹中多一个Build文件，里面包含h5页面。需要部署的话就把h5页面打包部署即可。需要自己uniapp的appId。此appid是uniapp的appid，非微信小程序给的appid。默认生成的打包链接，静态资源访问的路径是“/static/css”，项目要求前缀添加/mnapp。项目使用uniapp以vue2开发小程序，开发完成之后打包h5部署，包含修改静态资源路径。：打包方式(点击发行 -> 点击网站-PC)

使用sftp

Liw_J — Tue, 25 Jul 2023 13:50:25 +0800

新项目组前端部署方式是Build打包生成dist文件，交由后端部署。后来知道了vscode安装sftp前端可以自行部署。

微信小程序

Liw_J — Tue, 20 Jun 2023 17:38:36 +0800

有空介绍1、循环方法 wx:for="{{ searchList }}" v-for="(item, index) in searchList"2、最小量更新 wx:key="index" :key="index"3、点击事件 bindtap="handleSearch" @click="handleSearch"4、获取事件回调data-item="item"

Vue项目中组件如何使用

Liw_J — Sun, 18 Sep 2022 10:16:23 +0800

笔记

记录使用element常用属性其用法

Liw_J — Thu, 10 Mar 2022 11:15:46 +0800

Vue中使用element-ui 1、clearable 在input、select框中选择选项，鼠标放到框中显示x清空选中项 2、disabled 针对form表单的每一项设置disabled :disabled="变量名称" 3、:index='count' table表格第一列序号.......

记录Vue项目中使用element-ui上传图片组件

Liw_J — Wed, 23 Feb 2022 19:33:21 +0800

一、项目背景公司接手某车企问卷中台项目，涉及题库管理、问卷管理和个人中心三部分模块。题库管理模块包含创建试题（单选、多选、排序、矩阵单选、矩阵多选、填空、打分）七种选择，弹框内置试题样式以及预览样式。问卷管理模块属于创建问卷将试题内置进去的功能模块。在新增一个问卷的过程中，需要配置问卷的基础信息例如问卷名称、问卷描述、选择所属业务、选择问卷上传图片、设置发送方式默认为二维码。所选信息配置完成之后即可对问卷添加试题，添加方式有两种一是可以从题库中抽取试题，二是可以重新创建新题型进行增加。在新增试题

Vue3按需引入elementui遇到点小问题记录下

Liw_J — Thu, 04 Nov 2021 11:12:27 +0800

https://element-plus.gitee.io/zh-CN/guide/design.html适用vue3的elementui。本次项目需要按需引入elementui，跳出来原文的步骤 1、安装element-plus依赖 npm install element-plus --save 2、因为需要按需引入，所以还要安装一些相关的插件 npm install unplugin-vue-components 3、安装完上面两个依赖以后，按照官网要求在webpack.

Vuex可预测状态容器的使用记录

Liw_J — Mon, 30 Aug 2021 10:27:09 +0800

在项目中，将大部分可操作的变量存储进vuex中，这个时候对state、mutation、action就会有特别多的操作。在store文件夹下创建index.js文件作为vuex文件对外暴露的文件，将state、mutations、actions全部封装出别的js文件中 ...

实现自适应布局Element

Liw_J — Mon, 30 Aug 2021 10:02:43 +0800

一、简单说下背景。本次项目做的内容是某大型汽车品牌公司官网的一部分，对旧的内容板块做了新升级，整个模块功能不变ui样式全部大改。此次要求是两端同时进行，ui页面宽度以1200px为基准，大于1200px全部归属于pc端，小于1200px属于mobile端。二、本次项目使用vue3 + element-ui3进行页面布局，首次接触使用了Layout布局。该布局使用flex进行自适应，使用其规定的类名，便可达到对不同屏幕下使用不同宽度组件的目的实际项目中应用，在hidden-lg-and

vue引入svg图片

Liw_J — Mon, 07 Jun 2021 21:56:06 +0800

一、很早之前做项目有使用到svg图片，一直没有记录，后来在百度发现没一个能用的，索性自己整理归纳一个二、步骤 1、安装 svg-sprite-loader npm install --savesvg-sprite-loader 2、在vue.config.js中加入配置 chainWebpack: config => { const svgRule = config.module.rule("svg"); svgRule.uses.clea...

理解WebSocket心跳及重连机制

Liw_J — Mon, 10 May 2021 11:05:57 +0800

在使用websocket的过程中，有时候会遇到网络断开的情况，但是在网络断开的时候服务器端并没有触发onclose的事件。这样会有：服务器会继续向客户端发送多余的链接，并且这些数据还会丢失。所以就需要一种机制来检测客户端和服务端是否处于正常的链接状态。因此就有了websocket的心跳了。还有心跳，说明还活着，没有心跳说明已经挂掉了。 1. 为什么叫心跳包呢？它就像心跳一样每隔固定的时间发一次，来告诉服务器，我还活着。 2. 心跳机制是？心跳机制是每隔一段时间会向服务器发送一个数据包，告诉服务器自.

首页/登录页背景固定，不随滑轮的滚动变大变小

Liw_J — Thu, 04 Mar 2021 22:34:50 +0800

首先，login页面一般下属于App.vue底下的子页面。本人在login页面使用了background-image加载背景图片 1、在App.vue中，使页面的高度始终是100%的可视高度，那么页面的height应该设置为100vh。 2、在子页面，即login页面中，使背景图的高度为height:100%;并且使用到 backgroud-size: cover; background-attachment: fixed; 该属性的具体使用可以参照该文章 https://www.cnblog

elementUITable表格-表头文字居中，列表文字居中

Liw_J — Wed, 03 Feb 2021 16:01:13 +0800

ElementUI-----Table标题文字集中滚动条样式

pdf文件多页

Liw_J — Wed, 20 Jan 2021 10:01:18 +0800

后端返回整个pdf的字节流，前端获取以后进行解析，但是一开始只能解析一张图片，想要将多页pdf解析出来，需要别的方法，上图。 1、初始化定义pdfurl和numPages为null 2、接口返回二进制流数据以后，对二进制流数据进行解析。解析完二进制流以后会返回一个url，此时这个url已经可以放到上面的里面用了，但是只能加载出来第一页，所以后面的步骤是进行分页操作的 3、createLoadingTask（）这个方法是官方的，需要用这个方法对url

vue顶部导航栏小进度条实现

Liw_J — Tue, 15 Dec 2020 15:44:39 +0800

在自己做的中台项目里面需要添加这么个小需求。添加这个蓝色的线条！ https://madewith.cn/23 做法：安装nprogress小进度条插件 npm install --save nprogress 全局引入 import NProgress from 'nprogress' import 'nprogress/nprogress.css' router.beforeEach((to, from, next) => { NProgress.start() nex

vue项目配置nginx页面跳转正常，接口报200，但是没数据

Liw_J — Mon, 23 Nov 2020 09:22:49 +0800

(We’re sorry but XXX doesn’t work properly without JavaScript enabled)很抱歉，如果没有启用JavaScript，XXX无法正常工作这个问题碰到过两次，还都挺麻烦的，也都是因为相同的原因造成的错误。一、描述下问题：nginx代理跳转页面都可以进去，接口返回报200，但是就是没数据，response返回(We’re sorry but XXX doesn’t work properly without JavaScript enabl

vue引入cesimu地图

Liw_J — Fri, 30 Oct 2020 16:12:49 +0800

前言：很久前项目里面使用过cesium，但是用的是jquery，而且当时是别人给配置好自己使用的不了解具体内容，这次有时间自己摸索着配了一版vue的，很麻烦，踩过的坑是我成功道路上漂亮的伤疤~ 终于搞定了，脑子有点懵，我缓下...... 百度找了好多资源基本安装cesium有两种方式，一个是简单版本的，一个是复杂版本的配置。简单版本的不适合开发，主要在index.html中引入css文件和js文件，不推荐，也不着重记录，百度搜一大把，还是配置的比较有用。 1.安装cesium依赖 npm ins..

前端vue点击下载功能，外加获取headers中的fileName

Liw_J — Fri, 30 Oct 2020 11:07:41 +0800

前言：项目实现点击下载功能，通过调一个接口，给后端传一个filePath的参数，后端返回fileName(这个fileName就是所要下载的文件名称)，response返回的数据就是下载的文件的内容。问题1、如下图：fileName是存储在headers里面的，不能在response里面获取，他是和内容分开的，怎么获取是个关键 let fileNames = res.headers['content-disposition'] //获取到Content-Disposition;filename le