摘要:10月16日,官方发布消息称Vue-cli 4.0正式版发布,并且强烈建议升级;小编也是刚刚安装了最新版本的脚手架看看更新了什么 安装和vue-cli3.0的是一模一样的,对比了一下3.0的脚手架,除了目录发生变化一些,其他的都一样 安装步骤和vue-cli3.0的一模一样 1.创建项目 defau 阅读全文
posted @ 2019-10-17 11:09 小周sri的码农 阅读 (190) 评论 (0) 编辑
摘要:在vue项目中,每次和后台交互的时候,经常用到的就是axios请求数据,它是基于promise的http库,可运行在浏览器端和node.js中。当项目越来越大的时候,接口的请求也会越来越多,怎么去管理这些接口?多人合作怎么处理?只有合理的规划,才能方便往后的维护以及修改, 安装 安装axios依赖包 阅读全文
posted @ 2019-04-18 15:28 小周sri的码农 阅读 (1893) 评论 (0) 编辑
摘要:无论是移动端还是pc端登录或者注册界面都会见到手机验证码登录这个功能,输入手机号,得到验证码,最后先服务器发送请求,保存登录的信息,一个必不可少的功能 思路 1,先判断手机号和验证是否为空, 2,点击发送验证码,得到验证码 3,输入的验证码是否为空和是否正确, 4,最后向服务发送请求 界面展示 1. 阅读全文
posted @ 2019-03-09 17:22 小周sri的码农 阅读 (4951) 评论 (0) 编辑
摘要:在做vue的时候,经常会遇到组件之间数据的传递问题,通过params或者query传参,但是,当页面刷新的时候,数据会丢失,找不到数据。今天经过总结,解决了这个问题。通过了一下几种情况进行传值: 通过路由params传参 通过路由query传参 通过vuex 1.通过params传参 先在路由pat 阅读全文
posted @ 2019-01-25 13:45 小周sri的码农 阅读 (4938) 评论 (0) 编辑
摘要:2018即将过去,2019即将来临,前端技术不断在在更新,学的东西越来越多。我们只有不断的学习,才不能被淘汰。在前后端分离的一个时代,后端提供接口,前端调用接口,逻辑判断,每个都是独立的工作。如果自己在空余的时间,想学习新的知识,却没有好的接口,只能写写假的json数据。或者网上开源的数据库,moc 阅读全文
posted @ 2018-12-30 00:38 小周sri的码农 阅读 (1018) 评论 (1) 编辑
摘要:通过自己所学的这段时间,利用空余时间,使用vue3.0脚手架搭建的一个关于后台的管理模板,所实现功能也是模仿一个后台的界面,数据分为两种存放,一种是直接存储到mlab,这里的数据是存放这登录注册,只有注册了自己的账号才能访问到页面,另一些数据直接存放在easy-mock里, 源码地址:https:/ 阅读全文
posted @ 2018-12-15 16:07 小周sri的码农 阅读 (6185) 评论 (5) 编辑
摘要:前言 我们将会选择使用一些 vue 周边的库vue-cli, vue-router,axios,moment,Element-ui搭建一个前端项目案例,后端数据接口,会使用json-server快速搭建一个本地的服务,方便对数据的增删改查, 利用以上技术我们会搭建一个vue案例,效果展示图: 以上就 阅读全文
posted @ 2018-11-03 16:01 小周sri的码农 阅读 (15355) 评论 (4) 编辑
摘要:token一种身份的验证,在大多数网站中,登录的时候都会携带token,去访问其他页面,token就想当于一种令牌。可以判断用户是否登录状态。本次页面是通过Element-ui搭建的登录界面 当用户登录的时候,向后端发起请求的时候,后端会返回给我一个token,前端可以进行校验,进行处理token 阅读全文
posted @ 2018-10-26 21:11 小周sri的码农 阅读 (4123) 评论 (5) 编辑
摘要:在做移动端商城或者其他页面的时候,经常会遇到左右联动的效果,今天小编vue2.0和better-scroll这个插件一起实现左右联动效果。 实现上面的效果,思路一定很重要,还有需求 1. 左边一级分类和右边二级分类形成联动 2. 当滑动右侧分类列表时, 更新左侧分类选中 3. 点击左侧一级分类项时, 阅读全文
posted @ 2018-09-14 16:28 小周sri的码农 阅读 (4790) 评论 (1) 编辑
摘要:数据是每一前端人员必定接触的一样,所有的数据都是后端来编写,如果自己想练习项目,却没有数据,而是写一些假数据,去编写,或者通过json-server搭建一个数据,今天我们就通过MongoDB来搭建一个真正的数据库,从安装到配置到编写,一步到位,也是小编安装配置过程中,所遇到的问题,安装下面的步骤,一 阅读全文
posted @ 2018-08-06 14:51 小周sri的码农 阅读 (21740) 评论 (17) 编辑
摘要:成果展示 最后的成果就是下面所展示的内容,因为gif图没有做,只能截图所展示,接下来,会带着大家一步一步的完成下面功能,脚手架搭建和node安装在本次案例不会讲解,如果了解,可以在我的博客园找到有详细介绍 准备工作: 引入axios插件,调用better-scroll第三方插件,本地json文件,可 阅读全文
posted @ 2018-07-16 11:08 小周sri的码农 阅读 (7445) 评论 (0) 编辑
摘要:10月16日,官方发布消息称Vue-cli 4.0正式版发布,并且强烈建议升级;小编也是刚刚安装了最新版本的脚手架看看更新了什么 安装和vue-cli3.0的是一模一样的,对比了一下3.0的脚手架,除了目录发生变化一些,其他的都一样 安装步骤和vue-cli3.0的一模一样 1.创建项目 defau 阅读全文
posted @ 2019-10-17 11:09 小周sri的码农 阅读 (190) 评论 (0) 编辑
摘要:在对于uni-app框架了解之后,今天就实现一个滚动切换tab效果,这个很常见的一个效果,最后封装成一个组件,便于以后使用,写这个需要引入uni官方提供的uni.css样式,用到了写好的样式,就不需要自己写了 这种切换无论是在app端还是小程序或者H5页面都是很常见的功能。对于这种功能,为单独封装成 阅读全文
posted @ 2019-09-30 16:58 小周sri的码农 阅读 (575) 评论 (0) 编辑
摘要:多端开发,听名字就感觉不一样,一套代码。多端使用,适用于各个平台。市面上很多关于多端开发的框架,比较常用,流行的框架 uni-app,Chameleon(变色龙),taro这些,都可以支持多端,一套代码,8个平台支持, 语法差异上,uni-app和Chameleon(变色龙)都选择使用的是小程序和v 阅读全文
posted @ 2019-09-30 16:10 小周sri的码农 阅读 (80) 评论 (0) 编辑
摘要:在一些app场景中,经常看到app里面嵌套H5页面, 安卓和ios提供一个空壳子,方法两者互相调用。上一周就是写H5页面让安卓和ios调用使用,中间传参,接受参数。通过 window.wx 对象调用一些原生 app 的功能。这个H5页面,我用的是vue来写的。用到了vue全家桶。 1.调用app方法 阅读全文
posted @ 2019-09-02 14:50 小周sri的码农 阅读 (425) 评论 (0) 编辑
摘要:今天被这个关于m3u8视频播放不了搞了一下午,这个项目所有的视频流都是m3u8格式的,后台给我们返回的都是m3u8格式的视频流,解决了好长时间,看了好多博客,只有这个博客给我点启发,去解决这个问题,请查看。会使用两种方法来解决这个问题 第一种方法 1.在vue中安装下面这些插件 网上有说video. 阅读全文
posted @ 2019-07-29 18:25 小周sri的码农 阅读 (1088) 评论 (0) 编辑
摘要:在小程序中,会有一些需求,常常会有一些按字母A-Z排序,写过一篇关于vue的字母排序,点击这里查看,今天写一篇关于小程序字母排序的案例,效果展示如下 写之前要和后端定义好数据结构字段,这是我定义的这种数据接口,然后和后端沟通,给我返回这样的结构。 1.页面的初始数据 在data定义一个letter字 阅读全文
posted @ 2019-07-24 15:53 小周sri的码农 阅读 (291) 评论 (0) 编辑
摘要:最近一段时间在做小程序项目,第一期功也完工了。需要好好总结一下经验,把项目中遇到的问题好好总结一下,遇到的问题,踩过的坑。今天写一个小程序实现图片上传,预览,以及删除,图片base64位处理。下面就是展示的效果 1页面布局 2.给上传图片绑定一个事件chooseImage,用于事件触发,在data中 阅读全文
posted @ 2019-07-19 09:38 小周sri的码农 阅读 (353) 评论 (0) 编辑
摘要:在一些场景中,常常会遇到过一个功能,点击什么筛选的,综合排序刷新接口数据,就像下面这样的效果。小程序只是先把页面布局好,数据字段定义好了,就差和后端沟通,按照我这种数据结构写接口了,第一次写小程序项目,开始慢慢踩坑,把遇到的问题都慢慢总结一下, 在小程序js文件中,在data定义一下综合排序,全国, 阅读全文
posted @ 2019-07-14 21:59 小周sri的码农 阅读 (388) 评论 (0) 编辑
摘要:使用视频播放器的时候,常常会让兼容一些浏览器问题,比如兼容ie8浏览器。在工作中使用的是video.js. 如果需要兼容,引入两个js库,就可以做到兼容ie8浏览器 阅读全文
posted @ 2019-07-01 09:44 小周sri的码农 阅读 (253) 评论 (0) 编辑
摘要:webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。 1.安 阅读全文
posted @ 2019-06-05 18:05 小周sri的码农 阅读 (198) 评论 (0) 编辑