攻城Alone

摘要： scss 作为专业级CSS扩展语言，其功能是非常强大的。除了基本的嵌套外，还有 mixin(混合) 这些...... 这里简单的总结下，scss 实现白天和黑夜两种模式的换肤 这是最近做的另一种使用scss换肤的方式 SCSS 实现换肤(二) 安装scss npm install sass-load 阅读全文

摘要： 简介 web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。一旦创建， 一个worker 可以将消息发送到创建它的JavaScript代码, 通过将消息发布到该代码指定的事件处理程序（反之亦然）。以下面的代码为例： index.html <button id 阅读全文

摘要： element 是非常常用的 UI 组件库。最近，因为公司需求的变化，需要让上传的文件有个上传的进度条。刚开始，还不知道怎么去做，后来想到了 element 中的 upload 组件。就做个总结(包含一定的源码)： 之前我总结过一篇关于upload 的钩子自定义传参的总结 upload组件的参数及事 阅读全文

摘要： Promise 在前端应用中是很常见的，之前也了解和总结过一篇文章 Promise 总结，而这篇总结主要就是在实际工作中，使用Promise 时遇到的一些问题总结。 then 和 catch 的回调都触发 最近在工作中，公司的一个项目上因为需求变化，所以对逻辑进行了修改。但是最后发现同样的操作在改动 阅读全文

摘要： 最近一个月公司新启动一个项目，在中后台管理上有个需求是，让用户能够打包下载已经上传好的图片。就研究下了一下，还踩了几个坑，这里简单记录下功能的实现。 一、安装相关的依赖 npm install jszip --save npm install file-saver --save 二、使用 引入下载好 阅读全文

摘要： PhotoSwipe 是一款图片预览插件，而且个人觉得自定义程度很高。这里总结下在vue中的使用。 使用 npm install photoswipe --save 在页面中导入相应的 js 和 css等 import PhotoSwipe from 'photoswipe' import Phot 阅读全文

摘要： 生成海报图功能，在分享时比较常用到。使用 html2canvas 插件生成海报图片，而对于海报图中的二维码则采用的是 qrcodejs2 插件(使用方式就省略) 下载依赖 npm install html2canvas --S 对于海报图的结构等需要写好 <div id="pageHtml" cla 阅读全文

摘要： 在vue中，使用svg图标的组件来显示svg图标，发现怎么都显示不出来， 组件代码如下： <template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName" /> </svg> </template> < 阅读全文

摘要： 因为最近的一个新的需求--要求前端能够操作系统(电脑和手机)的日历，给日历添加日程。what?，没搞过，一头雾水。最后了解到了可以通过生成 ICS 文件。 简介 ICS文件是一种以通用日历格式保存的日历文件。ICS格式已经被很多的电子邮件程序和日历程序广泛使用(eg：Outlook、谷歌日历 和 苹 阅读全文

摘要： 最近在一个公司项目上增加了新功能后，要在测试和本地进行一下简单的测试。因为一些原因，所以连本地都是使用的 https 进行的访问。 在本地访问时会有这种提示： 对于本地这种情况还好，点击高级选项，后有个 继续前往xxxxx(不安全) 的选项，点击就能访问 但是，这种情况有时候会出现在线上的链接，而这 阅读全文