Vue知识整理1：$watch方法的使用

如下图所示:vue中,可以使用$watch方法显示变量的前面值和当前值,方便进行判断.使用方法: vm.$watch('a',function(newval,oldval){ ...... })…

Vue知识整理2：Vue生命周期方法

在vue执行过程中,可以分为beforeCreate.created.BeforeMount.mounted .BeforeUpdate.updated 等常用的方法,如下图所示. 除此之外,通过查看官方文档,还有若干的生命周期方法: https://cn.vuejs.org/v2/api/…

一:Vue 语法格式: vue vm = new Vue({ //选项 }) 二:Vue 实例: <div id="app"> <p>{{message}}</p></div> <script type="text/javascript"> var vm = new Vue({ el: '#app', data: { {message} }, methods: { details: function() {…

Vue 知识整理—01-基础

一:Vue是什么? Vue是一个JS框架. Vue.js是一套构建用户界面的渐进式框架. 库和框架的区别: ☞库:提供一些 API 工具函数,体现了封装的思想,需要我们主动调用: ☞框架:提供一套完整的解决方案,不需要主动的调用 API 按照框架的约定(规范)完成功能. ☛主流框架(React Angular Vue) ☛易用.灵活.高效二:Vue做什么? Vue的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. ☞网站开发:适合做SPA(single page appli…

Vue知识整理15：组件注册

采用局部注册组件: 将代码放在vue的一个实例中,而不是单列申明.…

Vue知识整理14：组件基础

组件:可以复用的实例.使用 v-component来实现 2.通过props属性添加相应的属性,并且在模板中渲染当模板中包含多个组件时,则需要用一个div来包裹起来.如下: 可以将原来的的点击事件,写成一个函数,这样可以执行更多的功能. 在子类中通过 emit来触发父类中的一个函数,如下: 主程序vue中写clicknow函数: 可以使用slot插槽写html代码,如下:…

Vue知识整理10：条件渲染（v-if v-show）

在Vue中使用v-if等条件实现条件的判断来实现对象的显示. 也可以采用 v-show条件来实现对象的显示.…

Vue知识整理7：vue中函数的应用

在vue中使用函数对字符串做相应的处理: split:分割字符,将每个字符分割为一个数组值: reverse:将字符进行逆序排序: join:将字符连接: 最终输出结果.…

Vue知识整理6：JavaScript表达式

可在vue中运用js表达式,完成数据的运算(包括三元运算).比较等操作.…

Vue知识整理16：单文件组件

过程较为复杂,这里直接写出视频地址,可以直接查看 https://learning.dcloud.io/#/?vid=14…

Vue知识整理13：表单输入绑定（v-model）

text:将输入框等表单,通过data变量实现数据绑定. textbox:数据绑定 3.checkbox和redio组件: 注意:data数据变量中,checkbox有可能会有多个结果,所以用数组: 4:可以通过设置提交按钮来实现数据的提交: 或是通过设置数组变量,一起收集所有控件上的内容.…

Vue知识整理12：事件绑定

采用v-on命令进行事件的绑定操作,通过单击按钮,实现按钮文字上数值的增加带参数的事件过程可以添加$event事件,实现事件信息的获取…

Vue知识整理11：列表渲染（v-for来实现）

简单的v-for结构显示迭代数据通过value别名显示下面各个属性值通过index 和key获取同类数组索引,或者不同属性的key属性名…

Vue知识整理9：class与style绑定

1.v-bind:class:绑定class样式.通过控制isActive变量值来实现是否显示:通过.active样式设置背景颜色. 2.支持普通的class与v-bind绑定样式混合使用: v-bind中支持多个动态样式,例如增加一个green:isGreen动态样式:下面style中添加相应的样式. 这里在v-bind中也支持数组形式的样式名称,如下: 同时也支持三元运算,动态样式. 3.v-bind:style 中的style内联样式也支持三元运算…

Vue知识整理8：条件、URL、点击

1.通过v-if实现对条件的判断和执行: 2.通过v-bind:href实现对url地址的绑定,其中url写在data中: 3.通过@click="click1"实现点击事件,其中click1写在methods中: 4.通过@click.stop="click2"实现对点击的停止控制,意味着该点击完成后,不会在向上一级的click1有响应.…

Vue知识整理5：v-bind绑定属性（Class 与 Style 绑定）

通过v-bind实现Class 与 Style 绑定,方便调整属性的值…

Vue知识整理4：v-html标签

可以在数据绑定中使用html标签,这样在变量里可以使用html标签输出结果,如下所示:…

Vue知识整理3：v-once的使用

v-once可以使得数据绑定只绑定一次,后期不会再改变,如下图所示:…

Vue2.x源码学习笔记-Vue实例的属性和方法整理

还是先从浏览器直观的感受下实例属性和方法. 实例属性: 对应解释如下: vm._uid // 自增的id vm._isVue // 标示是vue对象,避免被observe vm._renderProxy // Proxy代理对象 vm._self // 当前vm实例 vm.$parent // 用于自定义子组件中,指向父组件的实例 vm.$root // 指向根vm实例 vm.$children // 当前组件的子组件实例数组 vm.$refs vm._watcher = null vm._in…

vue路由知识整理

vue路由知识整理对于单页应用,官方提供了vue-router进行路由跳转的处理.我们已经可以通过组合组件来组成应用程序,当你要把 vue-router 添加进来,我们需要做的是,将组件(components)映射到路由(routes),然后告诉 vue-router 在哪里渲染它们. 参考文章 https://router.vuejs.org/zh-c... 动态配置路由 HTML <p> <!-- query要用path来引入,params要用name来引入,故不能写为 :to=&…

js事件(Event)知识整理

事件(Event)知识整理,本文由网上资料整理而来,需要的朋友可以参考下鼠标事件鼠标移动到目标元素上的那一刻,首先触发mouseover 之后如果光标继续在元素上移动,则不断触发mousemove 如果按下鼠标上的设备(左键,右键,滚轮--),则触发mousedown 当设备弹起的时候触发mouseup 目标元素的滚动条发生移动时(滚动滚轮/拖动滚动条..)触发scroll 滚动滚轮触发mousewheel,这个要区别于scroll 鼠标移出元素的那一刻,触发mouseout 事件注册…

Kali Linux渗透基础知识整理（四）：维持访问

Kali Linux渗透基础知识整理系列文章回顾维持访问在获得了目标系统的访问权之后,攻击者需要进一步维持这一访问权限.使用木马程序.后门程序和rootkit来达到这一目的.维持访问是一种艺术形式,思想比渗透更加重要. Netcat Cryptcat weevely cymothoa Netcat NetCat是一个非常简单的Unix工具,可以读.写TCP或UDP网络连接(network connection).它被设计成一个可靠的后端(back-end) 工具,能被其它的程序或脚本直接地或…

Kali Linux渗透基础知识整理（二）漏洞扫描

Kali Linux渗透基础知识整理系列文章回顾漏洞扫描网络流量 Nmap Hping3 Nessus whatweb DirBuster joomscan WPScan 网络流量网络流量就是网络上传输的数据量. TCP协议 TCP是因特网中的传输层协议,使用三次握手协议建立连接.当主动方发出SYN连接请求后,等待对方回答SYN+ACK ,并最终对对方的 SYN 执行 ACK 确认.这种建立连接的方法可以防止产生错误的连接,TCP使用的流量控制协议是可变大小的滑动窗口协议. 连接建立 TC…

wifi基础知识整理

转自 :http://blog.chinaunix.net/uid-9525959-id-3326047.html WIFI基本知识整理这里对wifi的802.11协议中比较常见的知识做一个基本的总结和整理,便于后续的学习.因为无线网络中涉及术语很多,并且许多协议都是用英文描述,所以有些地方翻译出来会有歧义,这种情况就直接英文来描述了. 主要内容: 一.基本概述二.实践基础三.一些原理四.补充五.其它一.基本概述 ============================ 1.有线和无…

【转载】UML类图知识整理

原文:UML类图知识整理 UML类图 UML,进阶必备专业技能,看不懂UML就会看不懂那些优秀的资料. 这里简单整理类之间的关系泛化关系(generalization) 泛化(generalize): 一条带空心箭头的线表示实现(realize) : 一条带空心箭头的虚线表示泛化在Java中表现为继承(extends) ,is-a的关系实现在Android中表现为implements 接口,或者extends抽象类依赖关系(dependency) 用一条带箭头的虚线表示:箭头的指向为…

Linux进程管理知识整理

Linux进程管理知识整理 1.进程有哪些状态?什么是进程的可中断等待状态?进程退出后为什么要等待调度器删除其task_struct结构?进程的退出状态有哪些? TASK_RUNNING(可运行状态) TASK_INTERRUPTIBLE(可中断等待状态) TASK_UNINTERRUPTIBLE(不可中断等待状态) TASK_STOPPED(进程被其它进程设置为暂停状态) TASK_TRACED(进程被调试器设置为暂停状态) TASK_DEAD(退出状态) 进程由于所需资源得不到满足,从而进入…