自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 postman 请求 token 并设置全局变量

获取 token创建环境变量, 添加 token创建获取 token 的 request, 并在 Tests 中设置 token 变量的值var token = JSON.parse(responseBody).result.token;postman.setEnvironmentVariable("token", token);3. 如果不确定 response 结构, 可以先在 tests 中将 response 打印出来:console.log(JSON.parse(re

2021-12-22 16:11:33 8172

原创 moment 使用记录

获取时间区间getDateRange = (type, before = 0) => { return { start: before ? moment().subtract(before, type).startOf(type).format() : moment().startOf(type).format(), end: before ? moment().subtract(1, type).endOf(type).format() : moment().end

2021-06-16 14:47:39 183

原创 微信小程序文字跑马灯组件

wxml<scroll-view class="marquee-container"> <view class="scroll-txt"> <view class="marquee-box"> <view class="marquee-text" style="transform: translateX(-{{ marqueeDistance }}px)"> <text>{{ marqueeText }}&

2021-06-12 17:46:29 369

原创 微信小程序 - 自定义 picker 组件解决选项高度问题(动画效果)

自定义 picker 组件wxml<view class="picker-mask" wx:if="{{isShow}}" bindtap="onTapMask"> <view class="customer-wrap-picker-container " animation="{{animation}}"> <view class="header"> <view class="header-btn btn__left" catchtap

2021-05-19 14:41:08 1199

原创 小程序 - 带输入搜索的下拉筛选框 - 前端搜索

效果页面<view> <view>名称</view> <view> <input placeholder="请选择" value="{{ selectedName }}" bindinput="bindNameInput" bindfocus="bindNameFocus" /> </view> <image src="./images/more.png">&

2021-05-17 14:47:02 2815

原创 微信小程序 - 遇到的坑

日期格式化 IOS 和 安卓的不兼容下面这种写法在安卓和开发者工具中都可以正常工作, 但是在 IOS 中显示 NANconst dateTime = new Date().getTime()const dateStr = `${moment(dateTime).format('YYYY-MM-DD')} 00:00:00`;console.log(new Date(dateStr).getTime());原因是 IOS 不支持 2020-01-01 这种格式, 只支持2020/01/01 这种格

2021-04-28 15:20:14 90

原创 Linux 前端从零搭建项目 - Vue 篇 - 二 引入 element-ui 做登录页面

安装依赖element-uinpm i element-ui -S配置main.js 中添加如下代码import ElementUI from 'element-ui'Vue.use(ElementUI)页面编写src/components/Login.vue<template> <div> <el-form :model="formData" ref="formData" :rules="rules"> <e

2021-04-27 14:56:06 191

原创 Linux 前端从零搭建项目 - Vue 篇 - 一 初始化一个项目

安装基本依赖npmvue-cli设置淘宝源npm config set registry https://registry.npm.taobao.org创建项目选择项目创建的路径, 例如我的文件夹是 /home/yy/Documents/mine/到目标文件夹下执行 vue init webpack demo, demo 为项目名称创建过程中根据需要选择依赖创建完成后在 demo 文件夹(cd demo)下安装依赖 npm install启动 npm run dev, 浏览器打开

2021-04-27 14:55:31 105

原创 Angular ngModelChange 和 ngModel 获取改变前的值

前言最近在开发过程中遇到一个坑, 无法判断绑定的 model 是否真的发生了改变, 后来发现是在页面中将 ngModelChange 和 ngModel 的顺序写反了错误的<nz-select [(ngModel)]="testModel" (ngModelChange)="handleModelChange($event)"> <nz-option *ngFor="let option of options" [nzValue]="option"

2021-04-27 14:53:53 2353

原创 微信小程序 - 评价点星星

组件页面<view class="evaluate-comment-container"> <view class="title">{{ title || '请评价' }}</view> <view class="evaluates"> <view class="evaluate-item" wx:for="{{ evaluateItems }}" wx:key="" wx:for-ind

2021-04-27 14:51:30 206

原创 微信小程序 - 签名

签名并获取签名图片上传至服务器签名wxml: <button class="sign-btn" bind:tap="confirmSign"> 确认 </button> <button class="sign-btn" bind:tap="reSign"> 重签 </button> <canvas wx:if="{{ !signed }}" canvas-id="signId" id="si

2021-04-27 14:19:07 343

原创 Linux 解决 hosts 文件无法修改: ‘readonly‘ option is set (add ! to override)

执行 vi /etc/hosts修改文件内容按下 esc键, 然后输入 :wq会出现如下错误 E45: 'readonly' option is set (add ! to override)这时先强制退出, 输入 :q!然后输入 sudo !!输入密码后, 就可以编辑文件了编辑完文件后按下 esc键, 然后输入 :wq!验证文件已被编辑: cat /etc/hosts...

2021-03-16 14:27:50 6165 4

原创 echarts - 柱状图 - 多柱多色 - 斜体标签 -点击跳转到其他页面(每个柱子加链接)-tooltips函数

效果设置option = { xAxis: { type: "category", axisLine: { show: false, lineStyle: { color: "#9BA1B5" } }, axisTick: { show: false }, axisLabel: { rotate: -45 }, data: ["周一", "周二", "周三", "周四"] }, yAxis: { type: "va

2020-11-26 16:56:13 617

原创 echarts - 非闭环饼图 - 补齐色-左下角起始-直角

效果设置option = { angleAxis: { splitLine: { show: false }, axisLine: { show: false }, axisLabel: { show: false }, axisTick: { show: false },

2020-11-13 18:37:45 416

原创 echarts - 柱状图 -一柱多色

效果设置option = { xAxis: { type: 'category', axisLine: { show: false, lineStyle: { color: '#9BA1B5', } }, axisTick: { show: false }, data: [

2020-11-13 18:37:22 1036

原创 echarts - 折线图

效果设置option = { xAxis: { type: 'category', boundaryGap: false, axisLine: { show: false, lineStyle: { color: '#82A635', } }, axisTick: { show: fals

2020-11-13 18:36:56 111

原创 Angular 根据条件动态添加验证

html<label nz-checkbox [(ngModel)]="test" (ngModelChange)="handleValueChange($event)"> 测试选中后添加验证</label><form nz-form [formGroup]="validateForm"> <nz-form-item *ngIf="item.value === objectiveProcessTypeEnum.GLOBA.

2020-11-13 18:36:28 813

原创 echarts - 闭环饼图 - 无补齐色-默认起始-圆角

效果设置option = { tooltip: { show: false, formatter: 'The report is in generating...' }, dataset: { source: [ ['cold', 1, 0, 0, 0], ['hot', 0, 5, 0, 0], ['warm', 0, 0, 7, 0],

2020-11-13 18:35:46 714

原创 Angular number pie(管道)去掉千位符(逗号)

前言number 管道用法(保留小数点后两位)<div> {{ testModel | number: '1.2-2' }} </div>`使用 Angular number 管道时,会为千位自动加上分隔符,如下122,441,165.31去掉分隔符的方法定义一个清除逗号的管道import {Pipe, PipeTransform} from "@angular/core";@Pipe({ name: "replaceComma"})expo

2020-11-04 17:14:22 1605

原创 Linux 系统下解压 rar 文件

官网下载安装包WinRAR archiver根据操作系统选择安装包:解压安装包tar -zvxf rarlinux-x64-6.0.b1.tar.gz安装sudo make解压 rar解压到当前目录rar x ***.rar解压到指定目录rar x ***.rar {{path}}

2020-11-03 15:33:02 156

原创 Ubuntu Flameshot 截图工具

Ubuntu Flameshot 截图工具1. 安装sudo apt install flameshot2. 配置为开机自启3. 配置快捷方式3.1 Flameshot_area: 区域截图名称(Name):Flameshot_area命令(Command): flameshot gui --path /home/yt00495/Documents/pictures(该部分为图片自动保存的路径)快捷键(Shotcut):Ctrl + P(该项可以自定义...

2020-11-03 14:08:43 370

原创 系统和应用快捷键汇总

系统和应用快捷键汇总Windows返回桌面: Win + d切换应用: Alt + Tab打开命令窗口: Win + R => cmd搜索应用: Win + q打开文件管理器: Ctrl + eUbuntu返回桌面: Ctrl + Win + d切换应用: Alt + Tab打开命令窗口: Ctrl + Alt + t...

2020-10-29 17:31:58 189

原创 Spring Boot 项目中引入 flyway

Spring Boot 项目中引入 flywaypom.xml 文件中加入依赖<!--flyway--> <dependency> <groupId>org.flywaydb</groupId> <artifactId>flyway-core</artifactId...

2020-04-23 12:05:37 247

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除