2019年3月20日

less : 写一个display:flex的mixin

摘要: 和scss一样,less也是一个好用的css预处理语言,语法也很相近。 而我们在使用display:flex的时候,很容易苦恼于里面的设置的单词很难记(尤其是对我这种英语很差的人来说)。 所以我们可以写一个display:flex的mixin。 上代码。 flex的设置有很多,但这两个是最常用的。 阅读全文

posted @ 2019-03-20 10:38 fox_charon 阅读(815) 评论(0) 推荐(0)

2019年3月19日

scss : div水平垂直居中

摘要: scss 是一个很好用的css预处理语言,有很多很好的特性。 比如 mixin。 我们可以像使用函数那样使用mixin。 比如写一个div水平垂直居中。 上代码。 用vscode的scss live compiler插件可以很方便的编写scss,他会帮你自动编译成css。 以上。 阅读全文

posted @ 2019-03-19 15:00 fox_charon 阅读(1918) 评论(0) 推荐(0)

2019年3月1日

由一个计数器出发:关于vue使用独立js文件的问题

摘要: 最近有个vue项目要用ztree。 然后,我想把一些逻辑提出来作为公共的方法,放到独立的js文件里。 ztreeTool.js main.js 那么问题来了: ztree demo里有一个外部变量count,我们把ztree逻辑抽出来之后怎么处理这个变量? 我的办法是: 把count作为一个独立的计 阅读全文

posted @ 2019-03-01 12:54 fox_charon 阅读(276) 评论(0) 推荐(0)

2019年2月26日

css : 使用浮动实现左右各放一个元素时很容易犯的错误

摘要: 比如说,有一个div,我想在左侧和右侧各方一个元素。 如果不想用flex,那就只能用浮动了。 咋一看并没有问题,对不对? 但是这样不行:想挂在右侧的那个元素会被挤下去。 只要把浮动元素放在非浮动元素前面就行了。 就是这样。 阅读全文

posted @ 2019-02-26 18:23 fox_charon 阅读(549) 评论(0) 推荐(0)

2019年2月25日

ztree实战

摘要: 改动:更改了图标;增加了获取所有节点的方法;增加了自定义按钮。 上代码。 阅读全文

posted @ 2019-02-25 18:37 fox_charon 阅读(380) 评论(0) 推荐(0)

2019年2月21日

vue : rem自适应的应用

摘要: 我们知道,rem是一个css单位,指的是HTML根节点的字体大小。 MDN:css单位 而我们在用rem布局的时候必然会遇到一个问题:我们需要根据用户的屏幕大小去计算rem。 以下是代码。 (在VUE中使用) (在原生项目中使用) rem.js index.html 以上。 阅读全文

posted @ 2019-02-21 09:25 fox_charon 阅读(886) 评论(0) 推荐(0)

2019年2月20日

一个深拷贝方法的漏洞与一个javascript经典bug

摘要: 今天做某个项目,需要函数深拷贝。 在网上随便找了个代码粘上去,结果报错了。 开始的时候一脸懵逼,后来想起来了:typeof null 有个bug,而在我的项目中需要用这个方法的对象有的值是null。 即: 这是js一个经典bug。 所以这个方法得稍微改一下。 红色的部分就是修改后的部分。 以上。 阅读全文

posted @ 2019-02-20 18:49 fox_charon 阅读(281) 评论(0) 推荐(0)

2019年2月16日

iview实战 : 树形组件自定义

摘要: Tree树形组件是 iview 中相对复杂的一个组件。 自定义节点内容 使用强大的 Render 函数可以自定义节点显示内容和交互,比如添加图标,按钮等。 使用强大的 Render 函数可以自定义节点显示内容和交互,比如添加图标,按钮等。 使用强大的 Render 函数可以自定义节点显示内容和交互, 阅读全文

posted @ 2019-02-16 20:25 fox_charon 阅读(7200) 评论(0) 推荐(0)

2019年2月13日

vuex : 用vuex控制侧栏点亮状态

摘要: 上代码。 xxx.vue store.js main.js 以上。 阅读全文

posted @ 2019-02-13 21:44 fox_charon 阅读(513) 评论(0) 推荐(0)

ztree : 增删改功能demo与自定义DOM功能demo的结合

摘要: 最近有个项目要用ztree,需要用ztree自带的功能(增删改),也需要自定义DOM的功能(置顶)。 ztree的demo里有增删改的demo,也有自定义DOM的demo,但没有两者结合的。 所以我把demo改了一下,两个功能合在了一起。 上代码。 以上。 阅读全文

posted @ 2019-02-13 12:02 fox_charon 阅读(797) 评论(0) 推荐(0)

导航