- 博客(43)
- 收藏
- 关注
RSS订阅
原创 npm，cnpm，yarn相关操作命令
一、npmnpm install 模块名 -g //全局安装npm install 模块名 //本地安装npm install 模块1 模块2 模块3 //一次性安装多个npm install 模块名 --save-dev //安装开发时依赖包npm install 模块名 --save //安装运行时依赖包npm -v //查看版本npm init //初始化npm root //查看项目中模块所在的目录npm root -g //查看全局安装的模块所在目录npm u
2021-11-09 14:35:06
676
原创 nvm管理node版本以及使用yrm管理镜像地址
nvm管理node版本以及使用yrm管理镜像地址一 nvm安装1，nvm首先全名node.js version management，是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。2，下载管理nvmgit下载地址，一直next就行3，安装完成之后，打开命令窗口，输入nvm，安装成功则显示4，安装并管理node版本1>、查看本地安装的所有版本，显示所有可下载的版本。nvm list2>、安装，命令中的版本号可自定义。nvm instal
2021-07-08 09:57:27
1175
原创 vue项目利用pdf.js预览pdf文件步骤及跨域问题
最近做项目遇到在线预览和下载pdf文件，试了多种pdf插件，例如vue-pdf（跨域以及分页会有很多问题）最后选择了pdf.js插件（兼容ie10及以上、谷歌、安卓，苹果），强烈推荐该插件，以下介绍用法1.首先去官网下载pdf插件，我这里用的是稳定版本官网地址：http://mozilla.github.io/pdf.js/getting_started/#download2.将整个文件...
2020-04-02 14:41:00
10500
6
原创 测试H5需要注意的交互测试用例点
H5（HTML5）是一种用于构建网页的标准，可以实现丰富的交互和功能。测试H5交互通常涉及到验证网页在各种情况下的行为，包括用户输入、按钮点击、页面加载等等。以下是一些可能的H5交互测试用例
2023-10-13 16:05:00
1435
原创 mac 搭建python+chromedriver环境
1、下载chromedriverchromedriver下载地址http://chromedriver.storage.googleapis.com/index.html找到和自己安装的谷歌版本相对应的下载2、安装chromedriver解压上个步骤下载的安装包，出现一个chromedriver文件我的默认地址是在下载，位置，将得到的chromedriver复制到python安装的位置/usr/local/bin的打开终端输入sudo cp -R ~/Downloads/chromedrive
2022-02-15 11:15:43
2653
原创 You should consider upgrading via the ‘python -m pip install --upgrade pip‘ command解决方法
You should consider upgrading via the ‘python -m pip install --upgrade pip’ command解决方法在vscode中使用pip3安装selenium包提示You should consider upgrading via the ‘python -m pip install --upgrade pip’ command解决方法
2022-02-14 18:32:50
8927
原创 vue 根据不同条件切换多个class
vue 根据不同条件切换多个class需求：根据后台返回的数组长度显示不同数量的视频，比如我这边需要显示数量分别为：1个、2个、4个、6个四种不同数量的视频格式方法：利用vue的计算属性动态赋予不同类名数组格式为videolist:[ { id:1, video: 'https://ymr-test.oss-cn-hangzhou.aliyuncs.com/testVideo/be5a7186-1f7b-45b2-b843-4b6eb6e9d
2022-01-11 13:26:54
2364
原创 elementUI 动态增减表单并非空验证
elementUI 动态增减表单并添加了非空验证效果图如下后端返回详情接口样式动态表单验证关键在prop的对象一定是当前我们数据定义的，比如我的是headId:prop="‘dynamicItem.’ + index + ‘.heatId’":rules="{required: true,message: ‘请选择领导人’,trigger: ‘change’,}"所以总结起来的语法就是:prop="‘v-for绑定的数组.’ + index + ‘.v-model绑定的变量’"页面模块&
2022-01-10 10:31:27
876
原创 在quill编辑器中集成秀米和135编辑器
在quill编辑器中集成秀米和135编辑器需求说我们的编辑器太丑了，让添加秀米或者135这种好看的编辑器，好嘛，大工程，不敢怼需求只能开干因为我们项目里用的是quill的编辑器，秀米官网声明只支持ueditor内核的编辑器。如果项目里用的编辑器不是ueditor内核的，指定要加秀米135的功能，按照这个博主文章一路操作下来，还是很感谢期间博主的解答（该博主github仓库地址：https://github.com/font-size/quill-xiumi-135）这是做好之后的样子接下来的就是
2021-12-16 17:55:43
2134
1
原创 时间格式在ios和安卓兼容性的问题
时间格式在ios和安卓兼容性的问题，在安卓中时间正常显示， ios中显示NAN原因后端返回的数据格式为：2021-12-15 20:16:34IOS系统只识别 " / " 不识别 " - ".并且Android可以兼容掉空格，但苹果会老老实实读出来1：后端返回的是字符串格式var time = ‘2021-12-15 20:16:34’；不兼容的代码是：var newDate = new Date(time );兼容性代码：var time = time && (tim
2021-12-16 14:27:32
1975
原创 解决swiper首次加载不轮播的问题
解决swiper首次加载不轮播的问题这两天利用swiper做轮播图遇到了数据动态首次加载成功后轮播图不自动轮播的问题，查了一些其他的教程说改一下谷歌浏览器的配置就好了，这对程序猿而言很不严谨初始化的配置的轮播代码如下：页面代码如下<swiper ref="mySwiper" :options="swiper_opt_station" @setTransition="setTransition" > <swiper-slide class="swiper-slide"
2021-12-16 14:07:40
4904
原创 vue升级报Syntax Error: TypeError: Cannot read property ‘parseComponent‘ of undefined
vue升级报Syntax Error: TypeError: Cannot read property ‘parseComponent’ of undefined关于：将vue手动2.6.11改成2.6.14，重新安装依赖，在运行时报错原因：vue-template-compiler 升级版本后 parseComponent函数已被删除，导致 component-compiler-utils报错解决方案：修改packge.json文件,将vue-template-compiler和vue版本一致
2021-11-15 10:48:16
1003
原创 element-ui之级联选择器(Cascader)的使用详细教程
实现效果1.后端返回的json数据格式[ { "id": "2", "name": "北京市市辖区", "shortName": "北京", "level": 2, "parentId": "1", "childrenRegionVo": [ { "id": "105", "name": "石景山区",
2021-11-08 14:48:39
12500
1
原创 AppiumDeskop-按键表
driver.press_keycode(3) //home键等同于driver.back()电话键KEYCODE_CALL 拨号键 5KEYCODE_ENDCALL 挂机键 6KEYCODE_HOME 按键Home 3KEYCODE_MENU 菜单键 82KEYCODE_BACK 返回键 4KEYCODE_SEARCH 搜索键 84KEYCODE_CAMERA 拍照键 27KEYCODE_FOCUS 拍照对焦键 80KEYCODE_POWER 电源键 26KEYCODE_NOTIF
2021-09-14 17:15:02
257
原创 AppiumDesktop安装及使用
AppiumDesktop安装及使用一、简介Appium Desktop是一款用于Mac、Windows和Linux的开源应用。它是Appium更为优化的图形界面和appium相关的工具的组合:Appium-Server的图形界面。可以设置选项、启动/停止服务器、查看日志等功能；可以使用AppiumDesktop自带的Inspector来查看应用程序的元素，并进行基本的交互。二、环境准备下载并配置安卓SDK环境变量传送门：https://www.jianshu.com/p/4e00f72
2021-09-14 15:42:02
1777
1
原创 python引入包的时候VS Code出现 `Import [module] could not be resolved in Pylance`
python引入包的时候VS Code出现 Import [module] could not be resolved in Pylance1.在项目的根目录，创建文件夹.vscode2.接着在vscode文件夹里创建setting.json文件3.将下面的代码复制到setting.json文件中。目的是将本地包纳入VsCode分析行列, 注意这里是相对路径(相对于根目录)，完事儿后重启VS Code就解决了{ "python.analysis.extraPaths": [
2021-08-24 10:16:44
5681
原创 常用mysql数据库的命令
一：常用mysql数据库的命令参考文档：mysql1.连接数据库 ,输入密码mysql -u root -p2.查看所有数据库或者退出当前数据库SHOW DATABASES;3.创建新的库 test_db为自定义库名CREATE DATABASE test_db;4.查询匹配数据库 LIKE完全匹配： SHOW DATABASES LIKE ‘%test%’;模糊匹配 ：SHOW DATABASES LIKE ‘%test%’;以 db 开头的数据库：SHOW DATABASE
2021-08-24 10:06:02
282
原创 mac安装nvm，出现的问题解决
Mac安装nvm出现command not found: nvm（brew修改国内源）重新安装一遍$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash安装完后执行nvm list会显示complete:13: command not found: compdef1.打开终端 输入 进入nvm文件 cd ~/.nvm2.ls 查看当前nvm文件是否存在 bash_profi
2021-08-23 21:45:27
1009
原创 本地mysql连接远程服务器数据库
本地mysql连接远程服务器数据库1.确保本地已安装mysql,并配置好了环境变量2.用win+R 回车 打开命令行3.输入：mysql -u 用户名 -p密码 -h 服务器IP地址 -P 服务器端MySQL端口号(一般为3306) -D 数据库名注意：必须严格按照上述的格式，特别是空格的位置，不能少。如果出现 Lost connection to MySQL server at ‘reading initial communication packet’这个就是ip地址或者端口号没写对多注意
2021-08-23 17:33:35
1727
原创 解决pip安装包时 ValueError: check_hostname requires server_hostname 错误
python安装完之后，通常需要安装一些需要的包，但是出现错误，尝试过降低版本或者更换镜像源都没用这是因为电脑设置了代理，可以手动关闭，在重新安装就好了
2021-08-23 15:44:25
1003
原创 安装python教程并解决Python安装完没有Scripts文件夹问题
安装python教程 并解决Python安装完没有Scripts文件夹问题**一背景**首先要了解这个出现的原因是下载安装的版本问题系統是32 bit 的版本还是 64bit 的web-based: 透过网络安装的，就是执行安装后才透过网络下载pythonexecutable: 可執行文件的，既把要安装的python全部下载好在本机安装embeddable zipfile: zip 压缩档，就是python打包成zip压缩包二安装选择安装executable的版本，这时候就有script的
2021-08-23 15:21:24
10880
原创 解决‘python -m pip install --upgrade pip‘ 报错问题
解决’python -m pip install --upgrade pip’ 报错问题小伙伴在安装python的时候可能会出现pip包的版本问题这里提示是让升级一下pip的包python -m pip install --upgrade pip输入pip list成功安装
2021-08-23 15:07:40
1038
原创 报错】\node_modules\node-sass: Command failed.
vue安装依赖时报错报错】\node_modules\node-sass: Command failed.解决办法：1.npm重新换个一下淘宝镜像npm install -g mirror-config-china --registry=http://registry.npm.taobao.org2.npm安装node-sassnpm install node-sass3.之前安装的记得卸载掉，如果没有可忽略这一步npm uninstall node-sass4.安装依赖npm
2021-08-12 13:19:40
12963
原创 js处理时间格式（时间格式化、获取上个月或者下个月日期、获取上周日期、获取指定日期的前一天后一天）
js+vue处理各种时间格式（时间格式化、获取上个月或者下个月日期、获取上周日期、获取指定日期的前一天后一天）首先引入了一个好用的时间插件npm install dayjs --save在需要的页面引入import dayjs from 'dayjs';// 时间戳 格式化export function formatDate(time) { if (time) { const date = new Date(time); const Y = `${date.getFull
2021-08-02 13:20:53
1589
原创 ElementUI的日期选择器对日期进行限制
一：需求每月的1日-8日可录入上个月的数据，8之后只能录入当月的数据。比如当前是9号，可选范围是当月的1号到当前的9号；比如当前是5号，可选范围是上个月的1号到当前的5号；二：条件限制需求理清了，需要安装个时间处理的小插件 npm install dayjs --save在需要的页面引入import dayjs from ‘dayjs’;三：代码实现限制需求理清了，需要安装个时间处理的小插件 npm install dayjs --save在需要的页面引入import dayjs fr
2021-07-15 18:13:49
468
原创 Datav数据可视化大屏组件开发
Datav数据可视化大屏组件开发一 准备环境：下载并安装NodeJS，推荐Node版本在 8.0.0 及以上，10.12.0以下，由于我们的项目中需要的node版本可能不同，所以可以使用nvm来切换不同node版本，可以去看我之前的文章有写到这一块。二 安装开发工具套件1.执行以下命令安装套件（Mac在terminal中执行，Windows在cmd中执行）npm install --registry=https://registry.npm.taobao.org datav-cli -g2.安
2021-07-09 11:11:05
2602
1
原创 gitLab配置ssh
一，拷贝git代码可以直接使用http协议拉取，也可以配置ssh协议来拉取代码，本文主要讲解ssh协议拉去代码的方法二，开始配置1.运行git bash,使用如下命令生成ssh公钥和私钥ssh-keygen -t rsa -C 'xxx@xxx.com' //邮箱是你gitlab绑定的邮箱，一定要带引号...
2021-07-08 17:04:05
30403
原创 无法加载文件 C:\Program Files\nodejs\npm.ps1
无法加载文件 C:\Program Files\nodejs\npm.ps1，因为现用执行策略是 Restricted（默认设置），在此系统上禁止运行脚本没有相应的权限。解决方法1.win+X键，使用管理员身份运行power shell2.输入命令：set-executionpolicy remotesigned默认是N，输入A，全是，就解决了...
2021-07-08 10:06:22
1629
原创 iview-admin 2.0 多环境配置打包
前提：iview-admin 2.1.0比起iview-admin 2.0.0，移除了config目录且将vue-cli升级到3.0。 所以可以使用vue-cli 3.0的环境变量和模式特性来支持多环境配置打包tip：要先明白development、test和production是NODE_ENV的默认环境变量，所以不要使用自定义NODE_ENV。通过配置不同的指令给项目设置不一样的环境配置。环境变量文件中各个属性的用途如下：NODE_ENV使用的是production的打包配置VUE_AP
2021-06-23 09:50:32
1743
原创 解决：VUE项目Avoided redundant navigation to current location问题
标题解决：VUE项目Avoided redundant navigation to current location的问题这是vue3.0路由重复点击导致的报错，不影响页面正常跳转但是对于程序员看到红色就难受的代码洁癖来讲还是忍受不了的解决方式1、查看router的版本是否为3.0，不是的话，在项目目录下运行 npm i vue-router@3.0 -S 或者 yarn add vue-router@3.0 -S 将vue-router改为3.0版本,也可以直接在package.json文件修改配
2021-06-09 21:50:41
1083
原创 vue 项目使用swiper插件
vue 项目使用swiper插件1.安装插件npm install vue-awesome-swiper -save 或者 yarn add vue-awesome-swiper2.在main.js中全局引入import 'swiper/dist/css/swiper.css'import VueAwesomeSwiper from 'vue-awesome-swiper'Vue.use(VueAwesomeSwiper) 3.在html模块添加<swiper :options="
2021-06-05 10:19:33
821
原创 vue3.0 pc端自适配方案
1.引入插件使用yarn或者npmyarn add px2rem-loader -Syarn add postcss-px2rem -Snpm install px2rem-loader -Snpm install postcss-px2rem -S2.vue3.0由于没有build配置文件，在根目录新建文件vue.config.js（用来解决跨域或者配置文件）const autoprefixer = require ('autoprefixer');// 引入等比适配插件const p
2021-05-13 16:16:13
1093
1
原创 vue-cli3.0 脚手架搭建项目
vue-cli3.0 脚手架搭建项目1.安装vue-cli3.0首先查看一下我们的vue版本需要先卸载掉旧版本 npm uninstall vue-cli -gnpm uninstall vue-cli -g安装3.0脚手架npm install -g @vue/cli# oryarn global add @vue/cli安装成功查看版本 vue-V如果出现安装失败或者提示errno 4048，是权限问题，使用管理员身份执行，记得重复2，3两步（多试几遍就好了）2.创建项目
2021-05-12 17:58:13
337
原创 iview+vue 省市区三级联动
iview+vue 省市区三级联动利用iview的下拉框实现三级联动功能省市区的所有数据是一个json文件。类似于这种格式的，自己可以在项目里引入（需要可以留言）话不多说上代码首先在data中定义初始化变量，我是为了方便将省市区的变量放到model对象里，然后定义addressOptions的数组接受省市区的所有数据，cityOptions是用来接受市的数组，countiesOptions是用来接收县或者区的数据，model: { provinceName:'',//省
2021-04-24 15:57:41
4054
28
原创 uniapp APP第一次下载进入首页前的用户服务协议和隐私政策的授权弹窗
uniapp APP第一次下载进入首页前的用户服务协议和隐私政策的授权弹窗app上应用市场里需要几个条件,需要第一次下载并进入首页前展示用户协议和隐私政策弹窗提醒, 以及在应用内版块有常驻入口（就是应用里有可以看到这个协议的版块）, 登录或者注册页面也需要有同意服务协议和隐私政策的提醒.用户协议和隐私政策弹窗提醒:1.在uniapp项目manifest.json文件的源码视图中,找到app-plus2.在app-plus节点下，添加privacy "privacy" : {
2020-07-28 14:28:45
11642
24
原创 uniapp如何修改tabBar的的样式
uniapp如何修改tabBar的的样式我们在用uni-app开发app应用使用tabBar进行导航时，想更改一些样式怎么办？官方上很多特定的样式当然满足不了我们的需求。我们一方面可以通过自定义导航的方式对整个导航进行自定义（可通过官网插件市场获取），还有一种就是比较简单粗暴的方式，直接覆盖原样式进行修改。在项目根路径下的App.vue文件，增加以下代码：<style lang="scss"> uni-tabbar { .uni-tabbar { // tab背景
2020-07-24 12:04:30
15287
5
原创 uniapp实现app端点击按钮绘制截屏图片并保存到相册
使用uniapp开发app中遇到产品提出分享带有二维码图片的海报保存到相册需求、仅支持app端1.首页页面的二维码生成无非就是拿到一个地址转成二维码，有很多很好用的插件可以用，我用的是tki-qrcode，用法自行百度。2.这个方法主要是根据page.$getAppWebview()拦截可以获取页面栈中任意一个webview对象，然后通过这个对象的draw将webview内容绘制到一个对象里，通过uni.saveImageToPhotosAlbum进行保存<!-- #ifdef APP-PLUS
2020-06-01 17:32:15
4269
14
原创 uniapp开发app时使用开屏启动图配置delay的时候不生效问题
uniapp开发app时使用开屏启动图配置delay的时候不生效问题近期开发app的时候有加一个启动图的功能首先Uni-App 启动页和引导页是两个不同的东西，启动页是 Uni-App 自带的，不可去掉，只能修改相关配置。而引导页完全是需要开发者自行开发的。首先在项目里找到manifest.json—APP启动图配置，选择图片后基本上就有了启动图，但是因为uniapp启动非常快导致启动图还没看清就进入app的首页了，官方解决办法是在源码试图里的app-plus中配置splashscreen的delay
2020-05-21 12:38:01
3831
2
原创 h5的vue项目vantUI--tab切换或者筛选条件时上拉加载不触发上拉load事件
最近利用vue和vantUI写h5的项目，遇到的问题总结：问题：vantUI–tab切换或者筛选条件时上拉加载不触发上拉load事件loading为false是加载中，finished为true是已结束状态，onLoad是执行函数（分页添加list的值）这是我的页面 created () { this.getDataList('COMPREHENSIVE', 0) //记得第一次...
2020-03-02 11:27:15
2185
2
原创 js中各种类型 的变量在if条件中是true还是false
js中各种类型 的变量在if条件中是true还是false（1）返回的布尔值如果操作数是一个对象，返回true如果操作数是一个数组，返回true如果操作数是一个空字符串，返回false如果操作数是一个非空字符串，返回true如果操作数是数值0，返回false如果操作数是任意非0数值（包括Infinity），返回true如果操作数是null，返回false如果操作数是NaN，返回f...
2019-08-16 17:18:12
1278
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人