终极目标:掌握和使用Vue(全家桶:Core+Vue-router+Vuex) 本博客目的:记录Vue学习的进度和心得(Vue router) 内容:学习和使用Vue router。 正文: Vue router 一、认识路由 1、路由(routing)就是通过互联的网络把信息 ...
内容:TabBar设计与实现 正文: TabBar 零 前言 源码 可以结合源码来看,最后自己实现。源码在我的GitHub上:TabBar源码 Vue router小案例 。 一 tabbar的基本结构的搭建 需求 tabbar就是类似下图的东西。可以让我们传入一些组件,图片,文字等。当我们点击 首页 ,显示首页的相关东西 当我们点击 分类 ,显示分类的相关东西等。其实,这就是相当于把项目的结构搭 ...
2019-12-27 09:58 0 1403 推荐指数:
终极目标:掌握和使用Vue(全家桶:Core+Vue-router+Vuex) 本博客目的:记录Vue学习的进度和心得(Vue router) 内容:学习和使用Vue router。 正文: Vue router 一、认识路由 1、路由(routing)就是通过互联的网络把信息 ...
目标: 做一个导航tabbar 一. 分析 我们的目标是做一个导航tabbar, 要求 这个导航不仅可以在一个页面使用, 可以在多个页面通用 每个页面的样式可能不一样 每个页面的图标, 文字可能不一样 每个页面导航的个数可能不一样 要想实现上面的情况, 需要进行功能 ...
目标:了解一下前端模块化的知识 内容:用于记录一些心得。(前端模块化) 正文: 一、JavaScript原始功能 在网页开发的早期,JS作为一种脚本语言,做一些简单的表单验证或者动画实现,那个时候代码还是很少的,一般是直接写在<script>标签中。 二、存在问题 ...
案例需求: 创建一个品牌展示表格,表头有编号(id),品牌名称(name),创建时间(time)和操作,需要实现的功能是对数据的增删操作,和时间的格式化。 思路分析:在开发之前需要想清楚要用到Vue中的什么方法或者特性来实现所要的功能,把案例分成以下几个部分来开发: 展示数据 ...
Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 那么Vue与swiper的结合,就显的至关重要了,下面简单介绍一下Vue与swiper结合使用的小案例 首先,在引入了各个js ...
1、前端路由 后端路由:多页面,服务器端渲染好返回给浏览器。 前端路由:改变url不向服务器发送请求;前端可以监听url变化;前端可以解析url并执行相应操作。 前后端分离:后端只提供API来返回数据,前端通过ajax获取数据后,在通过一定的方式渲染到页面上。 SPA:前后端分离 ...
1、Vue Test Utils 官网 https://vue-test-utils.vuejs.org/zh/ 2、推荐Jest库 Jest特点有: 一站式测试方案 DOM API 断言库 Mock库 快照 覆盖率 3、实践 (待更新) ...
一:Element 官网地址:http://element-cn.eleme.io/#/zh-CN 介绍:element ui框架是饿了么前端开源的UI框架,适用于PC端页面开发。 二:mint-ui 官网地址:http://mint-ui.github.io/#!/zh-cn ...