自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 van-uploader怎么回显数据比较好

回显来的附件数据和上传的附件数据是分开的,这样二者的删除是互不影响的。然后为回显元素加上删除的图标样式,这样做的效果就和原生附件上传很相似了。我的解决办法是,将van-loader放到van-field的#input里面,将回显来的附件,放到van-loader的前面。而van-uploader里面绑定值的类型是File这样的类型,如果是图片,还需要能够点击预览,只是根据回显的数据,无法做到。另外,如果回显的附件信息不是图片,可以只显示文件名,具备删除功能即可。

2024-05-30 16:19:20 484

原创 vue中使用jsmind生成脑图

jsmind

2024-03-28 15:21:19 1837 1

原创 选择el-tree,并将选中的tree复制展示

我想选中tree的节点,并将选中的tree结构完整的复制到右边,展示出来,就像下面这样的:选中根节点比较好实现,根节点下面的节点都被选中了,从el-tree获取到的node节点中,包含了children的信息;但是子节点甚至是叶子节点选中之后,要将其所有父节点都显示出来,该怎么实现呢?下面是一种解决办法,没有涉及到parentId。

2024-03-27 15:34:49 605

原创 截屏怎样截取到鼠标

我一般使用Snipaste来截图,很好用。但是有时候我需要将鼠标截取下来,比如说在学习PS的时候,鼠标会有不同的状态,表示了不同的含义。那么怎么样才能将鼠标截取下来呢?截屏的图片就显示出鼠标的形状了。当然,这个快捷键可能与部分软件的快捷键冲突,从而使鼠标的形状在截图时发生变化,这时候可以修改快捷键,使鼠标的形状保持住。搜狗输入法有一个截屏的功能,可以帮助我们截取到鼠标。2、按快捷键ctrl+alt+w来调用这个截屏工具。1、打开搜狗输入法的更多工具,选择截屏。

2023-02-26 11:22:03 2048

原创 VSCode的prettier插件怎么格式化html文件才好

VSCode的prettier插件可以很方便的帮助我们格式化文档,但是对于HTML文件的格式化并不友好,每次我使用prettier格式化之后,html标签都会换行,这样html标签之间的结构就不是很清楚了,看起来很费劲。格式化之后就成了这样:搜索了很久怎样让prettier格式化html时不换行,但都没有结果,现在发现可以通过设置prettier超过最大宽度换行的值来调整是否换行,效果不错。打开VSCode的设置界面,设置prettier插件的Print Width值:此时格式化之后,结构就清晰

2021-06-18 10:11:21 7887 3

原创 网页笔记好帮手-pageNote插件

学习编程,看官方文档是很频繁的,但是我总感觉与看书的效果差一点,看文档的时候,我有很多疑问,我希望能够记下这些疑问,在我以后看的时候,给我思路和提示。可是找遍了网络,都没有很好的工具来实现这一点,今天让我发现了,原来有一个pagenote的插件,已经帮助我实现了我想要的功能,而且还是免费的哦。该插件支持firefox、chrome、edge、360浏览器,我以firefox浏览器为例来说明。1.打开浏览器扩展页面2.安装pagenote插件3.使用pagenote还可以设置坚果云的云盘,将p

2021-02-21 16:38:01 3961 1

原创 六个好用的前端开发在线工具

网上可以找到前端开发社区贡献的大量工具,这篇文章列出了我最喜欢的一些工具,这些工具给我的工作带来了许多便利。EnjoyCSS老实说,虽然我做过许多前端开发,但我并不擅长 CSS。当我陷入困境时,[EnjoyCSS] 是我的大救星。EnjoyCSS 提供了一个简单的交互界面,帮助我设计元素,然后自动输出相应的 CSS 代码。EnjoyCSS“EnjoyCSS 可以输出 CSS、LESS、SCSS 代码,并支持指定需要支持哪些浏览器及其最低版本。开发简单页面时用起来比较方便,但不太适合复杂一点的

2021-02-19 09:10:32 157

原创 Typora配置图床

我尝试过很多方法,想将markdown文件的图片配置好,markdown文件我喜欢用VSCODE来编写,因为可以边写代码边写文档,但是这个markdown文档的图片就很难用其它的编辑器来查看,在网上查了原因之后才发现,不同编辑器中图片保存的位置不一样,造成打开时识别不了这个位置,更重要的是,这个markdown文件分享的时候,别人没办法连接到这个图片地址,影响分享的效果。我遇到的问题,别人也遇到了,配置图床是一个非常好的选择。将markdown文件中的图片上传到一个网络服务器中,给图片一个网络链接,那么图

