林兴 - 博客园

js实现生成PDF文件的方案

摘要：前段时间做vue管理端的项目，遇到这样的需求：需要前端来生成PDF文件。查找了相关的资料大致有这样的几种方案： 1.通过window.print()方法，打印当前窗口的内容。 2.通过两个插件实现，jspdf + html2canvas，本文着重说一下第二种用法。工欲善其事必先利其器，首先我们在项阅读全文

posted @ 2020-10-23 14:47 林兴阅读(7481) 评论(4) 推荐(0)

移动端实现播放视频，阻止弹窗下内容滑动

摘要：最近做项目遇到这样的需求：实现移动端播放视频，点击播放按钮，弹窗播放。一开始就直接按照套路做了一下，发现一个bug，弹窗播放视频时候，虽然占满全屏，上下滑动，关掉视频发现下面的内容都被滑动到最后了，这时候我们需要阻止一下视频弹窗默认行为来解决这个bug，先上代码：视频弹窗 1 <div class 阅读全文

posted @ 2020-10-21 11:39 林兴阅读(494) 评论(0) 推荐(0)

如何根据后端数据的换行标记在前端页面显示换行

摘要：在实际业务场景中我们可能有这样的需求，将请求到的数据在前端显示换行，数据中有\n或者<br>的标记，但是在页面上显示可能并不是换行的效果。 1.后端数据中包含 \n 那我们请求到数据以后先要进行替换，把 \n替换为 <br> str.replace(/\\n/gmi, '<br>') 2.html文阅读全文

posted @ 2019-06-25 14:20 林兴阅读(6806) 评论(0) 推荐(2)

vue-cli的项目加入骨架屏

摘要：在原生APP中我们经常可以看到，打开app时候，内容还没出来，app会被别的内容替代，这样很好的提升了用户体验。那么在webApp中，我们如何避免白屏的尴尬情况呢？可以通过 vue-skeleton-webpack-plugin这个插件来实现类似的效果。 1.首先需要安装这个插件 npm insta 阅读全文

posted @ 2019-06-20 17:55 林兴阅读(1492) 评论(1) 推荐(1)

js预编译

摘要：每次面试当拿到这样的题，你会轻松的都将它搞定吗？如果上面问题你都可以轻松搞定，那么请略过此篇文章，有疑惑的小伙伴可以跟我仔细探究一下了。这就不得不说说js的预编译了，js代码的执行是读一行代码执行一行，但在执行之前系统会先对js进行全面扫描检查是否存在低级的语法错误，并不会立即执行语句。预编译是阅读全文

posted @ 2019-06-20 17:02 林兴阅读(405) 评论(0) 推荐(1)

JS防抖和节流模式的实际应用

摘要：防抖首先我们先讲讲防抖，一个时间在n秒内触发了很多次，我们只执行一次，总之就是等事件触发完n秒不再触发，才执行 /** * @desc 函数防抖 * @param func 函数 * @param wait 延迟执行毫秒数 */ function debounce(func, wait) { le 阅读全文

posted @ 2019-06-06 11:55 林兴阅读(936) 评论(0) 推荐(1)

常见的几种数组去重的方法，总有一种适合你~

摘要：又到了一年一度的换工作的旺季，今天在这里整理了几种常见的数组去重的方法，希望能对求职或者工作中的你提供一点帮助~~ 方法1：是代码量看起来最少最简洁的方法了，利用ES6的set方法来实现的。方法2：双层for循环，利用slice方法截取重复的部分。方法3：利用indexOf去重方法4：先利阅读全文

posted @ 2019-03-05 14:35 林兴阅读(865) 评论(0) 推荐(1)

调用微信扫一扫功能，踩坑'invalid signature'

摘要：在vue项目中，调用微信扫一扫功能，在安卓系统下完全正常，ios系统下却报错'invalid signature'的错误，这可能令许多小伙伴困惑，经过查询大量博客相关资料，才找到了解决的方法。原因:由于在ios和android中，location.href在spa页面的机制不同（不同在于ios是只阅读全文

posted @ 2018-09-03 18:25 林兴阅读(1209) 评论(0) 推荐(1)

如何快速的vue init 属于自己的vue模板？

摘要：相信很多接触过vue的小伙伴非常熟悉了，我们在开启项目之前都需要vue init webpack xx来初始化自己的项目目录。但是在实际开发中我们往往会根据公司要求或者业务的需要会对目录进行局部的调整，那么今天我们来说一说如何能够创建自己的项目目录机构，要做这个也是非常的容易了首先，我们需要全局安阅读全文

posted @ 2018-05-18 14:20 林兴阅读(9690) 评论(1) 推荐(2)

如何做到在webpack打包vue项目后，在外部动态修改配置文件

摘要：在我们做完vue项目后，只需要执行 npm run dist 就可以轻松进行打包转测试，可是如果我们临时需要修改一些配置文件比如域名，这时候我们就有点懵逼了，那就修改了再重新打一次包？ NO NO NO，让我们一起来探索如何解决这个问题吧。首先我们需要借助一个插件 generate-asset-w 阅读全文

posted @ 2018-05-11 17:42 林兴阅读(11734) 评论(1) 推荐(2)