vue学习笔记
1. 项目需求是左侧展示短信的类型（动态从后台获取），如下：2. 提交到后台的请求代码如下：$Yx.AjaxRequest({module: 'dataSet',method: 'post',name: 'MessageQuery.messageCount',version: '2.0',data:param,token: store.getters.token}).then(resp => {me.countList = resp.data.data;console.log("左侧菜单及条数"+JSON....
2024-01-10
整理vue学习笔记
2017年09月04日 09:20:44 小飞侠-2 阅读数：32941.vue简介，vue是一个构建用户界面的框架。是一个轻量级mvv框架，和angular一样是所谓的双向数据绑定，数据驱动和组件化的前端开发，通过简单的api实现响应式的数据绑定和组合试图组件，容易上手，小巧。2.安装vue-devtools插件，便于在chrome中调试vue，配置...
2024-01-10
vue学习笔记01
因为之前我没有接触过vue.js，以前的网页也是用Thymeleaf或者jsp写的，这次要求用vscode写vue,感觉现在前端招聘需求量最大的也是这个技术，刚好自己也想学一下这个，就摸索会写写随笔。一、配置环境在官网下载vscode,安装完再把语言改成中文的。按ctrl+Shift+X进入插件商店，安装和vue有关的两个插件ve...
2024-01-10
vue视频学习笔记
video 7vue问题: 论坛 http://bbs.zhinengshe.com------------------------------------------------UI组件 别人提供好一堆东西 目的: 为了提高开发效率 功能 原则: 拿过来直接使用vue-cli -> vue-loader//创建项目vue init webpack-simple bootstrap-demo//下载bootstrapbower install bootrapbootstrap: twitter 开...
2024-01-10
vue 学习笔记（一）
实例生命周期钩子beforeCreate--->created--->beforeMount--->mounted(beforeUpdate-->updated)--->beforeDestory--->destroyed(1)在beforeCreate和created之间，进行数据观测(data observer) ，也就是在这个时候开始监控data中的数据变化了，同时初始化事件(2)首先系统会判断对象中有没有el选项有el选项，则继续编译过程没有el选项...
2024-01-10
vue学习笔记 vue
目前为止对vue完全懵逼。对着菜鸟教程，现在我尝试梳理下。服务我已经启起来。可以看到页面在src/App.vue里面有展示模板<template></template> <script></script> <style></style> 在src/components/HelloWorld.vue （msg里面的信息修改后页面内容页跟着修改了）...
2024-01-10
vue笔记四
十一.过渡与动画1.使用限制Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加 entering/leaving 过渡条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点2.示例<template> <div > <button @click="show = !show">单击我</button> <transition name="fade"> <p v-if="show">Hello</p> </transit...
2024-01-10
Redis学习笔记
教学视频Redis官网Redis中文网本文用到的Java源码---01.NoSQL入门概述-上02.NoSQL入门概述-下03.当下NoSQL应用场景简介04.NoSQL数据模型简介05.NoSQL数据库的四大分类06.分布式数据库CAP原理07.安装08.HelloWorld09.启动后杂项基础知识10.常用五大数据类型简介11.Key关键字12.String13.List14.Set15.Hash...
2024-01-10
Rust学习笔记1
这是一份不错的rust教程，目前包括4个block和4个project。全部完成后可以用rust实现一个简单的key-value存储引擎。注意：Windows下rust貌似会遇到一些bug，强烈建议使用Linux来开发Building Block1一开始就是Hello World啦......通过实现一个简单的命令行程序来体验一下rust比如我们希望程序能获得命令行参数use std...
2024-01-10
VUE学习笔记--vuex
1、vuex是干啥的官网的说法是 vuex是一个专为vue应用程序开发的状态管理模式。通俗的说，是用来管理组件间共享变量的。1、我们能自己封装一个对象来管理共享变量吗？当然可以，只是除了要管理共享变量，我们也不能抛弃vue最大的特点“响应式”，如果再加上响应式，其实这就是vuex了。我们当...
2024-01-10
vue学习笔记——vuex
Vuex是一个状态管理架构，为应用中的所有组件提供集中式的状态存储与操作，保证了所有状态以可预测的方式发生变化。Vue核心概念一共有5个，分别是state, getters, mutations, actions, modules。Vue官方文档为此提供了一个很好看的示意图vue官方文档入口Vue Components： Vue组件。HTML页面上，负责接收用户操作...
2024-01-10
vue学习笔记 实例（二）
var data = {a: 1}var vm = new Vue({ el: '#example', data: data, created: function () { // `this` 指向 vm 实例 console.log('created a is: ' + this.a);//1 this.a = 2; }, mounted: function () { console.log('mounted a is:...
2024-01-10
vue学习笔记 vue安装
一、安装步骤：(用cmd命令用管理身份安装比较顺利)1、安装node，安装后可以输入npm -v 查看版本，升级npm可用 cnpm install npm -g2、安装vue 输入cnpm install vue文件夹会出现 node_modules3、全局安装vue-cli 输入cnpm install --global vue-cli4、创建一个基于webpack模板的新项目输入 vue init webpack my-project会安装my-project文件...
2024-01-10
vue学习笔记—vue组件
1、组件个人理解： <组件>是页面的一部分，将界面切分成部分，每部分称为 <组件> 2、组件化思想： //2.1、定义一个全局的组件，组件支持‘驼峰命名’规则 Vue.component("TodoItem",{ props: ['content'], //接收父组件传递过来的数据 template: "<li>{{content}}</li>" }) 循环...
2024-01-10
Vue：学习笔记-介绍
原帖完整收藏于IT老兵驿站，并会不断更新。前言17年上半年，学习了一些Vue的知识，但是现在反观回去，感觉在那个时候，因为着急做项目，很多东西消化的不够清楚，这一点同样体现在对angular的学习上，现在有点时间进行修整，那就花点时间去好好整理一下。正文Vue (pronounced /vjuː/, like view) is...
2024-01-10
vue 学习笔记-复用-对象混入
用法:混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。原则:1：值为对象的选项，例如 methods、components 和 directives，将被合并为同一个对象。两个对象...
2024-01-10
Vue学习笔记 ——v-html
v-html：在网页中，后台传来的json数据中包含html标签，将该json数据绑定到Vue.js中对象中，对该对象进行for循环，发现数据中的html标签不能被解析，而是当作字符显示出来解决：Vue.js中提供了v-html这个指令来解决这个问题，或者对数据对象使用{{{vm.data}}}三个大括号来包裹对象，就可以正常解析了。代...
2024-01-10
vue学习笔记三：常见的表单绑定
<template> <div > <input type="checkbox" /> <label for="checked">{{checked}}</label><br /> <input type="checkbox" /> <label for="jack">jack</label> <input type="checkbox" /> <label for="sim">sim</label> ...
2024-01-10
Vue学习笔记之Nodejs中的NPM使用
0x00 NPM是什么简单的说，npm就是JavaScript的包管理工具。类似Java语法中的maven，gradle，python中的pip。0x01 NPM安装傻瓜式的安装。第一步：打开https://nodejs.org/en/第二步：第三步：我们为了统一版本，虽然node.js更新到了8.11.1的版本，但对于我个人而言，还是比较喜欢6.10.*版本的。第四步：第五步：点...
2024-01-10
Redis学习笔记：基础知识
一、NoSQL和关系型数据库区别 NoSQL非关系型数据库：Redis、MongoDB、HBase等，基于Key-Value存储，采用命令操作。 关系型数据库：Oracle、MySQL、DB2、SQL Server等，基于表结构存储，采用SQL操作。 二、Redis简介 Redis是由意大利人Salvatore Sanfilippo（网名：antirez）开发的一款内存高速缓存数...
2024-01-10
Redis学习笔记（六）对象
前面我们看了Redis用到的主要数据结构，如简单动态字符串（SDS）、双向链表、字典、压缩列表、整数集合等。但是Redis并没有直接使用这些数据结构来实现键值对，而是基于这些数据结构创建了一个对象系统，这个系统包括字符串对象、列表对象、哈希对象、集合对象、有序集合对象，除此之外，redi...
2024-01-10
Consul服务发现学习笔记
前言在微服务架构中，对于一个系统，会划分出多个微服务，而且都是独立开发、独立部署，最后聚合在一起形成一个系统提供服务。当服务数量增多时，这些小服务怎么管理？调用方又怎么能确定服务的IP和端口？服务挂掉了又怎么办？单靠人工处理已经不太现实，使用系统统一管理就是最好的选择...
2024-01-10
Redis学习笔记（二）链表
链表提供了高效的节点重排能力，以及顺序性的节点访问方式，并且可以通过增删节点来灵活地调整链表的长度。redis中链表应用广泛，如list中就使用了链表。每一个链表节点使用listNode结构标识（双向链表）：typedef struct listNode{ //前置节点 struct listNode *prev; //后置节点 struct listNode *next; ...
2024-01-10
Vue学习笔记之表单绑定输入
vue的核心：声明式的指令和数据的双向绑定。那么声明式的指令，已经给大家介绍完了。接下来我们来研究一下什么是数据的双向绑定?另外，大家一定要知道vue的设计模式：MVVMM是Model的简写，V是View的简写，VM就是ViewModel。0x00 单向绑定和双向绑定的区别单向绑定非常简单，就是把Model绑定到View，...
2024-01-10
