抽取element-ui对话框Dialog为组件

实际工作中使用element-ui对话框Dialog遇到的一些问题总结,在页面写弹框(el-dialog)的时候,代码太多太乱,所以就想把弹框部分提出去。

功能不难,却有很多有用的知识点,所以总结一下。

Read more
vue的router.addRoutes方法不能在已存在的路由下添加子路由的另类解决办法

官网:router-addroutes

1
2
router.addRoutes(routes: Array<RouteConfig>)
动态添加更多的路由规则。参数必须是一个符合 routes 选项要求的数组。

说得比较简单,假设c是从后台获取到的权限路由,那么:

1
[{path='a'},{path='b'}].addRoutes([{path='c'}]) = [{path='a'},{path='b'},{path='c'}]

可以看出只能往后追加,如果我要c作为a的子路由,变成这样

1
[{path='a',children:[{path='c'}]},{path='b'}

addRoutes方法不能在已存在的路由下添加子路由,具体讨论请看:https://github.com/vuejs/vue-router/issues/1156

Read more
vue两种换肤原理解析

假设读者已经熟悉sass,bootstrap4,vue,es6等,不然不知道我在说什么,换肤功能很常见,但哪一种方式才是最佳实践呢?下面主要分析两种常见换肤原理

Read more
nuxtjs里使用vuex和cookie保存登录信息

第一境界:刚开始学习使用vuex的时候一脸懵逼,最开始的理解是js的var一个全局变量,后来慢慢把它理解成localStorage并结合计算属性(computed)存值取值,它比localStorage好,一改动就能监听做出响应。
第二境界:vuex还能模块化
第三境界:后来发现vuex还能做异步请求数据

上面算是新手入门,具体请看 vuex官网vue-element-admin

Read more
解决不了的难题之@babel/register

问题出现

我在用vue创建项目的时候想用nodejs模拟个后台假数据,nodejs里要支持es6的语法需要使用@babel/register,安装完这个包的版本是7.5.5。然后调用

1
require("@babel/register");
Read more
承接前端私活

专业: 我们是专业的前端团队,每个小伙伴都5年以上开发经验,接过大大小小的私活无数,我们有自己的前端构建工具gulp版的、webpack版的,我们有自己的UI样式库,能够快速还原设计稿,如果你没有设计,我也可以帮你设计,如果你没有后台,我也可以帮你做后台。

范围: PC端页面、微信H5页面、小程序页面、Vue+Angular+Ionic+React+Bootstrap也毫无压力。

快速: 不要问我这个能不能做啊,那个能不能做啊,先做个页面看看能不能行啊,那就很抱歉了,因为我给你做样例,你又不给钱,再说了有给你做样例的时间,我估计都把你需求页面做好了!

价钱: 特别公道,我上一天班是700元,平均做一个页面大概也就一天,所以一个页面1000元左右,觉得合适就找我们!

Read more
ionic4开发-自定义图标

ionic虽然提供了不少好看图标,但是在实际应用中有时候还是需要自定义。在以前ionic2+使用自定义图标可以参考小军617的《ionic2实战-使用阿里巴巴矢量图标库Iconfont》,主体思想还是跟PC网页使用字体图标一样,只不过自己上传svg生成自定义图标字体,规范了字体图标命名Ionicons和name使用命名。

Read more
我的git使用总结

关于git教程,网上已经有很多了。有时候遇到问题一阵搜索,问题解决了,下次我又遇到或者别人问我这类问题,我一时无法找到当时的那篇文章了,所以我这里记录一下,只为了方便自己查找。

我的环境:win10

Read more
解决npm的package.json依赖关系问题

问题描述

配置hexo的时候遇到如下的警告信息,

1
2
found 1 low severity vulnerability
run `npm audit fix` to fix them, or `npm audit` for details

虽然不影响程序运行,但是看着就不爽,这种平时跑项目也经常遇到,所以干脆好好研究一下:

Read more
测试文章

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Read more