摘要:在vue项目中,每次和后台交互的时候,经常用到的就是axios请求数据,它是基于promise的http库,可运行在浏览器端和node.js中。当项目越来越大的时候,接口的请求也会越来越多,怎么去管理这些接口?多人合作怎么处理?只有合理的规划,才能方便往后的维护以及修改, 安装 安装axios依赖包 阅读全文
posted @ 2019-04-18 15:28 小周sri的码农 阅读 (1462) 评论 (0) 编辑
摘要:无论是移动端还是pc端登录或者注册界面都会见到手机验证码登录这个功能,输入手机号,得到验证码,最后先服务器发送请求,保存登录的信息,一个必不可少的功能 思路 1,先判断手机号和验证是否为空, 2,点击发送验证码,得到验证码 3,输入的验证码是否为空和是否正确, 4,最后向服务发送请求 界面展示 1. 阅读全文
posted @ 2019-03-09 17:22 小周sri的码农 阅读 (4062) 评论 (0) 编辑
摘要:在做vue的时候,经常会遇到组件之间数据的传递问题,通过params或者query传参,但是,当页面刷新的时候,数据会丢失,找不到数据。今天经过总结,解决了这个问题。通过了一下几种情况进行传值: 通过路由params传参 通过路由query传参 通过vuex 1.通过params传参 先在路由pat 阅读全文
posted @ 2019-01-25 13:45 小周sri的码农 阅读 (4093) 评论 (0) 编辑
摘要:2018即将过去,2019即将来临,前端技术不断在在更新,学的东西越来越多。我们只有不断的学习,才不能被淘汰。在前后端分离的一个时代,后端提供接口,前端调用接口,逻辑判断,每个都是独立的工作。如果自己在空余的时间,想学习新的知识,却没有好的接口,只能写写假的json数据。或者网上开源的数据库,moc 阅读全文
posted @ 2018-12-30 00:38 小周sri的码农 阅读 (969) 评论 (1) 编辑
摘要:通过自己所学的这段时间,利用空余时间,使用vue3.0脚手架搭建的一个关于后台的管理模板,所实现功能也是模仿一个后台的界面,数据分为两种存放,一种是直接存储到mlab,这里的数据是存放这登录注册,只有注册了自己的账号才能访问到页面,另一些数据直接存放在easy-mock里, 源码地址:https:/ 阅读全文
posted @ 2018-12-15 16:07 小周sri的码农 阅读 (4820) 评论 (1) 编辑
摘要:前言 我们将会选择使用一些 vue 周边的库vue-cli, vue-router,axios,moment,Element-ui搭建一个前端项目案例,后端数据接口,会使用json-server快速搭建一个本地的服务,方便对数据的增删改查, 利用以上技术我们会搭建一个vue案例,效果展示图: 以上就 阅读全文
posted @ 2018-11-03 16:01 小周sri的码农 阅读 (11695) 评论 (4) 编辑
摘要:token一种身份的验证,在大多数网站中,登录的时候都会携带token,去访问其他页面,token就想当于一种令牌。可以判断用户是否登录状态。本次页面是通过Element-ui搭建的登录界面 当用户登录的时候,向后端发起请求的时候,后端会返回给我一个token,前端可以进行校验,进行处理token 阅读全文
posted @ 2018-10-26 21:11 小周sri的码农 阅读 (3439) 评论 (5) 编辑
摘要:在做移动端商城或者其他页面的时候,经常会遇到左右联动的效果,今天小编vue2.0和better-scroll这个插件一起实现左右联动效果。 实现上面的效果,思路一定很重要,还有需求 1. 左边一级分类和右边二级分类形成联动 2. 当滑动右侧分类列表时, 更新左侧分类选中 3. 点击左侧一级分类项时, 阅读全文
posted @ 2018-09-14 16:28 小周sri的码农 阅读 (4238) 评论 (1) 编辑
摘要:数据是每一前端人员必定接触的一样,所有的数据都是后端来编写,如果自己想练习项目,却没有数据,而是写一些假数据,去编写,或者通过json-server搭建一个数据,今天我们就通过MongoDB来搭建一个真正的数据库,从安装到配置到编写,一步到位,也是小编安装配置过程中,所遇到的问题,安装下面的步骤,一 阅读全文
posted @ 2018-08-06 14:51 小周sri的码农 阅读 (15944) 评论 (11) 编辑
摘要:成果展示 最后的成果就是下面所展示的内容,因为gif图没有做,只能截图所展示,接下来,会带着大家一步一步的完成下面功能,脚手架搭建和node安装在本次案例不会讲解,如果了解,可以在我的博客园找到有详细介绍 准备工作: 引入axios插件,调用better-scroll第三方插件,本地json文件,可 阅读全文
posted @ 2018-07-16 11:08 小周sri的码农 阅读 (6402) 评论 (0) 编辑
摘要:今天被这个关于m3u8视频播放不了搞了一下午,这个项目所有的视频流都是m3u8格式的,后台给我们返回的都是m3u8格式的视频流,解决了好长时间,看了好多博客,只有这个博客给我点启发,去解决这个问题,请查看。会使用两种方法来解决这个问题 第一种方法 1.在vue中安装下面这些插件 网上有说video. 阅读全文
posted @ 2019-07-29 18:25 小周sri的码农 阅读 (345) 评论 (0) 编辑
摘要:在小程序中,会有一些需求,常常会有一些按字母A-Z排序,写过一篇关于vue的字母排序,点击这里查看,今天写一篇关于小程序字母排序的案例,效果展示如下 写之前要和后端定义好数据结构字段,这是我定义的这种数据接口,然后和后端沟通,给我返回这样的结构。 1.页面的初始数据 在data定义一个letter字 阅读全文
posted @ 2019-07-24 15:53 小周sri的码农 阅读 (138) 评论 (0) 编辑
摘要:最近一段时间在做小程序项目,第一期功也完工了。需要好好总结一下经验,把项目中遇到的问题好好总结一下,遇到的问题,踩过的坑。今天写一个小程序实现图片上传,预览,以及删除,图片base64位处理。下面就是展示的效果 1页面布局 2.给上传图片绑定一个事件chooseImage,用于事件触发,在data中 阅读全文
posted @ 2019-07-19 09:38 小周sri的码农 阅读 (149) 评论 (0) 编辑
摘要:在一些场景中,常常会遇到过一个功能,点击什么筛选的,综合排序刷新接口数据,就像下面这样的效果。小程序只是先把页面布局好,数据字段定义好了,就差和后端沟通,按照我这种数据结构写接口了,第一次写小程序项目,开始慢慢踩坑,把遇到的问题都慢慢总结一下, 在小程序js文件中,在data定义一下综合排序,全国, 阅读全文
posted @ 2019-07-14 21:59 小周sri的码农 阅读 (208) 评论 (0) 编辑
摘要:使用视频播放器的时候,常常会让兼容一些浏览器问题,比如兼容ie8浏览器。在工作中使用的是video.js. 如果需要兼容,引入两个js库,就可以做到兼容ie8浏览器 阅读全文
posted @ 2019-07-01 09:44 小周sri的码农 阅读 (127) 评论 (0) 编辑
摘要:webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。 1.安 阅读全文
posted @ 2019-06-05 18:05 小周sri的码农 阅读 (160) 评论 (0) 编辑
摘要:在日常的移动端开发时,一般都是试用chrome浏览器的移动端模式进行开发和调试,如果想在手机上能和浏览器一样看控制台调试就更加完美了; 一个手机端调试神器eruda是一个专为手机网页前端设计的调试面板,类似 DevTools 的迷你版,其主要功能包括:捕获 console 日志、检查元素状态、显示性 阅读全文
posted @ 2019-05-26 00:46 小周sri的码农 阅读 (118) 评论 (0) 编辑
摘要:平常开发很常见的功能,在移动端需要根据javaScript来判断手机是安卓还是ios进行应用市场跳转。 通过js提供的Navigator 可以来判断手机是安卓还是ios系统,代码如下 1.js判断是否为IOS设备 1.js判断是否为Android设备 在这里进行判断跳转对应的应用市场 3.js判断是 阅读全文
posted @ 2019-04-27 21:30 小周sri的码农 阅读 (85) 评论 (0) 编辑
摘要:在vue项目中,每次和后台交互的时候,经常用到的就是axios请求数据,它是基于promise的http库,可运行在浏览器端和node.js中。当项目越来越大的时候,接口的请求也会越来越多,怎么去管理这些接口?多人合作怎么处理?只有合理的规划,才能方便往后的维护以及修改, 安装 安装axios依赖包 阅读全文
posted @ 2019-04-18 15:28 小周sri的码农 阅读 (1462) 评论 (0) 编辑
摘要:ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。也就是说,ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性,但越来越多的程序员在实际项目当中已经开始使用ES6了。 阅读全文
posted @ 2019-04-12 09:36 小周sri的码农 阅读 (511) 评论 (0) 编辑