- 博客(14)
- 资源 (12)
- 收藏
- 关注
RSS订阅原创 利用flex实现元素水平垂直居中
首先介绍一下flex布局。采用Flex布局的元素，称为Flex容器（flex container），简称“容器”。它的所有子元素自动成为容器成员，成为flex项目（flex item），简称“项目”。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框 的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始...
2019-07-19 13:43:39
14409
原创 CSS中元素居中的几种方式
我们在调整页面样式的过程中，经常需要元素居中，包括字体水平/垂直居中，块级元素（如div）的水平/垂直居中，今天就来介绍一下以上提到的几种居中实现方式。块级元素居中先给出html：<div class="father"> <div class="son"> </div></div>如果只是想让一个元素水平居中，在没有浮动的...
2019-07-15 13:46:36
1853
原创 关于浮动介绍和清除浮动的几个方法
我们都知道，块级元素是单独占一行的。有时候我们希望让多个块级元素排在一行显示，其中一个方法就是让元素浮动，也就是今天要说的float属性。float属性包含3个属性值：元素设置float属性，属性值为left或者right时，该元素会脱离原本的文本流，向包裹的父元素左/右浮动。举个例子：首先设置一个父元素，class=“father”，父元素中包含5个子元素，class=“son son...
2019-07-14 11:50:38
360
3
原创 Vue自学笔记(9)——Vuex的使用
什么是Vuex官网上说Vuex是一个专门为Vue.js开发的状态管理模式。听着很高大上，其实就是解决不同组件之间相互传值的一种方式，不仅可以父子组件传值，也可以非父子组件传值，功能十分强大。但是Vuex建议在大型项目中使用，小型项目建议使用H5中的localstorage，因为Vuex相比较于localstorage配置起来还是比较复杂的。Vuex的使用src目录下新建一个vuex的文件夹...
2019-07-10 22:21:01
157
原创 Vue自学笔记(8)——Vue-Router路由的嵌套
当我们在开发网站的过程中，经常能看到页面上方有导航栏，页面左侧也有导航栏，如下图所示。这就需要用到嵌套路由。在配置路由时，首先引入创建的组件，然后添加children属性 { path:'/user',component:User,children:[ {path:'adduser',component:addUser}, {path:'deleteuser',compone...
2019-07-10 19:26:50
243
原创 Vue自学笔记(7)——Vue-Router路由基础
在根组件中，如果我们想需要挂载哪个组件就挂载哪个组件，不需要的不挂载，比如我们常见的导航栏，点击首页就显示首页组件中的内容，点击新闻就显示新闻组件中内容，就需要用到Vue中的路由。配置路由步骤一般来说，Vue配置路由大概有如下几个步骤：cmd中项目文件夹下安装：其中–save可以保存依赖信息，一定要加上cnpm install vue-router --save在main.js中...
2019-07-10 17:04:51
173
原创 Vue自学笔记(6)——Vue的父子组件传值
在Vue实际项目开发过程中，经常用到父子组件之间相互传递属性和方法。以下介绍一种比较简单的父子组件相互传值的方式。父组件主动获取子组件的数据和方法首先，调用子组件的时候定义一个ref<v-child ref="chlid"></v-child>在父组件中通过以下方法调用this.$refs.child.属性this.$refs.child.方法()...
2019-07-09 19:32:51
222
原创 Vue自学笔记(5)——Vue的生命周期函数
前言Vue提供了8种生命周期函数，Vue官网中也给出了生命周期的执行过程，个人感觉这个图看看就好，关键还是在于学会如何使用。上代码为了理解上述生命周期函数的用法，新建一个Life.vue的组件，之前的项目中还有一个Home.vue组件，就在Home组件中引用Life组件吧。在Life组件中添加一个按钮，按钮触发可以改变msg的内容。在Life组件中将8个周期函数引入。在Home组件...
2019-07-09 10:32:18
230
原创 Vue自学笔记(4)——Vue组件的基本概念
上一讲主要复习的是双向数据绑定相关内容，今天重点讲讲Vue中组件的使用。所谓组件，就是用户根据需要自定义一个标签。首先在src文件夹下建立一个名为components的文件夹，用于存放我们自定义的组件，随便起个名，这里我就叫Home.vue了。在Home.vue中添加组件内容：<template> <div> <h2>这是一个首页组件...
2019-07-08 20:59:34
215
原创 Vue自学笔记(3)——双向数据绑定v-model
前言今天主要给大家介绍双向数据绑定相关内容。在介绍内容之前先介绍一下Vue的开发架构——MVVM。啥是MVVM的？它是Model-View-ViewModel的简写，简单来说呢，就是model层可以影响view层，反过来view层也可以影响model层，model层可以简单理解为script框起来的那些东西，也就是业务逻辑层，view层就是视图层，就是浏览器能看到的内容。知道这些就够了。双向数...
2019-07-08 20:22:47
422
原创 Vue小项目之模块化以及封装Storage实现todolist待办事项
input框中可以通过点击“添加”按钮或者回车添加待办事项，点击CheckBox选择框打钩，表示已完成，取消CheckBox前面的钩，表示未完成。点击删除可以删除该项。项目效果：完整代码：App.vue（根组件）：<template> <div id="app"> <input type="text" v-model="todo" @keyd...
2019-07-08 19:24:33
214
原创 Vue自学笔记(2)——Vue的基础语法和基本使用
上一讲主要介绍了Vue的环境、项目等的配置，今天来回顾一下Vue的一些基础语法。Vue项目的目录结构首先看一下昨天新建的Vue项目的目录结构：node_modules文件夹昨天说过了，是存放项目相关依赖的文件夹，与package.json相互对应。public文件夹存放项目首页index.html等文件，暂时先不用管。src中主要放置项目的静态资源文件，其中assets存放图片、css等文...
2019-07-07 22:21:27
312
原创 Vue自学笔记(1)——Vue环境、项目搭建
写在前面的话从今天开始正式学习Vue。之前一直想学习利用Vue进行Web开发，也坚持过一段时间，但是当时并没有总结，很长时间不用，也基本都忘干净了。而且对于一个非计算机软件专业的渣硕，导师对于项目只有一个原则，就是功能实现了就可以，怎么实现的不管，所以之前的项目一直都是传统三大技术HTML + CSS + JQuery，再配合上BootStrap框架，反正页面美观度上确实也说得过去，再加上万能的...
2019-07-06 14:24:46
333
原创 echarts实现动态曲线图（多条曲线）
ECharts是一个由百度开发的开源数据可视化工具，能够提供直观，生动，可交互，可高度个性化定制的数据可视化图表。本项目基于echarts 2.0版本和jquery-3.4.0版本，可实现点击“开始”按钮，会显示两条动态曲线；点击“停止”按钮，曲线清空，项目效果如下图所示：废话不多说，直接上代码HTML部分<div id="current_A" style="width: 600px...
2019-07-02 18:57:29
33585
1
web_front_project.zip
2020-06-02
jquery-1.11.3.js
2020-05-09
ftp 文件服务器重点代码
2020-03-15
test_single_multiply.zip
2020-03-13
chat_room.zip
2020-03-03
socket.zip
2020-02-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人