利用Vue.js实现简单的留言板功能

此案例主要实现点击发送留言的按钮,将我们的留言以及留言人的信息展示在留言板上,下面就是具体的步骤:一 、搭建整个留言板页面结构为了页面整体效果稍微好看一点,此案例运用bootstrap框架对页面表单结构进行渲染利用前面学过的Vue组件将表单结构渲染出来(指路忘记组件知识的同学—>组件的创建)<div id="app"> <cmt-box></cmt-box> <template id="temp1"> &l
分类: 其他 发布时间: 02-15 05:02 阅读次数: 0

Vue.js中$refs{}获取DOM元素

如果我们想获取DOM元素,一般使用js中的document.querySelector来获取这个dom节点,然后在获取元素的值,现在Vue提供给我们一种更便捷的方式来获取DOM元素-----$refs{}$refs{}----获取标签元素说明:一个对象,持有注册过 ref attribute 的所有 DOM 元素和组件实例作用:减少DOM操作用法:原生方法此例是利用原生jsdocument.getElementById()获取元素<div id="app"> <inp
分类: 其他 发布时间: 02-15 05:02 阅读次数: 0

Vue.js中vue-router的基础介绍及使用

VueRouter简介Vue Router是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置 路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式,在 IE9 中自动降级自定义的滚动条行为使用VueRouterjavascript定义(路由)组件。var lo
分类: 其他 发布时间: 02-15 05:02 阅读次数: 0

Vue中解决路由切换,组件不更新问题的方法

Vue Router可以实现路由的切换,也就是组件之间的切换,它不同于传统页面的切换,所以在使用的时候经常会出现路由已经切换,但是组件没有更新的问题(只要实现对页面的刷新,组件就会重新进行加载):一、 问题呈现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init
分类: 其他 发布时间: 02-15 05:02 阅读次数: 0

Redis 入门 【vaynexiao】

基础c语言编写,内存存储,key-value保存,没有表一秒写8w次,读11w次NoSQL = Not Only SQL端口 6379默认16个数据库,默认使用第0个启动时,先启动服务端,再启动客户端;一个服务器可以对应多个cli端视频教程已看完:1,狂神说redis(感谢狂神,B站可搜到)2,Redis快速入门视频课程(最适合初学者的教程)安装zip:https://github.com/MicrosoftArchive/redis/releases(停更很久了,因为主推linux使
分类: 其他 发布时间: 02-15 05:01 阅读次数: 0

Vue中路由嵌套(子路由)

路由的嵌套就是点击一个路由地址后,继续点击,进入到另外一个路由地址下,即第二个路由就是第一个路由的子路由。根据我们前面学习的VueRouter的知识,可以直接写出代码来实现:一般写法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
分类: 其他 发布时间: 02-15 05:01 阅读次数: 0

数据库 表设计案例 【vaynexiao】

汽车租赁系统学生课程管理系统需求: 学校每个班级的学生,每学期至少完成4门主修课和1~2门的选修课。设计表结构,存储学生的课程学习信息和成绩信息。学校设备管理系统租房系统外卖系统会议室管理物流系统...
分类: 其他 发布时间: 02-15 05:01 阅读次数: 0

Vue中watch(侦听器)监听数据和路由发生改变

watch侦听器侦听器(watch),就是当数据发生变化时,及时做出响应处理。Vue 通过 watch 选项提供了一个更通用的方法,来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。属性的侦听方式有两种:1、实例中的watch属性2、vm.$watch监听数据在前两个input框中输入数据之后,通过watch监听数据,同步显示在第三个input框中<!DOCTYPE html><html lang="en"><head&gt
分类: 其他 发布时间: 02-15 05:01 阅读次数: 0

MongoDB Note 【vaynexiao】

windows1,下载mongodb windows zip,进行解压2,新建一个db文件夹,作为数据仓库,在解压后的文件夹bin路径输入cd命令:mongod --dbpath 数据仓库文件夹path// 此时就已经启动了服务,切记文件夹不可以动哦2,此时可以浏览器输入验证是否已经启动localhost:270173,还可以使用配置文件方式启动服务新建一个文本文件,建议文件名:mongod.conf然后在bin目录下cmd输入同样的:mongod --dbpath 配置文件对象名配置文
分类: 其他 发布时间: 02-15 05:01 阅读次数: 0

React基本概述、项目创建以及JSX语法

React React 概述React简介项目搭建项目结构说明基本使用JSXJSX简介JSX中的表达式条件渲染循环渲染理解循环CSS样式处理总结React 概述React简介React 是一个 MVC 框架React 主要是用来构建 UIReact 是起源于Facebook的内部项目,用于构建 Instagram 网站,在 2013.05 开源React 特点:声明式:使用 React 编写UI界面和写HTML几乎一样高效: React通过对DOM的模拟,最大限度地减少与DOM的交互
分类: 其他 发布时间: 02-15 05:01 阅读次数: 0

数据库 安装、创建用户、三范式、分表 【vaynexiao】

免安装版mysql5.7 64位免安装版下载地址:https://dev.mysql.com/get/Downloads/MySQL-5.7/mysql-5.7.19-winx64.zip下载后得到zip压缩包,放在固定文件夹下,以后就不能变动了。解压到自己想要安装到的目录,本人解压到的是C:\Environment添加环境变量选择PATH,在其后面添加: 你的mysql 安装文件下面的bin文件夹C:\Environment\mysql-5.7.19-winx64\bin2 在C:\E
分类: 其他 发布时间: 02-15 05:01 阅读次数: 0

