肖朋伟

Stay hungry,stay foolish!

排序:
默认
按更新时间
按访问量
RSS订阅

CSS3 实现 div 上下滑入滑出效果

CSS3 实现 div 上下滑入滑出效果 本篇内容: 1,首先需要用的是 CSS3 的 target 选择器,配合a标签指定id选择器切换目标元素,用于选取当前活动的目标元素。 (当然也可以不用 a 便签,页面加载的时候自动滑动) 2,CSS3 的 transition 动画,这里不做详细介绍 动...

2019-03-05 23:17:01

阅读数 1778

评论数 0

Vue 框架-12-Vue 项目的详细开发流程

Vue 框架-12-Vue 项目的详细开发流程 首先,如果你还不了解 Vue 脚手架怎么搭建? 默认的环境中有哪些文件? 文件大概是什么作用? 那么,您要先查看之前的文章才有助于你理解本篇文章: Vue 框架-10-搭建脚手架 CLI + 批处理快捷启动 Vue 框架-11-介绍src文件流程及...

2018-11-16 17:51:14

阅读数 685

评论数 0

Vue 框架-11-介绍src文件流程及根组件app+HBuilder 配置

Vue 框架-11-介绍 src 文件流程及根组件 app 这是上一篇对目录简单介绍: 关于编辑器,使用的是 HBuilder,直接【文件】>【打开目录】然后选择项目目录就可以了: 然后可以看到: 先介绍 main.js(请看注释): 根组件 ...

2018-11-15 22:20:13

阅读数 702

评论数 2

Vue 框架-10-搭建脚手架 CLI + 批处理快捷启动

Vue 框架-10-搭建脚手架 CLI 脚手架是通过 webpack 搭建的开发环境 使用 ES6 语法 打包和压缩 JS 为一个文件 项目文件在环境中,而不是浏览器 实现页面自动刷新 环境准备 1.安装 node.js 官网:https://nodejs.org/zh-cn/ ...

2018-11-15 21:05:33

阅读数 713

评论数 0

Vue 框架-09-初识组件的应用

Vue 框架-09-初识组件的应用 今天的第一个小实例,初步使用组件: 在 app.js 中定义模板组件,在 html 文件中使用自定义标签来显示 js 文件中定义的 html 代码块 比如说,下面定义一个模板,提示我的 csdn 连接,可以这样使用: 源代码 app.js 文件: //定义模板,...

2018-11-15 19:57:59

阅读数 499

评论数 0

Vue 框架-08-基础实战 demo

Vue 框架-08-基础实战 demo 前面介绍了有 7 篇了,都是小实例,没有相对完整的应用,虽然有些功能挺实用,但还是有的不常用的,今天记录一篇关于前几篇基础内容的实战 demo,也是对 Vue 基础的简单应用。 来看截图: 源代码 html 文件: <...

2018-11-14 14:56:02

阅读数 513

评论数 0

Vue 框架-07-循环指令 v-for,和模板的使用

Vue 框架-07-循环指令 v-for,和模板的使用 本章主要是写一些小实例,记录代码,想要更详细的话,请查看 官方文档:https://cn.vuejs.org/v2/guide/#条件与循环 第一个小实例: 使用 v-for 遍历 js 文件中定义的数组 源代码 html 文件: &...

2018-11-14 13:09:51

阅读数 556

评论数 0

Vue 框架-06-条件语句 v-if 实现选项卡效果

Vue 框架-06-条件语句 v-if 实现选项卡效果 本片介绍的是 Vue 中条件语句 v-if 第一个小实例是,通过 v-if=“布尔值”,通过布尔值的真假来决定,某元素是否显示 源代码 html 文件: <!DOCTYPE html&...

2018-11-14 00:27:13

阅读数 1851

评论数 0

Vue 框架-05-动态绑定 css 样式

Vue 框架-05-动态绑定 css 样式 今天的小实例是关于 Vue 框架动态绑定 css 样式,这也是非常常用的一个部分 首先说一下 动态绑定,相对的大家都知道静态绑定,静态绑定的话,直接加 class=“”就可以了,使用 Vue 呢之前也介绍过一个 v-bing:class=&amp...

2018-11-13 23:45:13

阅读数 3094

评论数 2

Vue 框架-04-计算属性 computed

Vue 框架-04-计算属性 计算属性是什么? 大家可以去看官网解释:计算属性和侦听器 今天的第一个小实例: 为啥先放折磨一个实例,之前数据绑定的就已经可以实现了,看起来那么简单,就是为了告诉大家,当点击第一个按钮【Add to A】的时候, Age + A = 这个方法执行了,大家可以看得到 ...

2018-11-13 22:39:23

阅读数 1077

评论数 0

Vue 框架-03-键盘事件、健值修饰符、双向数据绑定

Vue 框架-03-键盘时间及健值修饰符 一、键盘事件,当按键盘时,在控制台输出提示 html 源码: <!DOCTYPE html> <html> &amp...

2018-11-13 21:35:33

阅读数 518

评论数 0

Vue 框架-02-事件:点击, 双击事件,鼠标移上事件

Vue 框架-02-事件:点击, 双击事件,鼠标移上事件 1.单击事件:v-on:click 源码 app2.js : //实例化 vue 对象 new Vue({ //注意代码格式 //el:element 需要获取的元素,一定是 html 中的根容器元素 el:"...

2018-11-07 16:21:22

阅读数 6146

评论数 0

使用 npm 安装 Vue

使用 npm 安装 Vue 需要 node.js 就不多说了(从 nodejs.org 中下载 nodejs ) (1)安装 Vue,在 cmd 里直接输入: npm install -g cnpm --registry=https://registry.npm.taobao.org 回车,等待...

2018-11-07 12:26:49

阅读数 991

评论数 0

Vue 框架-01- 入门篇 图文教程

Vue 框架-01- 入门篇 图文教程 Vue 官网:https://cn.vuejs.org/ 关于 Vue 的基础大家可以在官网的【起步】去学习,本系列文章主要针对实例项目应用 一、Vue 的安装与使用 1.在线引用: <!-- 直接引用 -->...

2018-11-07 12:25:18

阅读数 1731

评论数 0

提示
确定要删除当前文章?
取消 删除