tiandaochouqin_1的博客

原创 安装提示“INSTALLER”已损坏,无法打开,你应该推出磁盘映像的解决方法

2、打开终端，复制括号里的指令【sudo xattr -r -d com.apple.quarantine】，粘贴到终端，手打一个空格，把桌面上已损坏的INSTALLER拖动到空格后面，回车，输入电脑开机密码，再次回车。1、把INSTALLER拖动到桌面。

原创 如何查看当前所用浏览器版本是否支持Vue3+ElementUIPlus

1. elementui-plus环境支持：来源：Element Plus - The world's most popular Vue 3 UI framework2. 查看当前浏览器以及版本2.1 查看用的是什么浏览器function userBrowser () { var browserName = navigator.userAgent.toLowerCase(); if(/mise/i.test(browserName) && !/op.

原创 多处使用window监听键盘，只有一处生效

多处使用window监听键盘，只有一处生效：mounted() {window.onkeydown = (e) => {this.handleKeyDown(e)}}使用的地方改为：mounted() { window.addEventListener("keydown", (e) => { this.handleKeyDown(e) })}...

原创 css实现M书签图案

div { background-color: whitesmoke; border: 2px solid #eee; border-top: 0; width:100px; height:100px; position:relative;}div:before { content:""; width:0; height:0; position:absolute; left:100px; top:18p...

原创 vue在页面中修改url地址

1.安装依赖包 webpack-mergenpm i webpack-merge或者yarn add webpack-merge2.this.$router.push({ query:merge(this.$route.query,{'key':'value'})})// 将key、value更换为自己需要的即可

原创 chrome工具使用：暂停css动画进行调试

原创 Vue中swiper的使用

参考大佬文章：vue中swiper vue-awesome-swiper的使用方法和爬坑大法_zyf_baby的博客-CSDN博客_vueawesomeswiper修改箭头颜色： .swiper-button-next { /* 改变颜色部分：007aff → FDBD1F */ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F20

原创 在谷歌浏览器中对颜色进行 十六进制、rgba、hsl切换

打开F12，选中某个元素，鼠标停留在该元素的颜色块上，如图：按住shift键，点击颜色快，即可切换。

原创 postman | 让token不再被手动复制粘贴

在postman中写脚本，保证请求通过变量可以一直带上token1.点击“Status code:Successful POST request”编写脚本：pm.test("Successful POST request", function () { // pm.expect(pm.response.code).to.be.oneOf([201, 202]); const res = pm.response.json() pm.environment.s..

原创 javascript将时间HH:mm:ss转为时间戳

//时间处理-将时分秒转为时间戳 dealDateToUnix(time) { if (time !== null) { let s = ""; let hour = time.split(":")[0]; var min = time.split(":")[1]; var sec = time.split(":")[2]; s = Number(hour * 3600) ...

原创 javascript将时间yyyy-MM-dd HH:mm:ss转为时间戳

2021-11-11 12:22:28 →1636604548方法①console.log("timetime1",Date.parse(newDate(time))/1000)方法② var tmp_datetime = time.replace(/:/g,'-'); tmp_datetime = tmp_datetime.replace(/ /g,'-'); var arr = tmp_datetime.split("-"); ...

原创 Express+Swagger+Yapi

参考文档：Swagger and NodeJSSwagger Editor 1.npm install [email protected] --save

原创 window.onload里面的内容为什么不一开始就执行？

html5：不用写<style type="text/css">中的type="text/css"

原创 BootStap导航的active样式切换

在官方给出的导航组件中active固定在第一个导航项的位置，active样式无法进行切换。注：需要引入jquery以及bootstrap。<ul class="nav navbar-nav"> <li class="active"><a href="#a">a <span class="sr-only">(current)</span></a></li> ...

原创 表格表头固定，超过一定高度，除表头部分显示滚动条(Vue)

// 表头固定，超过一定高度，table除表头部分外显示滚动条<template><div><table> <thead :class="loanCharacteristicsDataHeight > 400 ? 'loanThead' : '']"> <tr class="bgtit"> <th width="18%">A</th> <.

原创 【前端】async+await 控制代码执行顺序

背景

原创 【前端】（五）ES6新特性之字符串拓展

目录字符串模板字符串查找字符串以谁开头/结尾重复字符串填充字符串字符串模板let name = abclet age = 18let str = 'My name is'+name+'and my age is'+age//字符串模板let str2 = `My name is ${name} and my age is ${age}` 字符串查找查找是否有bananalet str = 'apple banana orange'//之前： indexOfstr.indexOf(

原创 【前端】（四）ES6新特性之解构赋值

目录什么是解构赋值用于数组时用于对象时什么是解构赋值等号左右两边的格式一样，就可以将右边的值赋值给左边的变量，这种写法实质是“模式匹配”。举个例子：以前赋值:var a = 1;var b = 2;var c = 3;解构赋值:var [a, b, c] = [1, 2, 3];解构赋值不仅适用于var命令，也适用于let和const命令。只要某种数据结构具有Iterator接口，都可以采用数组形式的解构赋值。用于数组时要求：等号右边必须为数组基本用法：var [a,

原创 【前端】（三）ES6新特性之箭头函数

这里写目录标题箭头函数写法好处箭头函数的this指向拓展：this指向问题（1）默认绑定规则（2）隐式绑定（3）隐式绑定丢失的情况推荐箭头函数箭头函数即使用箭头表示的函数。匿名函数才能改写为箭头函数。写法常见的函数写程箭头函数：let num = function (a) { return a*2;}//写成箭头函数形式，function(a) 变成 =(a)=>let num = (a) => { return a*2}//当只有一个参数的时候，省略()，let

原创 【前端】（一）JavaScript和ES5、ES6的关系

这里写目录标题一、JavaScript、ES5、ES6的关系JavaScript特点组成ES5ES6一、ES6新特性（1） let、constlet（声明变量）let特点是什么？和var的区别？关于作用域（2） 箭头函数（3） 模板字符串（4） 结构赋值（5） for of（6） import、export导入导出（7） set数据结构（8） ... 展开运算符（9） 修饰器@（10） class 类的继承（11） async/await（12） promise（13） symbol（14） Proxy代理

原创 【前端】（二）ES6新特性之 let、const

目录let（声明局部变量）let特点是什么？和var的区别？关于作用域const（声明一个只读的常量）常见面试题let（声明局部变量）let特点是什么？作用域为 块级作用域、无变量提升、同一作用域内不可以重复声明和var的区别？var 作用域为 函数作用域、有变量提升、可以重复声明、有暂时性死区关于作用域作用域：JS(ES6之前)作用域有 全局作用域 、函数作用域(局部作用域)。ES6新增块级作用域。全局作用域：最外层函数和在最外层函数外面定义的变量拥有全局作用域。所有末定义直接赋

原创 Android Studio 入门：（七） 安卓蓝牙聊天功能的实现

1. 清单文件注册权限2. 在文件res/values/strings.xml里，添加程序运行过程中的状态描述文本及配色代码等3.修改聊天界面布局文件4.用于蓝牙会话的服务组件ChatService5.建立选择蓝牙设备的布局文件 device_list.xml6.新建Activity组件DeviceList，实现选取与之会话的蓝牙设备7. 界面程序weixinFragment.java8.源码地址

原创 【微信小程序】开发者工具推送代码到coding分支

1.复制coding上项目的地址2.打开微信开发者工具的版本管理3.打开左侧栏的“设置”，选择“远程”4.选择“网络和认证”，选择“使用用户名和密码”5.选择“抓取”，会得到远程的各分支fetch和git的区别 ：获取最新版本 有两种 拉取 和 获取 pull 和 fetchgit pull 从远程拉取最新版本 到本地 自动合并 merge git pull origin mastergit fetch 从远程获取最新版本 到本地

原创 Android Studio 入门：（六） 应用百度地图API实现安卓地图定位

1.复制coding上项目的地址2.打开微信开发者工具的版本管理3.打开左侧栏的“设置”，选择“远程”4.选择“网络和认证”，选择“使用用户名和密码”5.选择“抓取”，会得到远程的各分支fetch和git的区别 ：获取最新版本 有两种 拉取 和 获取 pull 和 fetchgit pull 从远程拉取最新版本 到本地 自动合并 merge git pull origin mastergit fetch 从远程获取最新版本 到本地

原创 Android Studio 入门：（五） 悬浮按钮增加联系人信息

一、初步认识FloatingActionButton：布局文件引入，继承自ImageView属性:app:backgroundTint 正常的背景颜色 app:rippleColor 按下时的背景颜色 app:layout_anchor 设置FAB的锚点，即以哪个控件为参照设置位置 app:layout_anchorGravity FAB相对于锚点的...

原创 Android Studio 入门：（四） 音乐播放器的实现

（安卓直接连接数据库存在安全隐患）一、实现效果抖动手机，可以随机获取数据库里的某条数据。二、编码思路（1）手机抖动功能+本地模拟数据验证效果（2）Python后台搭建（3）OKhttp的知识了解与运用三、代码展示四、那些没有技术含量的坑五、待完善...

原创 Android Studio 入门：（三） RecyclerView简单实现

（安卓直接连接数据库存在安全隐患）一、实现效果抖动手机，可以随机获取数据库里的某条数据。二、编码思路（1）手机抖动功能+本地模拟数据验证效果（2）Python后台搭建（3）OKhttp的知识了解与运用三、代码展示四、那些没有技术含量的坑五、待完善...

原创 Android Studio 入门：（二） 主页面的Tab切换

一、实现效果点击不同的tab，出现不同的页面二、编码思路三、代码展示//MainActivitypackage com.e.spirit;//import androidx.appcompat.app.AppCompatActivity;//import androidx.fragment.app.Fragment;//import androidx....

原创 Android Studio 入门：（一） 启动界面

一、实现效果 ——2s后——→ 二、编码思路（1）创建StartActivity并启动界面的静态布局①创建图片资源目录：在res目录下创建文件夹:drawable-hdpi （关于hdpi：https://www.cnblogs.com/android-deli/p/10101593.html）②导入图片启动界面图片：③ 启动界面全...

原创 CSS3的animation动画设置无效

元素得设置有position:relative;或position:absolute;

原创 axios和postman中，param和data的使用，post和get的使用

后端：@RequestBody，用于post请求前端：参数放在postman的body中，axios使用data后端：@RequestParam，用于get请求前端：参数放在postman的params中，axios使用params...

原创 vue项目构建

1. 全局安装 vue-cli（cmd）npm install -g vue-cli2.查看是否安装成功（cmd）3.执行 vue listvue模板详解：https://blog.csdn.net/qq_29645505/article/details/897419454.搭建模板vue init webpack Blog①在填Proje...

原创 coding pages + aliyun域名 + 页面

一、购买阿里云域名购买网址：https://wanwang.aliyun.com/域名注册步骤：https://help.aliyun.com/document_detail/54068.html二、coding page操作1.创建新项目①项目名称：username.coding.me②启用README.md③点击创建项目2.上传网页文件①注意：提...

原创 JS：event.stopPropagation(); 阻止冒泡的注意点

① 不能阻止父级的父级，只能阻止父级②oncclick的c是小写③onclick="stopPropagation()" 以及 functionstopPropagation() 的括号里有无 event 不影响。示例代码：<div class="col-md-3" onclick="into()"><d...

原创 JS：getElementsByClassName()无效的原因以及解决方法

<button class="btn btn-xs btn-warning revise">编辑</button>var revise = document.getElementsByClassName("btn btn-xs btn-warning revise")[0];revise.onclick=function revise() {revBack...

原创 路径问题

./SRC/ 同级../SRC/ 上一级目录中SRC文件夹；/SRC/ 项目根目录（磁盘根目录or项目根目录）1.路径中 斜杠/和反斜杠\ 的区别https://blog.csdn.net/zlwzlwzlw/article/details/7768313/2../ ./ ../ 的区别以及在jsp如何书写相对路径和绝对路径https://www...

原创 Java：错误提示

1.Invalidcharacterconstant无效的字符常数把单引号改为双引号。

转载 SQL：在重命名SqlServer数据库时,报5030错误的解决办法

数据库不能重名名5030的错误，其实很简单原因就是有应用程序正在占用这个连接，使用这样一行命令就可以查询出正在占用的连接use master select spid from master.dbo.sysprocesses where dbid=db_id('数据库原名')执行下面这条语句杀掉连接进程就OK了use master kill 54sql执行...

原创 关于flex弹性布局

1.一个盒子分为三份，面积占比为1：2：1&lt;style&gt; section{ display:flex; min-width:500px; max-width:1000px;} 窗口拖动到小于500px或大于1000px则不能再缩放 section div:nth-child(1) { flex:1;} section div:nth-child(2) ...

原创 CSS：透视 perspective

perspective 写在父级元素中。perspective:1000px; 视距（眼睛到屏幕的距离），视距越大，效果越不明显，视距越小，透视效果越明显。