2021-02-08 09:51:48 152

原创 VSCODE代码分享插件Polacode-2020

我们可以使用Carbon这个网页来制作代码图片,但是还需要打开网页,复制-粘贴代码,比较麻烦。VSCODE有一个代码分享得插件,可以直接在编辑器里面生成代码图片,很方便,现在分享给大家。安装插件在VSCODE里面搜索polacode,会出现很多类似的插件,第一个出现的Polacode是原版,其余的都是模仿的版本,但是原版我在VSCODE上使用没有反应,所以只好使用Polacode-2020,效果也非常好。点击“安装”即可。按ctrl+shift+p,打开命令面板,输入polacode,打开这个插件

2021-02-07 19:29:06 3473 5

原创 vue项目中使用vant的tabs切换显示echarts的那些坑

1首先 需要 下载echarts2 在main 中 需要引入import echarts from ‘echarts/dist/echarts.min.js’import china from ‘echarts/map/json/china.json’echarts.registerMap(‘china’, china)Vue.prototype.$echarts = echarts

2021-02-03 18:49:23 2010 4

原创 提升开发效率的网站:Dev Hints

今天,笔者给大家分享一个能提升开发效率的网站:Dev Hints。做为一个技术人员,要记很多东西,但是又不是全部都记得住。特别是有些知识很久不用了,就忘记的差不多了,只有经常用到的才会记得牢。如果要用到不是很记得的 api 的时候,这时候就要搜索了。Dev Hints 就是一个速查表,我们要使用速查表来快速查找一些技术知识点。这个网站里面收集了非常多技术类型的速查表。你能很轻松的从上面找到具体某项技术的快捷命令与基础语法,用上之后,相信能大幅提升开发效率。下面我简单列举下该网站提供的几种技术

2021-01-31 09:20:54 85

原创 python中如何捕获错误

在编写python程序时,需要给代码增加try except语句来增加代码的健壮性,那么如何捕捉具体的错误类型呢?下面就介绍一下:python标准错误处理:try: 可能出错的地方except: 错误捕获,出错时要执行的代码else: 没有错误时要执行代码finally: 不管有没有错误都要执行的代码以上语句只能在代码出错时,输出自己定义的语句,但并不能输出到底是什么错误,我还是想知道是什么错误,才好修改。python定义的异常如下:BaseExcepti

2020-12-23 10:50:16 5091

原创 pip下载加速及常用命令

由于pypi是国外的网站,使用pip命令来下载各种第三方包速度很慢,我们常用尾部加镜像源的方法来提速:pip install 第三方包名称 -i http://pypi.douban.com/simple/。但是这种方法每次都要输入镜像源,很麻烦。可以进行永久配置来提速。在电脑的C:\Users\Administrator\pip文件夹里面新建一个pip.ini的文件。如果没有这个pip文件夹,就新建一个。在pip.ini文件里面写入:[global]index-url = https://pypi.

2020-11-24 13:14:59 1385

原创 常用镜像地址 pip, npm

npm保存到 ~/.npmrcregistry=https://registry.npm.taobao.org/disturl=https://npm.taobao.org/dist或者npm config set registry https://registry.npm.taobao.org/npm config set disturl https://npm.taobao.org/distpypiSave to ~/.pip/pip.conf[global]index-url

2020-11-20 20:42:18 203

原创 Pycharm编辑器使用

PyCharm编辑器盛名在外,很多人都说这个编辑器非常好用,但是我的感受是:除了笨重的体积、漫长的启动时间、占用大量的内存之外,这款编辑器与其它的编辑器没有什么不同,但是今天看了一篇专门介绍PyCharm编辑器的文章终于发现了它的用法,原来还可以这么用,以下是我认为非常有用的功能。...

2020-11-19 13:30:48 401

原创 如何为文件夹添加图标

我使用的是win10系统,在使用了iCloud之后,发现里面文件夹前面显示的有图标,看起来很清楚,也很美观。于是我想在需要的文件夹前面添加图标,步骤如下:右键单击文件夹,选择属性。在属性中,选择自定义,在最下面选择更改文件夹图标,可以看到里面有很多windows提供的图标,不过不是很好看,可以在网上搜索图标,注意,图标后缀名必须为.ico .icl .exe .dll其中的一种。...

2020-11-03 20:38:55 1926

原创 怎样在VSCODE终端直接显示JS代码执行结果

