- 博客(11)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 百度图表柱子背景颜色使用渐变效果
一、运行效果二、具体代码var app = echarts.init(document.getElementById("box")); var option = { title: { text: '样本量分析', left:'50%', textStyle:{ } }
2017-10-30 11:32:55
1060
原创 VUE中solt内容插槽与ng4中投影的使用
一、在VUE中slot的认识 表示父组件分发内容的插槽,父组件中定义这个后,可以直接在子组件中往里面填充内容1、一个父组件就定义一个slot<div class="page"> <!-- 定义一个分发内容的插槽 --> <slot></slot> </div> 2、父组件使用<Page> <h3>随便定义的</h3> </Page> 3、如果定义多个插槽的话就要单独取名字
2017-10-25 13:39:35
1120
原创 css3中网格布局(grid)的基本介绍
一、css3中网格布局 类似传统的web开发中的表格,只是没表格那么复杂1、定义一个容器使用网格布局.grid{ display:grid; } 2、定义占用几行与几列(需要定义在父元素容器中)1、平均分几列.grid{ grid-template-columns: repeat(3, 1fr);/*表示平均分3列*/ } 2、根据指定的宽度分列.grid{ /*表示分4
2017-10-23 15:15:52
2018
原创 angular4中动画及路由动画的使用
angular4中动画已经拆分出去的,在项目中需要使用动画需要手动安装 一、基本配置 1、安装动画库npm install @angular/animations --save 2、创建一个基本的项目,配置路由 二、动画的基本步骤 1、创建一个文件夹专门存放项目中的动画 2、创建一个动画文件,引入包(根据需要引入)import { trigger, state, style, transition,
2017-10-20 22:45:02
6097
原创 vue实现一个tab切换
本节案例利用vue制作一个tab切换效果 1、效果图 2、基本的页面代码<div class="hello"> <div class="btn-group"> <button v-for="(item,index) in btn" v-bind:class="{active:(indexs==index)}" v-on:click="a(index)" :key="index
2017-10-12 19:11:06
5122
原创 vue中路由切换动画效果(transition)
关于VUE中路由之间切换效果使用ransition来实现 一、现在要实现一个左右切换的效果 1、在整个项目的路由中写上<template> <div id="app"> <FooterNav :isShowNav="isShowNav"></FooterNav> <transition name="transitionRouter">
2017-10-12 11:19:32
11341
原创 vue项目开发中better-scroll在移动端开发案例
本文章仅仅是对日常项目开发移动端常见的2个场景(横屏与竖屏)使用,更多知识点请参考官网文档 一、手机端全屏滚动 1、效果图 2、具体代码自己看了<template> <!--定义外层--> <div class="wrapper" ref="wrapper"> <!--定义需要滚动的内容区域--> <ul class="content">
2017-10-07 20:00:22
5857
原创 VUE项目开发中使用mixins
一、mixins(混入)的认识 请参考官方文档 二、mixins的使用 个人理解mixins就是定义一部分公共的方法或者计算属性,然后混入到各个组件中使用,方便管理与统一修改1、在assets文件夹下创建一个js文件// 创建一个需要混入的对象 export const mixinTest1 = { created() { this.hello(); },
2017-10-07 13:46:28
28110
原创 使用VUE-CLI构建一个项目基本的配置
一、开发环境 1、window10电脑系统 2、安装了node及npm install --global vue-cli 二、一个VUE工程的基本配置 1、vue init webpack 项目名称 2、安装scss的loader包(注意不需要去webpack中配置)npm install node-sass --save-dev npm install sass-loader --save-dev
2017-10-07 13:25:41
811
原创 第十一章：关于VUEX的详解
请先阅读官方文档文档地址 一、什么是vuex 1、根据官方介绍:Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 2、直白点vuex就是专门为vue项目开发中设置全局变量的一种方式,方便不同组件之间的通讯,进行数据传输 二、几个重要的概念 1、state一种状态一种容器,存放项目中需要定义全部的全局
2017-10-05 16:29:48
1233
原创 vue中键盘事件的处理
一、常见的键盘事件 1、keydown键盘按下 2、keyup键盘抬起 不错说明:如果要确定用户按下是哪个键盘需要使用keyCode===?来确认键盘 二、在vue中键盘事件一般的使用 1、在模板中定义事件名称,并传递$event作为参数<input type="text" placeholder="请输入书名" ref="inputBook" @keydown="submit($event)"/
2017-10-04 21:37:06
12317
Angular权威教程
2017-10-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人