自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 react html2canvas 批量生成canvas,转成base64图片,jszip 打包压缩包后下载

记项目实现需求,转react实现:根据获取的数据,转化成图片然后打包压缩后自动下载根据需求,分析需求,获得基本的实现步骤:获取数据把数据转成一个个div,然后转成 canvas(因为canvas是通过指定的 DOM 来生成的,所以我会先转成div)通过 html2canvas 生成 base64 图片通过 jszip 把所有 base64 图片 添加到实例中,生成zip 文件, 生成 a 链接,模拟点击下载链接进行自动下载接下来,就看一下以上的步骤应该如何通过 react 来实现。首先是

2020-11-17 00:37:03 2329 2

原创 关于vscode的CPU占用率过高导致的原因之一(rg.exe)

今天打开vscode之后,更新之后重启软件,忽然发现,软件卡爆了,打开了任务管理器之后看到,CPU占用率过高,一时之间不知道什么回事...之后观察了一下,发现里面有一个rg.exe的进程占用率很高,搜索了一下,发现原来跟vscode设置的设置有关系:方法一:search.followSymlinks具体位置看下图只要把那个勾勾给去掉,重新重启一下软件之后发现,没问题了。方法二:files.exclude就是下图黄色框框的这一个设置,因为打开软件的时候,软件会搜索显...

2020-10-11 20:11:47 8892 2

原创 使用Eggjs做服务端获取微信小程序云开发数据库的access_token

最近自己想写了一个微信小程序,恰巧里面有个云开发,恰巧里面有个数据库,那懒人的我,就直接用云开发里面的数据库了,做测试或者正式也好,对于刚开始来说,免费的配额是够用的。后来想到在小程序云开发上面的数据怎么看才方便?刚好微信小程序有一个服务端API,那就方便很多了,那就直接敲个服务端来获取云开发上数据库的数据出来到自己的后台上面,那以后管理起来也方便很多。看了一下服务端api之后,发现有三个重要...

2020-04-10 00:30:59 1483

原创 浅谈vue组件通信之父子组件传值的几种方式

下面介绍vue父子传值的几种方式:props 官方文档传送在项目views文件夹中创建一个parent.vue和一个child.vue的文件。parent.vue首先在parent.vue里面引入一个child做为子组件,然后在components里面声明。接着在template中使用这个组件,并使用属性props方式传值一个名为msg的属性。具体实现方式。child.vue在pro...

2020-04-05 19:37:10 1433

原创 如何从零开始创建初始化vue项目push提交到github上

在github上创建一个项目,只需要输入项目名称跟描述(其实也可以不填描述),然后记得,不要选上Initialize this repository with a README,很重要。然后点击create repository之后,就会看到这个提示页面,重点来了。这里其实就是说这个仓库还是空的,你可以从这个仓库克隆出新的仓库,也可以把一个已有的本地仓库与之关联,然后,把本地仓库的内容推送到...

2020-04-05 00:30:43 202

原创 es6中对象扩展运算符(三个点...)的简单运用

let Tarot = { TheFool: "愚者", TheMagician: 1, TheLeangle: [1, 2, 3, 4, 5]}对象得扩展运算符用于取出参数对象的所有可遍历的属性,拷贝到当前对象之中。let Marseilles = {...Tarot}console.log(Marseilles);//{// "TheFool": "愚者",/...

2020-03-31 00:29:20 1330

原创 js 关于对象属性的几种调用方式

let Tarot = { TheFool: "愚者", TheMagician: 1, TheHighPriestess: function () { return 'The High Priestess'; }, TheLeangle: [1, 2, 3, 4, 5]}点方式console.log(Tarot.TheFool);...

2020-03-29 23:36:41 1200

原创 怎样简单的clone自己github的私人项目

目前来说,github的私人项目已经可以免费使用了一段时间,但是当你用普通的clone方式去下载到本地的时候,会发现提示clone失败,报错显示⬇️remote: Repository not found.fatal: repository ‘https://github.com/github-username/github-template-name.git’ not found正常来...

2019-06-15 01:27:42 8371 1

原创 js 如何快速计算数组数量总和

在工作中会经常有计算数量总和的功能,在以前实现这个功能的时候,会遍历数组里面的数量,一遍一遍的循环计算,例如,想要快速计算数组 [1,2,3,4,5],以前会这样写:var numArray = [1,2,3,4,5];var sum = 0;for (var i = 0; i < numArray.length; i++){ sum += numArray[i]} consol...

2019-05-18 14:26:19 11160

原创 git 如何修改本地分支名称与远程分支名称

git 如何修改本地分支名称与远程分支名称在工作中经常会遇到需要修改分支名的问题,假设现在的分支名为 20190408_old_branch,然后发现自己的分支名好像写错了,这时候应该如何修改本地分支名称与远程分支名称呢?只需要下面三行代码1、-m 重命名分支,如果 new_branch 名字分支已经存在,则需要使用-M强制重命名,否则,使用-m进行重命名。username (2019040...

2019-04-08 11:20:11 5135 1

原创 JavaScript 如何优雅的写好 if 条件语句的多个判断条件

在进行前端工作时,会经常用到条件判断语句,其中一般使用得比较多的是 if 条件语句。而如果判断条件比较少的时候,可以这样写:if( age > 18 ){ console.log('You are already grown up');}然后当判断条件会有两三个的时候,你是不是会这样写:if( age < 18 || age > 18 ){ console.log(...

2019-03-27 18:01:51 15519

原创 如何设置 css 选中或处于高亮状态的样式

这里写自定义目录标题CSS 伪元素 ::selection功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入CSS 伪元...

2019-03-27 17:57:17 15873

原创 如何用 CSS 实现限制行数数量

在工作中有时候会遇到这样的需求:限制显示指定行数。这时候就可以使用这个样式,当然,兼容性并不太好:兼容性查看 display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow : hidden; text-overflow: ellipsis;为了实现该效果,它需要配合其他...

2019-03-26 14:48:10 3616 1

原创 如何简单且优雅的使用 PostCSS -> CSS 补前缀功能

这里写自定义目录标题1、安装 `package.json`2、安装工具 `PostCSS` 、`autoprefixer`1、安装 package.json先安装 package.json记录安装所用的插件,以便在其他电脑也能快速搭建对应环境。npm init根据对应的提示填写内容后,得到一个 package.json 文件。注意:package.json 文件的 name 不能...

2019-03-19 16:32:36 764

空空如也

空空如也

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

TA关注的人

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