在学前端的过程中,一直都是在浏览器中显示代码执行结果,在调试JS文件时不是很方便,有时候我们只想知道代码的执行结果,程序来回的切换很麻烦,那么可以在VSCODE终端中直接显示JS代码执行结果。方法一:打开终端,在终端中输入node 文件名,然后按回车。方法二:安装code runner插件,然后按F1,输入run by language,选择JS执行。当然Code Runner插件可以进行设置,通过快捷键来执行是非常快的。...

2020-11-03 14:15:03 8232 2

原创 如何将win10桌面模仿成macOS风格

首先将任务栏放到桌面上沿,然后选择使用小任务栏。然后在Microsoft Store里面下载winDynamicDesktop,因为这是微软商店的,不用害怕破坏电脑。下载后即可使用Mac风格的动态壁纸。然后在Microsoft Store里面下载TranslucentTB,下载后即可将任务栏调整成高斯模糊的样子。然后下载软媒魔方,使用里面的任务栏。最后在致美化官网里面下载鼠标图案,将鼠标的图案模仿成MAC OS风格。...

2020-10-29 14:40:41 2951

原创 iPad上如何查看markdown文件

有时候希望在iPad上查看Markdown文件,用手滑动的快感带动着思绪流转,是非常享受的一件事。但是App Store里面的Markdown软件很多都是收费的,对于囊中羞涩的我来说还有点小贵,终于看到有一个坚果云 Markdown 的软件可以用来查看Markdown文件,解了我的燃眉之急。坚果云并不能直接从iCloud里面读取文件,必须先注册一个坚果云账号,然后在电脑端将Markdown文件上传到坚果云中,然后在iPad端就可以愉快的查看Markdown文件了。...

2020-10-20 21:47:51 18928 3

原创 编程效率提高之输入法

在编程的时候,中英文之间的切换是经常做的事情,有的时候很麻烦,因为调整成中文之后,给代码加标点符号时很可能加成了中文标点符号,如果加错了又要删除重新做,很影响心情,这里有一个方法,可以帮助我们避免这种情况。打开搜狗输入法的设置→然后在常用设置中将中文时使用英文标点勾选上,这样在我们输入中文之后即使没有切换到英文输入法,输出的标点符号也是英文的,那就不用删除再改了,提高了我们的效率。当然,如果你觉得这个设置影响了你其他文档的写作,那么将这个设置取消即可。...

2020-10-15 16:22:16 1115 1

原创 怎么看一个网站使用的技术栈?

看到了好网站,总是忍不住想要看看这些牛逼的网站使用了哪些技术,为自己以后的学习找准方向。但是查看的源码总是经过了压缩,很难看出来到底使用了哪些技术。下面有一个好网站,能够帮我们分析出来网站使用的技术栈。https://www.wappalyzer.com/打开这个网站,会提示需要进行注册才能使用,注册完毕之后会提示您每月有50次使用分析功能的权限。点击相应的技术框架名称,还可以看到具体的分析。...

2020-10-08 12:58:57 5181 2

原创 在Vue组件中引入mui代码,更改组件背景色

在Vue组件中,引入了外部的代码(比如说mui的代码),在页面中会遇到背景色无法调整的情况。如下图:无论我在CSS中如何定义div的背景色,都没有效果,查看元素才发现,有一个element.style在起作用:那么这个element.style是哪里来的呢?element.style是一种内联样式,很多情况下是在一些JavaScript代码里写死的,我们在使用第三方js文件时会遇到。网上搜索了一下,可以在样式后面加上!important来更改样式的优先级,覆盖掉这个element.style。既然bo

2020-09-23 12:49:11 406

原创 vue-cli 3.x中eslint如何和谐地解决报错问题

使用vue-cli 3.x构建项目很方便,但是里面的ESlint代码规范提示很烦人,动不动就报错,而且VSCode中第三方格式化插件格式化出来的代码也报错,但是vue-cli是多个人写的啊,不可能把它给关掉。(如果是个人写的项目,可在创建项目时不选中ESlint)。ESlint主要报错就是空格、引号这些规范。可以在项目根目录中创建一个.prettierrc的文件,里面写两段代码:去除不必要的分号及引用文件时使用单引号。...

2020-09-16 21:01:43 257

原创 使用Carbon生成漂亮的代码图片

