2018年11月5日
vue之nextTick全面解析
摘要： vue的第一篇文章，介绍一下简单的nextTick方法的实现原理； vue是非常流行的框架，他结合了angular和react的优点，从而形成了一个轻量级的易上手的具有双向数据绑定特性的mvvm框架。本人比较喜欢用之。在我们用vue时，我们经常用到一个方法是this.$nextTick，相信你也用过 阅读全文
posted @ 2018-11-05 14:39 一抹夏忧☆ 阅读(964) 评论(0) 推荐(0) 编辑
path.join()和path.resolve()的区别
摘要： 现在写代码的时候有时候使用path.join(__dirname,'dist')有时候用path.resolve(__dirname,'dist')，都是能拼接出来一个绝对路径，但是具体有什么区别呢？ 一、path.join()方法 path.join()方法是将多个参数字符串合并成一个路径字符串 阅读全文
posted @ 2018-11-05 10:18 一抹夏忧☆ 阅读(22710) 评论(1) 推荐(4) 编辑
2018年10月31日
巧用CSS3之background渐变
摘要： 常见斑马loading 常见斑马loading 上图是我们常见的loading进度条，以前都是用一张背景图片平铺的。其实如果抛去兼容性因素，我们可以用零图片纯样式来实现。 一，首先，我们先为容器定义一个纯蓝色背景： box{ padding: 0px; color: rgb(51, 51, 51); 阅读全文
posted @ 2018-10-31 15:46 一抹夏忧☆ 阅读(4633) 评论(0) 推荐(0) 编辑
如何将换行符替换为逗号
摘要： 应用场景： 用户在多行文本输入框里输入多条数据，但后端接收的参数格式却是以逗号连接的字符串。 涉及两个知识点： 一，正则的replace替换。 二，换行符在不同操作系统​下的不同表现。 综上，比较合理稳妥的解决方案是： string.​replace(/\r\n/g, ',').replace(/\ 阅读全文
posted @ 2018-10-31 15:43 一抹夏忧☆ 阅读(7364) 评论(0) 推荐(0) 编辑
SASS系列之：!global VS !deafult
摘要： 先脑补两组场景。 场景一： 同事们每天中午都会外出吃饭。通常情况下都会先问，去哪儿吃啊？不知道啊？下楼再说吧。到了楼下好不容易有个人站出来说，既然没人说我可就说了啊，咱们去吃香草香草吧。没人反对就去，如果有人反对的话，我听大家的。嗯，此人非常在意别人的看法，懂得退让与妥协。 场景二： 部门A在楼下讨 阅读全文
posted @ 2018-10-31 15:38 一抹夏忧☆ 阅读(1380) 评论(0) 推荐(1) 编辑
text-overflow 全兼容
摘要： text-overflow 全兼容 text-overflow 这个CSS属性用于设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。比起在后台用程序截断文本再附上省略标记的做法，用CSS来处理文本溢出显然更温和(unobtrusive)一些。所以它已经被定义在 CSS 3 规范中，但目前 阅读全文
posted @ 2018-10-31 10:32 一抹夏忧☆ 阅读(1121) 评论(0) 推荐(0) 编辑
2018年10月30日
webpack原理与实战
摘要： webpack是一个js打包工具，不一个完整的前端构建工具。它的流行得益于模块化和单页应用的流行。webpack提供扩展机制，在庞大的社区支持下各种场景基本它都可找到解决方案。本文的目的是教会你用webpack解决实战中常见的问题。 webpack核心概念 （1）entry 一个可执行模块或库的入口 阅读全文
posted @ 2018-10-30 16:31 一抹夏忧☆ 阅读(701) 评论(0) 推荐(0) 编辑
Vue项目中实现用户登录及token验证
摘要： 在前后端完全分离的情况下，Vue项目中实现token验证大致思路如下： 1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码 2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token 3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页 阅读全文
posted @ 2018-10-30 15:07 一抹夏忧☆ 阅读(204789) 评论(32) 推荐(32) 编辑
2018年10月26日
vue+axios 前端实现的常用拦截
摘要： 文章目录 一、路由拦截使用 二、拦截器使用 三、实例 一、路由拦截使用 router.beforeEach((to, from, next) => { if (to.meta.requireAuth) { // 判断该路由是否需要登录权限 if (store.state.token) { // 通过 阅读全文
posted @ 2018-10-26 16:58 一抹夏忧☆ 阅读(1201) 评论(0) 推荐(0) 编辑
Vue中class与style绑定
摘要： 一 用对象的方法绑定class 最后实现效果 关于使用对象绑定class,还可以用另外一种写法: 最后的实现效果是: 二 用数组的方法绑定class 很简单,举个栗子: 实现效果: 其实在数组中还可以用判断是否显示这个类名,举个例子: 实现效果是: 三 用数组和对象混合的方法绑定class 举个例子 阅读全文
posted @ 2018-10-26 13:57 一抹夏忧☆ 阅读(267) 评论(0) 推荐(0) 编辑