- 博客(30)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 2021-2022 常用方法
隐藏姓名export const hideName = (name) => { name = name.split('') let hideName = name[0] for (let i = 1; i < name.length; i++) { hideName += '*' } return hideName}隐藏手机号export const hideNumber = (tel) => { tel = tel.replace(/(\d{3
2021-03-23 14:19:09
546
原创 Microsoft remote desktop使用说明
Start”——“设置”——“系统”——“远程桌面”——“启用远程桌面”。并且关闭要求设备使用网络级别身份验证链接;2.2.1 添加add a user acount 输入username 和 password 点击add 添加。1 目标Windows电脑一定要提前打开“允许远程连接”的设置。(必须是专业版windows)2.1 输入pc name 目标pc的ip地址第一项。2.2 输入用户名及密码 第二项。2.3 输入使用名称。
2023-06-19 10:47:48
2528
原创 TypeScript 中的配置文件
二、如果在终端直接tsc 某个文件的时候并不会走tsconfig.json配置文件 若直接tsc 就可以走tsconfig.json配置文件。若直接tsc 则会去根目录下找ts 文件直接编译。一、初始化typeScript。生成tsconfig.json。1.2 编译ts 文件。
2023-05-24 11:31:43
321
原创 element ui自定义主题
1.1 在自定义主题设置对应的颜色 并下载1.2 在项目目录下安装element-theme、element-theme-chalk1.2 下载下来的style 中的theme 放到项目的根目录下1.3 引入cssimport {1.4 测试< el - button type = "primary" > 默认按钮 < / el - button >
2023-05-10 17:09:32
1207
原创 ResizeObserver媒体查询 vue组件
ResizeObserver:是一项新的功能,监听元素的内容矩形大小的变更,并通知做出相应的反应。和document.onresize的功能很相似${${${${
2023-04-13 14:57:42
312
原创 sortable.js-拖拽
官网1 下载:npm install sortablejs --save2引入:import Sortable from ‘sortablejs’3测试<template> <div class="flex" id="items"> <div class="item" v-for="(item,index) in value"> <p>{{item.name}}</p> </div>
2022-04-01 16:27:41
1253
原创 顶部进度条-nprogress
1.安装NPMnpm install --save nprogress2.引入main.js//导入import NProgress from 'nprogress'import 'nprogress/nprogress.css'router.beforeEach((to, from, next) => { NProgress.start() next()})router.afterEach(() => { NProgress.done()})3.修改进度
2022-04-01 15:30:32
350
原创 2022-2023 常用方法
一 判断对象中属性为空ls:PatientInformat: { patName: "", patGender: "", patPhone: "", patPhoneCode: "", patRelationship: "", patAreaConcern: "", },let a = Object.values(this.PatientInformat).some(e =>
2022-01-06 16:40:26
249
原创 2021-12-14 对象转换数组
let list = []; let obj = { 哈哈哈: "hahaha", 嘿嘿嘿: "heiheihei", 啦啦啦: "lalala", 略略略: "lueluelue", }; for (let i = 0; i < Object.keys(obj).length; i++) { let item = {}; item.label = Obje.
2021-12-14 17:50:12
774
原创 Python 基本语法
一 Python 变量类型Python 中变量赋值不需要类型声明# 为注释二、 print()函数 的使用2.1 print可以输出的内容 ①print可以输出的内容可以是数字 ②print可以输出的内容可以是字符串 ③print可以输出的内容可以是含有运算符的表达式2.2 可以将内容输出到目的地①显示器②文件注意点 1 所指定的盘符要存在2使用file=fpfp = open('F:/text.txt','a+')print('helloworld',file= fp).
2021-11-16 11:24:58
79
原创 2021-11-15 vue子传父、父传子、兄弟之间传值、插槽
一、子传父(1.在子组件中设置要传递的data 在方法中命名 this.emit(第一个参数为父组件自定义事件的name,后面跟要传递的参数【可以是数组、字符串、对象】【可以传递一个或者多个用,分隔】))(2.在父组件中引入子组件,父组件自定义函数为(自定义事件的name)并声明变量接受传递过来的值放在methods中,)(1)、在vue的实例methods中写方法(2)、在子组件标签的行间属性中订阅自定义方法@自定义事件=“方法名”(3)、在子组件的方法中通过emit (第一个参数为父组件自定义事件的n
2021-11-15 15:24:15
991
原创 VS Code 常用快捷键(自用) and VS Code git使用
常用快捷键(自用)Ctrl + /: 注释。Ctrl + \:快速分屏。 双击内容可以选中标签里的单词。Ctrl + D:快速删除一行。Ctrl + L:选中当前行。Ctrl + Home(F11键):快速到页首。Ctrl + End(F12键):快速到页尾。Ctrl + F:搜索。Ctrl + H:替换。Ctrl + N:新建一个HTML/CSS。 标签* + 数字:拥有多个标签Ctrl + S: 保存 选中内容,按TAB键可以缩进代码。在 CSS 的 style 中,输入 w80
2021-11-12 11:31:39
613
原创 2021-11-03 v-for 之key为index
用 index 作为 key 时,在对数据进行,逆序添加,逆序删除等破坏顺序的操作时,会产生没必要的真实 DOM更新,从而导致效率低用 index 作为 key 时,如果结构中包含输入类的 DOM,会产生错误的 DOM 更新在开发中最好每条数据使用唯一标识固定的数据作为 key,比如后台返回的 ID,手机号,身份证号等唯一值如果不存在对数据逆序添加,逆序删除等破坏顺序的操作时,仅用于渲染展示用时,使用 index 作为 key 也是可以的(但是还是不建议使用,养成良好开发习惯)。...
2021-11-03 11:17:15
994
原创 2021-11-01 echarts可左右滑动折线图案例
```go"dataZoom": [{ "show": true, "height": 15, "xAxisIndex": [ 0 ], bottom: '8%', "start": 0, "end": 90, handleIcon: 'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1..
2021-11-01 17:17:50
1954
原创 vue移动端日历插件
https://www.npmjs.com/package/vue-mobile-calendarnpm安装npm install vue-mobile-calendarimport Calendar from 'vue-mobile-calendar'Vue.use(Calendar);
2021-11-01 11:30:10
1047
原创 echarts 中遇到的问题
使用第三方组件vant 中 使用tab切换this.$ref拿不到值解决方法:lazy-render=‘false’就好了!!!!!!!!!!!!!!!!!11
2021-10-26 15:20:04
392
原创 canvas实现背景水印
'use strict'let watermark = {}let setWatermark = (str) => { let id = 'watermark' if (document.getElementById(id) !== null) { document.body.removeChild(document.getElementById(id)) } //创建一个画布 let can = document.createElement('canvas') //设置画布
2021-08-02 16:49:14
292
原创 CSS斑马条纹背景、毛玻璃效果、线性小三角
<head> <meta charset="UTF-8"> <title></title> <style> .container { display: flex; flex-wrap: wrap; justify-content: space-around; align-content: space-around; width: 1000px; height: 900px; } .b...
2021-07-12 16:04:12
171
转载 页面常见高度、宽度相关计算
网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.scrollHeight网页被卷去的高: document.body.sc
2021-06-24 10:18:42
439
原创 vue echarts中宽高自适应 And tab切换影响图表的宽度
一 echarts中宽高自适应最近在做关于图表的项目(移动端),避免不了手机屏幕的宽高不一致 而eharts 中宽高在div style 上设置(最开始使用的是固定ipone6/7/8) 固定设置的宽高 为 342 和200 但是当我切换别的(譬如ipone6/7/8 plus)的时 要比6/7/8 宽 这是就可看出来并不是自适应的这是 需要修改 div上的宽要改成10% <div id="mouseRate" style="width: 100%;height:200px;"></
2021-06-17 10:33:42
430
原创 设置overflow:auto无效的解决办法(避坑)
做项目避免不了使用overflow 但是设置了之后是无效的这个时候要查看所在的元素是否的父元素是否在所在元素给父级添加属性 注:宽高大于父级元素的宽高
2021-06-15 18:33:20
2741
原创 了解lodash和常用方法总结(个人经验)
lodash 官网中文文档 https://www.lodashjs.com/参考 : https://blog.csdn.net/weixin_34248023/article/details/94043179?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-4.control&depth_1-utm_source=distribu
2021-05-24 15:20:26
1352
原创 如何下载Python 以及安装 pycharm编译器
Python一 下载python官网 https://www.python.org/downloads/ 这里会让你选择安装路径(尽量不要放到C盘,并记住此路径)1.1 运行Python(win+r,输入cmd 回车),输入python 如果显示这样则为成功若没有成功显示如下则需要配置环境变量右键我的电脑 -> 点击属性->选择高级系统设置-> 右下角的环境变量->找到path->点击新建->刚刚安装 的路径copy过来 点击确定 。再启动命
2021-03-26 16:29:38
929
3
原创 Vue项目中document.execCommand()的用法(个人经验)
文章前缀项目需求(不使用ctrl+c)实现复制我所需要复制内容,https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand官方文档有提示 (慎用)目前我在谷歌浏览器,搜狗浏览器、Microsoft Edge 都可以正常使用首先在当前视图中新建一个p和textarea标签,代码如下 <p id="content"></p> <textarea id="text" style="p
2021-03-19 15:28:05
2557
转载 vue中安装并使用echarts(个人经验)
这里写自定义目录标题安装echarts的七个步骤一 检查vue的版本是否为2.0二安装echarts 的版本为4.8合理的创建标题,有助于目录的生成示例效果图安装echarts的七个步骤。一 检查vue的版本是否为2.0二安装echarts 的版本为4.8注 :如果你更新为最新的版本5.0.2 会报错 导致 echarts 不能正常运行npm install echarts@4.8.0 -S合理的创建标题,有助于目录的生成<script src="https://cdn.staticf
2021-03-15 17:58:13
4239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人