- 博客(129)
- 收藏
- 关注
RSS订阅原创 vue框架及相关知识总结
vue是基于MVVM（Model-View-ViewModel）实现数据双向绑定的，当数据模型数据发生变化时，页面展示的会随之发生变化，而如果表单数据发生变化，绑定的模型数据也随之发生变化。
2024-04-10 08:51:28
908
原创 ts项目报错：在没有 “node“ 模块解析策略的情况下，无法指定选项 “-resolveJsonModule“
将vscode升级到最新版即可。
2024-02-20 15:39:42
386
原创 vue模拟聊天页面列表：滚动到底部，滚动到顶部触发加载更多
/list更新后，等待页面渲染完毕再去拿scrollHeight,否则拿到的是之前的。//auto-自动滚动 instant-瞬间滚动 smooth-平滑滚动。//auto-自动滚动 instant-瞬间滚动 smooth-平滑滚动。//auto-自动滚动 instant-瞬间滚动 smooth-平滑滚动。//顶部在原先基础上往下滚动50px，露出新加载数据的一点。//模拟耗时任务从接口获取数据。//数据全部加载完毕。
2024-01-25 09:39:37
1071
原创 使用create-react-app脚手架创建react项目
但是，使用create-react-app创建项目非常慢，预计执行完create-react-app demo命令后，大概10分钟，项目才创建好，无法忍受。百度：发生此错误是因为您的用户名中有空格，可以通过全局安装 create-react-app 来解决这个问题。然后再使用create-react-app创建项目，大概只需要1分钟左右。create-react-app指令默认调用npm，所以比较慢。解决：以管理员身份运行cmd。
2023-11-09 16:01:22
565
原创 解决报错： unable to find valid certification path to requested target
但是报错也没指出是下载哪个依赖时报的错，后来clean project后看到了是下面这个依赖无法下载。出现这个问题的原因是下载某个依赖时访问的域名的证书不受信任。右键小锁，证书有效 - 详细信息 -导出。这个就是下载的证书文件，放在d盘跟补录了。初始密码： changeit。导入成功后，重启as即可。
2023-07-20 13:13:05
2265
原创 vue上实现左右关联滚动
/ todo 优化 => 改成小于等于，加break 少循环。//获取右侧所有item的offsetTop。// 获取当前文档流的 scrollTop。//左侧item点击事件。
2023-03-10 08:48:00
1429
原创 使用mixins封装vue列表页的上拉加载功能
在java里，可以使用继承的方式，写一个父类封装通用的方法属性，来达到代码复用的目的。例如，可以写一个包含列表页加载更多相关的通用方法和属性的父类，让每一个包含加载更多的列表页面继承此父类。这样，通过引入混入对象LoadMore.ts，可以实现各个包含加载更多的页面页达到简化代码的目的。在vue里可以通过mixins实现相同的功能。
2022-09-09 14:25:01
844
原创 uni-app之微信小程序权限判断
需求：微信小程序弹出权限询问前先弹出授权说明告知收集权限目的权限判断封装到PermissionManager.js文件中：这里以 uni.saveImageToPhotosAlbum 这个api为例，在使用uni.saveImageToPhotosAlbum这个api前先判断权限：............
2022-06-11 10:25:24
1481
原创 vue项目引入sass
1、安装依赖：（1）安装sass-loader：npm install sass-loader --save-dev（2）安装node-sass：npm install node-sass --sava-dev按照上述命令安装，会因sass版本过高导致项目运行报错：删除之前的，然后安装指定版本：（1）安装sass-loader：cnpm install [email protected] --save-dev（2）安装node-sass：cnpm install node-sas
2022-05-17 15:18:45
4441
原创 vue项目引入全局样式的几种方式
现在有一个common.css文件，想项目中所有的vue文件不需要导包就可以使用其中的样式。实现方式有3种：方式1：在App.vue的style标签内引入方式2：在main.js中引入方式3：项目根目录下的index.html的style中引入...
2022-05-17 11:34:34
4538
原创 使用qrcode.vue生成二维码
地址：https://www.npmjs.com/package/qrcode.vue/v/1.7.01、安装依赖：npm install [email protected] --save 或者yarn add [email protected] --save 2、使用：<template> <div> <qrcode-vue class="qrCode" :value="qrCode" size="200" /> </div&g
2022-05-16 16:06:36
827
原创 yarn 安装
安装yarn之前先安装node.js1、安装node.jsnode.js官网下载地址：http://nodejs.cn/download/下载后一直下一步安装即可。安装完成后，node.js的环境变量会自动添加，命令行输入path查看：node -v 命令查看其版本号：2、安装yarnnpm install -g yarn第一次使用yarn安装依赖时报错：报错原因是因为我的电脑的执行策略不是RemoteSigned，所以无法运行未签名脚本和来自其他用户的签名脚本。解决：将计算
2022-04-07 10:45:47
4330
2
原创 vue cli 3 创建 vue + typescript 项目
1、创建项目（health-monitoring为项目名称）：vue create health-monitoring2、上下箭头选择：Manually select features（手动选择特性）3、上下箭头键控制移动，空格键控制选中，选完回车4、选择vue版本，这里选3.0：5、是否使用class风格的组件语法（选yes）：6、是否使用babel做转义（选yes）：7、路由是否使用history模式，选择yes8、使用哪个css预处理器，这里选less：9、选择哪个自
2022-04-07 10:40:01
1093
原创 Handler内存泄漏原因及解决方案
一、Handler造成内存泄露的原因在Activity内将Handler声明成非静态内部类或者匿名内部类，这样Handle默认持有外部类Activity的引用。如果Activity在销毁时，Handler还有未执行完或者正在执行的Message，而Handler又持有Activity的引用，导致GC无法回收Activity，导致内存泄漏。如以下两种情形可能导致内存泄漏1、在Activity内将Handler声明成匿名内部类： //匿名内部类 private Handler mHandler
2022-03-31 08:59:43
5218
原创 vue开发环境搭建
node.js是javaScript脚本语言的运行环境。而npm则是Node.js的包管理工具（node package manager），相当于后台的maven。为啥我们需要一个包管理工具呢？因为我们在Node.js上开发时，会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包，每次都根据名称搜索一下官方网站，下载代码，解压，再使用，非常繁琐。
2022-03-20 17:23:30
13423
原创 android编译报错：Run with --stacktrace option to get the stack trace
编译项目时报了截图所示的错误，但是并未告知哪里错了，可以照着提示在命令行执行命令：gradle compileDebug --stacktrace于是就可以看到具体的报错日志了。
2022-03-19 15:27:27
3108
原创 使用 jsbarcode 生成条形码
1、安装 jsbarcodeyarn add jsbarcode2、使用： <img id="barcode" /> .... import JsBarcode from "jsbarcode"; ... setQrCode(txt) { const options = { format: "CODE39", //选择要使用的条形码类型 lineColor: "#000", //条码颜色 width: 3, /
2022-03-04 08:54:01
949
原创 解决push代码报错：The requested URL returned error: 403
1、设置里找到“凭据管理器”2、找到网络地址为“https://jkcs.bsoft.com.cn/”的展开删除3、然后再次push代码，这时会提示输入账号密码，输入https://jkcs.bsoft.com.cn/的登陆账号密码即可提交成功
2022-02-24 10:45:35
4092
2
原创 uni-app本地调试h5设置代理
这里以请求这个接口为例：http://api.wpbom.com/api/ancien.php?msg=静夜思&b=11、找到manifest文件，切换到源码视图：2、添加h5节点，配置代理："h5": { "devServer": { "port": 8080, "disableHostCheck": true, "proxy": { "/api": { "target": "http://api.wpbom.com", "chang
2022-02-16 16:42:46
5276
原创 解决npm安装依赖错误：No matching version found for @babel/[email protected].
在使用npm安装vant时报错：去 https://www.npmjs.com/ 上搜索 @babel/parser 这个包，发现是存在7.16.6的：所以应该是npm源出了问题，查看和切换npm源：https://blog.csdn.net/sqf251877543/article/details/122088460切换npm源之后，重新安装即可。...
2021-12-22 16:26:10
7893
原创 npm管理镜像源
1、老方法：从别的源切换回npm源：npm config set registry=http://registry.npmjs.org2、新方法使用nrm切换：nrm use npmnrm安装命令：cnpm i nrm -g示例使用 nrm ls 查看npm当前在哪个源上：*号在哪个地方就说明npm现在在哪个源上。执行 nrm use npm 命令切换回npm源：再执行 nrm ls 命令可以看到已经切回到npm源了：...
2021-12-22 16:19:31
13358
原创 解决vite项目报错：ReferenceError: require is not defined
报错原因：require不属于vite里的方法。然后报错消失，图片正常显示了。
2021-12-21 09:39:20
11121
2
原创 修改证件照的背景色
1、点击左侧工具栏的套索工具2、鼠标移动到图片上，右键，选择“色彩范围”，弹出如下对话框：3、鼠标移动到图片的蓝色背景区域，鼠标左键点击一下，然后回到对话框点击确认，此时要改变颜色的区域就选中了：4、左边工具栏修改前置背景色为红色5、按下 Alt+Delete键，此时照片的蓝色背景就变成红色了：鼠标点击图片区域以外，虚线消失。补充，修改完背景色，发现人物的周边有明显的蓝色背景，可以在第2步弹出的对话框中调大颜色容差值即可：...
2021-12-19 22:44:43
128
原创 自定义Gradle插件实现打包上传到蒲公英
上一篇文章提到了关于如何写Gradle自定义插件Plugin，本篇文件介绍下如何写gradle插件实现打包上传到pgy。要实现打包上传到蒲公英必须要弄清楚以下问题：1、什么时候打包完成？监听到打包完成才能执行下一步的上传操作Gradle的打包也是一组组的Task任务，每个任务都有一个dependsOn()方法，我们只要在Assemble打包任务执行完了以后，再执行就可以了，即让我们的上传任务dependsOn打包任务就可以了。2、怎么上传？蒲公英api文档：http://www.pgyer.
2021-12-15 17:28:27
1534
原创 写Gradle自定义插件Plugin
Gradle插件支持groovy、java、kotlin语言，根据使用的语言，我们需要把插件代码分别放到下面几个对应的目录：rootProjectDir/buildSrc/src/main/groovyrootProjectDir/buildSrc/src/main/javarootProjectDir/buildSrc/src/main/kotlin这里以java语言为例，写个自定义插件1、新建项目，然后创建名称为buildSrc的module（注意，module的名称必须是buildSrc）
2021-12-15 12:03:49
2426
原创 ps修改图片上的文字
我们以下面这这张图为例，准备将页面标题“院内会诊”改为“预约挂号”实现方案：使用左边工具栏矩形工具圈出文字那块内容，删除，再填写新的文字具体实现：1、设置前置背景色为了保证删除原有文字区域后，图片上被删除的区域颜色和标题栏的蓝色保证一致，所以先要设置前置背景色如上图所示，目前前置背景色是红色。点击前置背景色的红色小方块，弹出如下对话框：此时鼠标已经变成了吸色工具，将鼠标拖动到标题栏蓝色区域点一下，前置背景色就变成了蓝色，点确认关闭对话框，可发现左下角前置背景色已经变成了蓝色：2、删除
2021-12-08 15:17:18
7058
原创 解决echarts横坐标日期在ios设备上反向显示的问题
造成这种现象的原因是IOS中不支持 “-” 格式的连接日期。例如：var d = new Date("2017-08-11 12:00:00");这样创建的日期在iOS中不兼容，返回valid Date。需要改成：var d = new Date("2017-08-11 12:00:00".replace(/-/g, "/"));所以，日期排序前，需要将"-“格式的日期，转化为”/"格式的日期： list.sort((a: any, b: any) => { let t1 =
2021-12-07 14:02:43
1683
原创 echarts折线图x轴左边显示不全解决
如图，x轴坐标显示不全：只需在xAxis节点下添加axisLabel节点，设置interval为0即可：加完之后的效果：
2021-12-07 13:46:38
2062
原创 studio 4.0新建class不带public的解决方法
里面内容改为：#if (${PACKAGE_NAME} != "")package ${PACKAGE_NAME};#end#if (${IMPORT_BLOCK} != "")${IMPORT_BLOCK}#end#parse("File Header.java")#if (${VISIBILITY} == "public") public #end #if (${VISIBILITY} == "") public #end #if (${ABSTRACT} == "true")abs.
2021-11-16 11:49:44
239
原创 将日志写到手机文件
package com.bsoft.common.util;import android.util.Log;import com.bsoft.baselib.util.ContextUtil;import java.io.BufferedWriter;import java.io.File;import java.io.FileWriter;import java.io.IOException;import java.text.SimpleDateFormat;import java.
2021-09-15 15:14:21
215
原创 直接赋值、浅拷贝、深拷贝
1、直接赋值把一个对象a赋值给一个对象b，相当于让对象b的地址指向对象a的地址。所以，他们实际上是同一个对象。此时，修改对象b里的值，对象a里对应的值也会跟着改变（不管该值是对象属性还是非对象属性）。例如：2、浅拷贝ES6中浅拷贝方法：var b = {};Object.assign(b, a);或者： var b = { ...a };把一个对象a浅拷贝给一个对象b。1、修改对象b里的非对象属性值，对象a里对应的非对象属性值不受影响；2、修改对象b里的对象属性值，对象a里对应的
2021-09-10 16:25:23
453
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人