CSS中让元素水平垂直居中的6种写法

水平居中使用CSS控制水平居中:块级元素 设置width,并设置margin auto内联元素 父元素设置text-align center块级元素水平居中关键属性:margin: 0 auto<style>.container{ width: 300px; height: 300px; border: 2px solid black;}.little{ width: 200px; margin: 0 auto; border: 2px solid
分类: 其他 发布时间: 02-15 05:01 阅读次数: 0

java数据结构 【vaynexiao】

分为线性结构和非线性结构线性结构包括常见的链表、栈、队列等,非线性结构包括树、图等。原文链接:https://mp.weixin.qq.com/s/ZVwIUN-xf9FuxOFXW8H3Nw1,数组2,链表链表和数组对比3,跳表4,栈栈是一种比较简单的数据结构,常用一句话描述其特性,后进先出。栈本身是一个线性表,但是在这个表中只有一个口子允许数据的进出。这种模式可以参考腔肠动物…即进食和排泄都用一个口…栈的常用操作包括入栈push和出栈pop,对应于数据的压入和压出。还有访问栈顶
分类: 其他 发布时间: 02-15 05:00 阅读次数: 0

React组件的创建、抽离和事件处理

React 组件React 组件基本介绍创建组件使用函数创建组件使用类创建组件抽离组件事件处理类形式实现事件函数形式实现事件事件对象React 组件基本介绍组件是React中最重要的技术,使用 React 就是在使用各种组件组件表示页面中的部分功能通常一个完整的页面时由多个组件组合而成的特点: 可复用、可组合、独立创建组件使用函数创建组件使用函数创建的组件叫做 函数组件函数名称首字母必须以 大写字母 开头函数组件必须有 返回值 ,而且是 JSX结构; 返回值可以为 null, 意思
分类: 其他 发布时间: 02-15 05:00 阅读次数: 0

java选择排序 冒泡排序【vaynexiao】

概念时间复杂度为O(n 2 )的排序算法冒泡排序选择排序插入排序希尔排序(希尔排序比较特殊,它的性能略优于O(n 2 ),但又比不 上O(nlogn),姑且把它归入本类)时间复杂度为O(nlogn)的排序算法快速排序归并排序堆排序时间复杂度为线性的排序算法 计数排序 桶排序 基数排序快速排序 冒泡排序public class SortDemo { public static void main(String[] args){ int arr[] = {3,5,7,2,
分类: 其他 发布时间: 02-15 05:00 阅读次数: 0

React中有状态(state)与无状态组件以及this的指向问题

有状态和无状态组件函数组件叫做无状态组件;类组件叫做有状态组件状态 (state),组件中使用的数据都保存在 state 中,并且是组件的私有数据函数组件只负责数据展示(静)类组件有状态,负责动态展示 UI 界面 (动)state的基本使用state用来为组件绑定私有数据,有两种绑定形式第一种: 在构造函数中定义 state第二种: 在类中直接定义state (推荐)在构造函数中定义 stateclass Hero extends React.Component { // 使用构
分类: 其他 发布时间: 02-15 05:00 阅读次数: 0

java快速排序【vaynexiao】

概念和思想从数列中挑出一个元素,称为“基准”(pivot)分区(partition): 遍历数列,比基准小的元素放左边,比它大的放右边。于是此次分区结束后,该基准就处于数列的中间位置,其左边的数全比它小(称为小与子序列),右边的数全比他大(称为大于子序列)。这样一次排序就造成了整体上的有序化。子数列排序: 将小与子数列和大于子序列分别继续快速排序。递归到最底部时,数列的大小是零或一,至此就都排序好了,递归结束。看了图就知道,其实就只将整体分为两区域,成为分区,即partitio
分类: 其他 发布时间: 02-15 05:00 阅读次数: 0

React受控组件中不同域数据的获取方式

受控组件什么是受控组件核心代码案例不同域数据的获取方式什么是受控组件受控组件通常指的是表单,因为表单是可输入的,必须有对应的状态与之绑定React 将 state与表单的 value值绑定到一起给表单元素绑定change事件,将表单元素的值设置为state的值,接收表单值变化核心代码第一步:在state中设置数据state = { username: 'admin'}第二步:表单域中将 state中的数据与value绑定<input type="text"
分类: 其他 发布时间: 02-15 05:00 阅读次数: 0

SpringBoot Note [vayenxiao]

概念理解什么是SpringBoot呢,就是一个javaweb的开发框架,和SpringMVC类似,对比其他javaweb框架的好处,官方说是简化开发,约定大于配置,Spring Boot的主要优点: - 为所有Spring开发者更快的入门 - 开箱即用,提供各种默认配置来简化项目配置 - 内嵌式容器简化Web项目 - 没有冗余代码生成和XML配置的要求Spring开发变的越来越笨重,大量的XML(SpringMVC)文件,繁琐的配置,复杂的部署流程,整合第三方技术时 难度大等,导致开发
分类: 其他 发布时间: 02-15 05:00 阅读次数: 0