![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
小金的口袋
这个作者很懒,什么都没留下…
展开
-
Vue实现批量选择操作(上下架,删除等)
在处理一些列表之类的数据时,经常会有一些批量处理的操作,以下仅以批量删除为例来做简单的分析,其主要代码如下:批量操作主要是获取被选中的id,然后将选中的id传给后端接口即可。原创 2022-06-28 09:43:04 · 1525 阅读 · 0 评论 -
JS中的与、或、空值合并运算符、可选链操作符运算符
javascript有不少好用的运算符,合理的使用可以大大提高工作效率,以下简单介绍了4种,具体如下:&&逻辑与运算(&&)是 AND 布尔操作。只有两个操作数都为 true 时,才返回 true,否则返回 false。具体描述如表所示:条件一条件二结果演示true1true2true21 && 2 => 2truefalsefalse1 && 0 => 0falsetrue原创 2022-05-06 08:44:45 · 682 阅读 · 0 评论 -
Vue项目中实现文件下载到本地的功能
公司业务需求,我需要实现一个合同模板,自定义输入内容后生成合同随后导出下载合同。(自定义部分用到的是)为了实现这个文件下载到本地的功能,真的是废了九牛二虎之力,以至于差点放弃(主要还是自己菜)。刚开始自己用到的是Window.open()的方法,发现这个方法只能将你的合同在新页面打开,并不能实现下载功能;然后就换了html5 Bolb方法,弄了些许时间后发现还是不能达到自己的需求,最后在不断的挣扎中找到了**FileSaver.js** 首先需要安装即:npm install file-saver --s原创 2022-02-11 17:35:41 · 5653 阅读 · 2 评论 -
春节将至,喜庆的烟花安排上(js实现烟花)
一年一度的春节即将来临,然后苦逼的我还在使劲的摸鱼,未能回家体验小时候路边放爆竹的快乐时光,所以只能在网上来实现这个小小的心愿了。烟花静态效果图如下:为了大伙复制方便就不分开写,直接复制即可,具体实现代码如下所示:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> b原创 2022-01-22 09:28:06 · 721 阅读 · 0 评论 -
canvas绘制圣诞树(动态效果)
最近不知道咋的都玩起了用备忘录手绘圣诞树,作为万能的程序员,肯定也要跟上潮流,那用代码来实现圣诞树吧。实现效果如下:具体代码如下,可直接cv复用<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> html, body { width: 100%;原创 2021-12-17 15:05:49 · 1229 阅读 · 0 评论 -
如何用JavaScript实现轮播图(幻灯片)的制作
本次轮播图的制作主要分为3个部分,分别是:设置定时器自动轮播;点击左右切换按钮轮播;下方点击按钮轮播。具体实现步骤如下:(效果图)html部分代码如下:<div class="slidebox"> <ul class="ul1" id="ul1"> <li><img src="img/solid.png" width="100%" height="500px"> <p class="slide-p1">走原创 2021-07-11 15:26:13 · 685 阅读 · 0 评论