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学习笔记 实例（二）
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
vue极验验证使用笔记
使用vue、react的项目获取数据、上传数据、注册、登陆等都是通过接口来完成的，接口很容易被人恶意调用，最容易被人恶意调用的接口就是注册、登陆类的接口，为了防止接口被恶意调用很多公司开发了出了很多的人机验证的工具，今天就来讲下极验验证在vue项目中的使用。效果预览1、遇到的问...
2024-01-10
