js
悰零
这个作者很懒,什么都没留下…
展开
-
react html2canvas 批量生成canvas,转成base64图片,jszip 打包压缩包后下载
记项目实现需求,转react实现:根据获取的数据,转化成图片然后打包压缩后自动下载根据需求,分析需求,获得基本的实现步骤:获取数据把数据转成一个个div,然后转成 canvas(因为canvas是通过指定的 DOM 来生成的,所以我会先转成div)通过 html2canvas 生成 base64 图片通过 jszip 把所有 base64 图片 添加到实例中,生成zip 文件, 生成 a 链接,模拟点击下载链接进行自动下载接下来,就看一下以上的步骤应该如何通过 react 来实现。首先是原创 2020-11-17 00:37:03 · 2298 阅读 · 2 评论 -
使用Eggjs做服务端获取微信小程序云开发数据库的access_token
最近自己想写了一个微信小程序,恰巧里面有个云开发,恰巧里面有个数据库,那懒人的我,就直接用云开发里面的数据库了,做测试或者正式也好,对于刚开始来说,免费的配额是够用的。后来想到在小程序云开发上面的数据怎么看才方便?刚好微信小程序有一个服务端API,那就方便很多了,那就直接敲个服务端来获取云开发上数据库的数据出来到自己的后台上面,那以后管理起来也方便很多。看了一下服务端api之后,发现有三个重要...原创 2020-04-10 00:30:59 · 1459 阅读 · 0 评论 -
浅谈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 · 1426 阅读 · 0 评论 -
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 · 1321 阅读 · 0 评论 -
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 · 1194 阅读 · 0 评论 -
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 · 15380 阅读 · 0 评论 -
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 · 11108 阅读 · 0 评论