摘要: 2018即将过去,2019即将来临,前端技术不断在在更新,学的东西越来越多。我们只有不断的学习,才不能被淘汰。在前后端分离的一个时代,后端提供接口,前端调用接口,逻辑判断,每个都是独立的工作。如果自己在空余的时间,想学习新的知识,却没有好的接口,只能写写假的json数据。或者网上开源的数据库,moc 阅读全文
posted @ 2018-12-30 00:38 小周sri的码农 阅读(2380) 评论(1) 推荐(2) 编辑
摘要: 通过自己所学的这段时间,利用空余时间,使用vue3.0脚手架搭建的一个关于后台的管理模板,所实现功能也是模仿一个后台的界面,数据分为两种存放,一种是直接存储到mlab,这里的数据是存放这登录注册,只有注册了自己的账号才能访问到页面,另一些数据直接存放在easy-mock里, 源码地址:https:/ 阅读全文
posted @ 2018-12-15 16:07 小周sri的码农 阅读(25347) 评论(9) 推荐(4) 编辑
摘要: 前端工作量最多的就是需求,需求就是一直在变,比如当前端数据写完之后,需要用Excel把数据下载出来。 第一步安装依赖包,需要把代码下载你的项目当中 cnpm install file-saver cnpm install xlsx cnpm install script-loader 第二步在项目中 阅读全文
posted @ 2018-11-17 17:11 小周sri的码农 阅读(24089) 评论(5) 推荐(0) 编辑
摘要: 前言 我们将会选择使用一些 vue 周边的库vue-cli, vue-router,axios,moment,Element-ui搭建一个前端项目案例,后端数据接口,会使用json-server快速搭建一个本地的服务,方便对数据的增删改查, 利用以上技术我们会搭建一个vue案例,效果展示图: 以上就 阅读全文
posted @ 2018-11-03 16:01 小周sri的码农 阅读(50777) 评论(13) 推荐(7) 编辑
摘要: token一种身份的验证,在大多数网站中,登录的时候都会携带token,去访问其他页面,token就想当于一种令牌。可以判断用户是否登录状态。本次页面是通过Element-ui搭建的登录界面 当用户登录的时候,向后端发起请求的时候,后端会返回给我一个token,前端可以进行校验,进行处理token 阅读全文
posted @ 2018-10-26 21:11 小周sri的码农 阅读(9396) 评论(5) 推荐(5) 编辑
摘要: 在做移动端商城或者其他页面的时候,经常会遇到左右联动的效果,今天小编vue2.0和better-scroll这个插件一起实现左右联动效果。 实现上面的效果,思路一定很重要,还有需求 1. 左边一级分类和右边二级分类形成联动 2. 当滑动右侧分类列表时, 更新左侧分类选中 3. 点击左侧一级分类项时, 阅读全文
posted @ 2018-09-14 16:28 小周sri的码农 阅读(11490) 评论(6) 推荐(1) 编辑
摘要: 使用vue2.0写移动端的时候,经常会写底部导航效果,点击切换路由效果,实现图片和文字颜色切换。vue2.0也提供了很多ul框架供我们实现效果,今天就用原生的实现一个底部导航切换,直接上代码: 效果图 路由搭建 页面模板搭建,src和on都要动态的绑定,使用三目运算判断每次点击切换 在data里面定 阅读全文
posted @ 2018-09-10 12:46 小周sri的码农 阅读(14582) 评论(1) 推荐(2) 编辑
摘要: 数据是每一前端人员必定接触的一样,所有的数据都是后端来编写,如果自己想练习项目,却没有数据,而是写一些假数据,去编写,或者通过json-server搭建一个数据,今天我们就通过MongoDB来搭建一个真正的数据库,从安装到配置到编写,一步到位,也是小编安装配置过程中,所遇到的问题,安装下面的步骤,一 阅读全文
posted @ 2018-08-06 14:51 小周sri的码农 阅读(89433) 评论(31) 推荐(22) 编辑
摘要: 当我们向后台请求大量数据的时候,并要在页面展示出来,请求的数据可能上百条数据或者更多的时候,并不想在一个页面展示,这就需要使用分页功能来去完成了。 1.本次所使用的是vue2.0+element-ui实现一个分页功能,element-ui这个组件特别丰富,分页中给我提供了一个Pagination 分 阅读全文
posted @ 2018-07-31 13:01 小周sri的码农 阅读(89827) 评论(15) 推荐(18) 编辑
摘要: 成果展示 最后的成果就是下面所展示的内容,因为gif图没有做,只能截图所展示,接下来,会带着大家一步一步的完成下面功能,脚手架搭建和node安装在本次案例不会讲解,如果了解,可以在我的博客园找到有详细介绍 准备工作: 引入axios插件,调用better-scroll第三方插件,本地json文件,可 阅读全文
posted @ 2018-07-16 11:08 小周sri的码农 阅读(23205) 评论(2) 推荐(1) 编辑