10 2018 档案

摘要:常见斑马loading 常见斑马loading 上图是我们常见的loading进度条,以前都是用一张背景图片平铺的。其实如果抛去兼容性因素,我们可以用零图片纯样式来实现。 一,首先,我们先为容器定义一个纯蓝色背景: box{ padding: 0px; color: rgb(51, 51, 51); 阅读全文
posted @ 2018-10-31 15:46 一抹夏忧☆ 阅读(4648) 评论(0) 推荐(0)
摘要:应用场景: 用户在多行文本输入框里输入多条数据,但后端接收的参数格式却是以逗号连接的字符串。 涉及两个知识点: 一,正则的replace替换。 二,换行符在不同操作系统​下的不同表现。 综上,比较合理稳妥的解决方案是: string.​replace(/\r\n/g, ',').replace(/\ 阅读全文
posted @ 2018-10-31 15:43 一抹夏忧☆ 阅读(7506) 评论(0) 推荐(0)
摘要:先脑补两组场景。 场景一: 同事们每天中午都会外出吃饭。通常情况下都会先问,去哪儿吃啊?不知道啊?下楼再说吧。到了楼下好不容易有个人站出来说,既然没人说我可就说了啊,咱们去吃香草香草吧。没人反对就去,如果有人反对的话,我听大家的。嗯,此人非常在意别人的看法,懂得退让与妥协。 场景二: 部门A在楼下讨 阅读全文
posted @ 2018-10-31 15:38 一抹夏忧☆ 阅读(1400) 评论(0) 推荐(1)
摘要:text-overflow 全兼容 text-overflow 这个CSS属性用于设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。比起在后台用程序截断文本再附上省略标记的做法,用CSS来处理文本溢出显然更温和(unobtrusive)一些。所以它已经被定义在 CSS 3 规范中,但目前 阅读全文
posted @ 2018-10-31 10:32 一抹夏忧☆ 阅读(1158) 评论(0) 推荐(0)
摘要:webpack是一个js打包工具,不一个完整的前端构建工具。它的流行得益于模块化和单页应用的流行。webpack提供扩展机制,在庞大的社区支持下各种场景基本它都可找到解决方案。本文的目的是教会你用webpack解决实战中常见的问题。 webpack核心概念 (1)entry 一个可执行模块或库的入口 阅读全文
posted @ 2018-10-30 16:31 一抹夏忧☆ 阅读(708) 评论(0) 推荐(0)
摘要:在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下: 1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码 2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token 3、前端拿到token,将token存储到localStorage和vuex中,并跳转路由页 阅读全文
posted @ 2018-10-30 15:07 一抹夏忧☆ 阅读(205460) 评论(32) 推荐(32)
摘要:文章目录 一、路由拦截使用 二、拦截器使用 三、实例 一、路由拦截使用 router.beforeEach((to, from, next) => { if (to.meta.requireAuth) { // 判断该路由是否需要登录权限 if (store.state.token) { // 通过 阅读全文
posted @ 2018-10-26 16:58 一抹夏忧☆ 阅读(1209) 评论(0) 推荐(0)
摘要:一 用对象的方法绑定class 最后实现效果 关于使用对象绑定class,还可以用另外一种写法: 最后的实现效果是: 二 用数组的方法绑定class 很简单,举个栗子: 实现效果: 其实在数组中还可以用判断是否显示这个类名,举个例子: 实现效果是: 三 用数组和对象混合的方法绑定class 举个例子 阅读全文
posted @ 2018-10-26 13:57 一抹夏忧☆ 阅读(269) 评论(0) 推荐(0)
摘要:css3 media媒体查询器用法总结 标签:class 代码 style html sp src 随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆 阅读全文
posted @ 2018-10-19 11:32 一抹夏忧☆ 阅读(1029) 评论(0) 推荐(0)
摘要:简略回答 假设父组件中有一个show数据,show="one":is="show"-->实际上是is="one" is="show"-->实际上就是is="show" 详细解释 结果 阅读全文
posted @ 2018-10-09 14:30 一抹夏忧☆ 阅读(7410) 评论(0) 推荐(0)
摘要:一、校验数字的表达式 二、校验字符的表达式 三、特殊需求表达式 转载自:http://www.cnblogs.com/zxin/archive/2013/01/26/2877765.html 阅读全文
posted @ 2018-10-09 10:42 一抹夏忧☆ 阅读(1422) 评论(0) 推荐(2)

点击右上角即可分享
微信分享提示