摘要: 在使用Vue开发的过程中,通常会用到一些样式的全局变量,如果在每个组件中引入就太繁琐了,维护性也不好,因此全局引入是个不错的想法。下面以less为例,记录一下全局引入less变量的步骤: 1、首先安装依赖 在项目根目录的命令行工具里,执行以下命令。 2、配置vue.config.js文件 将上述代码 阅读全文
posted @ 2019-09-17 16:58 子闲 阅读(4845) 评论(0) 推荐(0) 编辑
摘要: 类型 内置类型 除了空值null类型之外,其余6种类型均有同名的字符串值与之对应。如:typeof true 'boolean' 空值(null) typeof null 'object'; // true null竟然是object类型,惊不惊喜?其实这个bug由来已久,算起来也有差不多20年。 阅读全文
posted @ 2019-08-13 21:48 子闲 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 1、实现网站换肤功能,一般最先想到的是用全局class控制样式切换缺点:全局控制CSS,在项目不大,换肤样式不多的情况下,还能勉强够用。但是换肤样式很多的话,代码会非常臃肿,不利于维护。 2、切换引入CSS样式的href属性值,来达到切换样式的目的。 缺点:使用JS改变href属性会带来加载延迟,样 阅读全文
posted @ 2019-08-13 11:37 子闲 阅读(701) 评论(0) 推荐(0) 编辑
摘要: 在开发中有时,我们定义了大量的基础样式变量,例如: 大量的vue单文件组件会用到这些变量,每个组件都引人一次又太麻烦。全局引入是个不错的方法,于是,在main.js 中引入variable.styl文件,但是你会发现,并不起作用。 在查阅了vue cli官方文档后发现,有官方支持的方法。 1、给sa 阅读全文
posted @ 2019-08-10 17:58 子闲 阅读(2393) 评论(0) 推荐(0) 编辑
摘要: 使用Vue技术栈开发不仅效率高,而且很友好,而且还有很多基于vue的UI框架,例如:element等,但是这类框架美中不足的是,图标太少。为了解决这个问题,不得不引入第三方字体库,今天以阿里图标库为例,如何在vue中使用。 1、首先找到合适图标,然后点击添加入库,接着点击右上角的购物车图标。 2、你 阅读全文
posted @ 2019-08-10 15:00 子闲 阅读(8520) 评论(0) 推荐(0) 编辑
摘要: 在工作中,我们有时会遇到这样的需求,比如:要把页面的表格数据导出为Excel文件。在此记录下自己用的解决方法。代码如下: 阅读全文
posted @ 2019-02-15 13:47 子闲 阅读(1387) 评论(0) 推荐(0) 编辑
摘要: 在开发的过程中,有时会遇到只允许特定的几个IP访问。今天来记录一下前端的写法。 首先,引入 它会返回当前设备的IP等信息。你可以使用。 然后设置白名单。 把白名单和拿到的设备IP比对。 如果不是指定IP,则关闭网页。 封装关闭网页的函数。 完整版代码如下: 阅读全文
posted @ 2018-12-24 16:43 子闲 阅读(3374) 评论(0) 推荐(0) 编辑
摘要: 在2008年Chrome V8引擎横空出世,让Javascript的效率有了质的飞跃,天才的Ryan Dahl将V8放到服务器上运行Javascript,Node.js便瓜瓜坠地,Node.js不仅给带来了高性能的服务器,还推动了前端的工程化。前端的逻辑越来越重,改变迫在眉睫,MVVM模式便走进了前 阅读全文
posted @ 2018-11-23 23:34 子闲 阅读(4994) 评论(0) 推荐(0) 编辑
摘要: 在开发的过程中,遍历是一个经常遇到的。而for循环则是Javascript工具箱里一个好用的,也常用的工具。每个人的习惯不同,for循环的写法也不尽相同。 1、不写声明变量的写法: 我们很多时候的写法使这种(做小白不堪回首的那些年),但这种写法,每次都会获取一下数组的长度,这会降低代码的效率。 2、 阅读全文
posted @ 2018-11-22 23:11 子闲 阅读(470) 评论(0) 推荐(0) 编辑
摘要: 在工作中,难免会遇到跨域的问题,就像你高高兴兴的带着老婆吃着火锅,啊不对,是匆匆忙忙的在搬砖,突然浏览器告诉你跨域了,意不意外? 既然遇到了,就只能解决他,平时一顿乱操作,也能解决问题,但一直没有好好的来总结。 俗话说的好,知己知彼、百战不殆。我们来看看什么是跨域?谁在搞事情? 原来是浏览器在搞事情 阅读全文
posted @ 2018-11-21 21:53 子闲 阅读(266) 评论(0) 推荐(0) 编辑