摘要: 大体思路就是通过存/取/删cookie实现的;每次进入登录页,先去读取cookie,如果浏览器的cookie中有账号信息,就自动填充到登录框中,存cookie是在登录成功之后,判断当前用户是否勾选了记住密码,如果勾选了,则把账号信息存到cookie当中,效果图如下: 浏览器中的cookie信息如下图 阅读全文
posted @ 2017-07-18 16:36 yuwenjing 阅读(4095) 评论(0) 推荐(3)
摘要: 说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服务器端代理来解决。 但到目前为止最被推崇或者说首选的方案还是用JSON来传数据,靠JSONP来跨域。 阅读全文
posted @ 2017-07-18 11:47 yuwenjing 阅读(272) 评论(0) 推荐(1)
摘要: 对于div边框的阴影一直没有很好地理解,也一直不明白怎么给四个边框分别设置阴影。昨天项目中碰到了这个问题,就认真想了一下,在此总结一二。 首先,还是从官方解释说起。 网上的解释通常都是什么水平阴影长度、垂直阴影长度,略抽象。根据我的实验和理解,从坐标层面来理解比较直观,那么我们首先建立如下直角坐标系 阅读全文
posted @ 2017-07-14 14:43 yuwenjing 阅读(7295) 评论(0) 推荐(1)
摘要: 通常有以下几句就够了: *{margin:0;padding:0} li{list-style:none} img{vertical-align:top;border:none} 如果你想写全也可以: /* 清除内外边距 */body, h1, h2, h3, h4, h5, h6, hr, p,  阅读全文
posted @ 2017-07-14 09:49 yuwenjing 阅读(578) 评论(0) 推荐(0)
摘要: 在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource。 关于为什么放弃推荐? -> 尤大原话 最近团队讨论了一下,Ajax 本身跟 Vue 并没有什么需要特别整合的地方,使用 fetch po 阅读全文
posted @ 2017-07-11 14:34 yuwenjing 阅读(1100) 评论(1) 推荐(0)
摘要: vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐的axios,前一段时间用了一下,现在说一下它的基本用法。 首先就是引入axios,如果你使用es6,只需要安装axios模块之后 当然也可以用script引入 axios提供了一下几种请求方式 这里的config是对一些 阅读全文
posted @ 2017-07-11 14:10 yuwenjing 阅读(3661) 评论(0) 推荐(0)
摘要: 简介 在使用vue1.x之前的版本的时候,页面中的拖拽功能,我在项目中是直接用的jQuery ui中的sortable.js,只是在拖拽完成后,在update的回调函数中又重新排序了存放数据的数组。但是当把vue升级到2.0以上后发现拖拽功能失效了,于是使用了下面代码。 该案例主要是在用于vuejs 阅读全文
posted @ 2017-07-10 17:22 yuwenjing 阅读(4428) 评论(1) 推荐(0)
摘要: 在vue1.0中,组件之间的通信主要通过vm.$dispatch沿着父链向上传播和用vm.$broadcast向下广播来实现。然而在vue2.0中,已经废除了这种用法。 vuex加入后,对组件之间的通信有了更加清晰的操作,对于中大型的项目来说,一开始就把vuex的使用计划在内是明智的选择。 然而在一 阅读全文
posted @ 2017-07-04 11:25 yuwenjing 阅读(6650) 评论(0) 推荐(2)
摘要: 在实际项目中我们会碰到多层嵌套的组件组合而成,但是我们如何实现嵌套路由呢?因此我们需要在 VueRouter 的参数中使用 children 配置,这样就可以很好的实现路由嵌套。 index.html,只有一个路由出口 main.js,路由的重定向,就会在页面一加载的时候,就会将home组件显示出来 阅读全文
posted @ 2017-06-30 10:29 yuwenjing 阅读(6014) 评论(0) 推荐(1)
摘要: 触发手风琴可以通过自定义的data-toggle 属性来触发。其中data-toggle值设置为 collapse,data-target="#折叠区标识符"。 第一步:设计一个面板组合,里面有三个折叠区: 第二步:给面板添加内容,每个面板包括两个部分,第一个是面板标题 panel-heading, 阅读全文
posted @ 2017-06-27 16:31 yuwenjing 阅读(4214) 评论(0) 推荐(0)