当我们向展示代码给别人看的时候,我们想让代码保持原有的格式,并且要好看一点,这里有个工具可以帮助我们这样做。CarbonCarbon是开源免费的代码图片生成器,可以为我们生成漂亮的代码图片。操作也是非常简单,直接将代码粘贴在代码区,然后设置想要的格式即可。GitHub地址:https://github.com/carbon-app/carbon网址:https://carbon.now.sh/格式设置好之后,可以按Export键导出图片,图片的格式为PNG或SVG格式。...

2020-07-23 12:33:14 963 1

原创 windows10系统右键菜单里面的字母是什么意思?

我一直以为右键菜单的字母表示的是快捷键,所以有很多次我尝试使用CTRL+这些字母时,都没有效果。我还以为自己的键盘或者是字母本身显示有问题,查过之后才知道,原来这些字母的用法不是我们以为的快捷键。右键字母的作用就是不需要鼠标,直接使用字母进行操作。键盘上的信息键(也就是FN与CTRL之间的那个键)就相当于右键,通过这个键唤出右键菜单,然后直接按对应的字母,就可以进行相应的操作。下面以桌面菜单为例,看这个是怎么个用法。可能习惯了使用鼠标的人不喜欢这种方法,但是对于长期使用键盘的人来说,未必不是一个提升

2020-07-20 18:49:41 5114

原创 VS Code两个版本共存

VS Code是一款非常好的编辑器,我很喜欢它丰富的插件和轻量的体积。因为我不止写一种语言的代码,所以我需要下载很多个插件,但是插件之间的冲突也是不可避免的,查找问题的原因我也觉得很麻烦,终于让我发现,原来VS Code两种版本可以共存,一种就是我们最经常使用的稳定版本,一种就是insiders版本。两种版本可以共存使用。1.两种版本的异同稳定版是固定1个月一次大的更新,而insiders版是每天都会更新。这是最大的区别,而他们可以在同一台机器上共存,而且用户设置、颜色主题、快捷键设置、插件都是相互独立

2020-07-20 18:02:48 8139

原创 如何在所有平台上同步更新、查看文件

一致以来我都有一个想法,就是在所有平台上我都可以同步更改、查看我的文件,试过很多方法,不是费钱就是费力,微软的onedrive也太不给力了,很多国产的同步软件真是太鸡肋了(Evernote功能不行,居然还要那么贵)。Github虽然能帮助我们同步文件,但受制于其本身功能,并不能查看很多类型的文件,其实我也想买苹果全家桶,奈何荷包空空,但是我有一个iPad,希望将其发挥效能(不只是用来看电视而已)。苦思不得其解之后,突然发现原来Windows平台也可以用iCloud,于是我开了一个iCloud账户,每个月只要

2020-07-15 22:57:37 466

原创 pip使用时出现[Win Error5]错误

好久没有使用pip工具了,提示需要进行更新,但是更新之后出现了[Win Error5]错误,拒绝访问,于是按照它的提示进入到这个文件夹中,发现有多个pip.exe,于是我将多余的pip.exe删除,只保留最新的那一个,结果好了。...

2020-07-14 10:19:20 362

原创 如何批量更新pip第三方库

在下载python第三方库的时候,我们是一个一个下的,用什么下什么,很方便,但是第三方库要更新的时候,由于库太多,手动一个一个的更新恐怕要耗费太多时间,在网上查了一下,有一个叫pip-review的第三方库可以帮助我们批量更新。1.下载pip-review第三方库在命令行中输入pip install pip-review进行下载。2.使用pip-review -h命令查看该第三方库有哪些命令3.使用pip-review来查看有哪些第三方库需要更新我这里的第三方库已经全部更新了。4.使用pip

2020-07-14 10:11:03 1026 2

原创 VS Code打开一个文件会覆盖已打开的文件窗口

在使用VS Code时,我们打开一个文件,往往会覆盖掉之前打开的文件窗口,就像这样:而我们不需要将其覆盖,解决方法是在settings.json文件里面添加一行代码:"workbench.editor.enablePreview": false,如果又想要覆盖效果了,则将后面的false改为true即可。...

2020-07-08 16:52:22 1948

原创 GitHub创建仓库并上传项目(网页、git版)

这里讲怎样在GitHub网页版创建仓库并上传项目(国内的码云操作方法与此类似)。登录自己的GitHub账号,进入自己的仓库。点击NEW按钮,新建仓库。创建新仓库复制本仓库之地克隆仓库到本地管理仓库,提交并推送文件...

2020-07-07 19:45:11 772

原创 GitHub如何删除仓库

GitHub如何删除仓库?登录自己的账号打开自己的仓库打开要删除的仓库,点击Settings拉取到最下面,然后点击delete填写该仓库名称进行确认是否删除。删除成功。

2020-07-07 19:06:43 206

原创 Github Desktop用法(超省心哦)

GitHub推出了桌面版的应用,相对于网页版来说省去了天天登录网页的麻烦(主要是网速太慢了,你懂的)。1.GitHub Desktop简介基本界面与网页版相同,主菜单为文件、编辑、查看、仓库、分支、帮助选项。2.各菜单操作说明文件菜单(File)编辑菜单(Edit)查看菜单(View)仓库(Repository)分支(Branch)帮助(Help)3.用法举例创建新仓库在创建仓库后会显示是否发布仓库,这时候自己选择。在仓库中添加文件(任意添加文件)将修改

2020-07-07 18:46:21 2027

原创 git add多个文件或多个文件夹的命令

在实际操作过程中,我们需要将多个文件或者文件夹添加到git中,如果一个个的操作,那就太麻烦了,下面是解决方法。git add 多个文件git add 添加多个文件,文件之间用空格隔开git add file1 file2 file3 ...多次使用git addgit add file1git add file2git add file3添加指定目录下的文件,例子:添加config目录下及子目录下所有文件git config/*添加home目录下的所有.php文件git home/

2020-07-07 17:15:29 1179

原创 Git用法初步

Git和GitHub都是程序员初学者经常听到的词,具体区别是Git是分布式版本控制系统,而GitHub是一个网站,在里面提供了管理Git的功能。下面说Git的用法。1.Git的安装搜索Git下载,根据系统来安装,直接根据提示安装。2.Git基础设置初次使用Git前,需要进行一些基本设置。设置用户名:git config --global user.name 'tenxun'设置用户名邮箱:git config --global user.email 'tenxun@qq.com'

2020-07-07 16:10:09 175

原创 leetcode刷题初探

在leetcode上刷题一直是很火的话题,我也想在上面刷题,但是上面内容太多太杂,今天先从最简单的刷题开始吧。1.登录leetcode2.选择题库,从最简单的开始。3.写代码写代码可以选择自己喜欢的语言,选择后会在答题区出现一些代码,这些代码不要删除,但是可以改变命名,将解决过程写在下方即可。...

2020-07-06 20:38:28 145

原创 一款好用的win10系统工具Quicklook

Windows系统软件打开软件特别慢,我们有时候只想要看一眼内容,这时候等待就显得非常漫长了,终于让我发现了一款特别好用的打开工具,可以预览文件内容,轻便快捷。1.在Microsoft Store里面搜索Quicklook软件,然后安装。2.安装完成后启动Quicklook软件,选择文件,然后按Space(空格键)查看文件。这速度是不是比Windows自带的图片查看软件快多了呢!该软件还支持多种文件格式,比如说:几乎所有图片格式: .png, .apng, .jpg, .bmp, .gif,

2020-07-06 14:46:38 909

原创 屏幕截图软件Snipaste

Windows10系统自带的截图软件并不好用,主要是功能太少了,有一款非常好用的截图软件Snipaste介绍给大家,体积小、功能强、即开即用。

2020-07-06 11:08:48 350

原创 VS Code 创建用户代码片段(前端为例)

VS Code可以创建用户代码片段,方便我们写一些大段的、重复性的代码,方法如下:1.打开文件→首选项→用户片段,或者是直接点击左下角的齿轮按钮→用户代码片段。2.创建代码片段,点击窗口右侧的“新代码片段”,然后输入创建文件的名称,注意名称以.json结尾,点击enter键进行确认。3.在文件中写入自己想要的代码,解释如下:文件中会自动生成一些已经注释的代码,可以删除,也可以不管。给出了example,按照例子来做就行了。prefix是触发词的意思。在body里面写代码。descri

2020-07-06 00:52:51 668 1

原创 VS Code代码片段快速生成文件头(fileheader)信息

在编写代码文件时,如果需要将文件信息填写进去,那么我们一个个敲进去的话太麻烦了,虽然VS Code里面有关于fileheader的插件,但是我们不是每个文件都需要插入,这时候编写一段代码片段让我们自己选择是否插入就方便多了。编写方法如下:新建一个代码片段:选择File -> Preferences -> User Snippets选择代码片段类型,此处为New Global Snippets file选中后,确认新建一个文件。设置fileheader的代码片段(json格式)"

2020-07-05 23:39:06 1825

空空如也

空空如也

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

TA关注的人

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