2018年06月_panzm_csdn

09月 08月 07月 06月 05月 04月 03月

转载 Vue js 的生命周期

用Vue框架，熟悉它的生命周期可以让开发更好的进行。首先先看看官网的图，详细的给出了vue的生命周期:它可以总共分为8个阶段：beforeCreate（创建前）,created（创建后）,beforeMount(载入前),mounted（载入后）,beforeUpdate（更新前）,updated（更新后）,beforeDestroy（销毁前）,destroyed（销毁后）然后用一个实例的demo...

2018-06-29 15:19:01 700 1

转载 vue-resource全攻略

Vue.js是数据驱动的，这使得我们并不需要直接操作DOM，如果我们不需要使用jQuery的DOM选择器，就没有必要引入jQuery。vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。另外，vue-resou...

2018-06-29 15:10:40 176

原创 vue 自定义指令

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>directive</title> <script src="../vuejs/vue.min-1.0.28.js"&amp

2018-06-28 15:08:59 90

转载 vue-事件修饰符和按键修饰符

在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在 methods 中轻松实现这点，但更好的方式是：methods 只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。为了解决这个问题， Vue.js 为 v-on 提供了事件修饰符。通过由点(.)表示的指令后缀来调用修饰符。.prevent...

2018-06-28 13:43:23 456

原创全局过滤器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>private-filter</title> <script src="../vuejs/vue.min-1.0.28.js&quot

2018-06-28 11:04:10 454

原创自定义私有过滤器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>private-filter</title> <script src="../vuejs/vue.min-1.0.28.js&quot

2018-06-28 10:59:31 155

转载 Vue系统过滤器

vue本身提供了很多便利的过滤器，这里列举一下，具体的可以参考官方文档过滤器。例子中使用到的data和methodsdata:{ message: 'hello world', money: 12345, num: [1,2,3,4,5], obj: { name: 'Linda', a...

2018-06-28 10:35:00 248

原创 v-if&v-show

今天来说一下vue中 v-if 和 v-show 的区别！一、v-if 和 v-show 在页面都展示为显示隐藏，但是它两有这本质的区别。例如：<div v-if=""></div> 不同点：1 . v-if 当值为 true时，显示div ，当值为false时，改元素消失，代码也会消失，相当于将代码删除了，当在为true时，页面会重新渲染div; 而v-show 控制的...

2018-06-22 11:51:05 195

原创 v-for

我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>

2018-06-22 11:19:23 102

原创 v-model

v-model：双向数据绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-model</title> <script src="../vuejs/vue.min-1.0.28.

2018-06-22 10:48:30 267

原创 v-bind

作用：绑定标签属性，：后面是标签属性名<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-bind</title> <script src="../vuejs/vue.min-1

2018-06-21 16:45:05 151

转载 vue -- v-cloak解决刷新或者加载出现闪烁（显示变量）

在使用vue绑定数据的时候，渲染页面时会出现变量闪烁，例如<div class="#app"> <p>{{value.name}}</p></div>在加载的时候会看到{{value.name}}在页面出现，过了几秒之后才会渲染数据，在vue中有个指令可以解决这个问题，v-cloak那么，v-cloak要放在什么位置呢，是不是每个需要渲染数...

2018-06-21 16:15:43 150

原创 v-text&v-html

指令是vue自定义的以v-开头的自定义属性。每个不同的属性都有各自不同的意义和功能。v-指令名 = “表达式判断或者是业务模型中属性名或者事件名”。v-text：操作元素中的纯文本<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-te

2018-06-21 16:12:56 104

原创 v-on绑定事件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-on</title> <script src="../vuejs/vue.min-1.0.28.js">&

2018-06-21 14:03:35 155

转载 Vue.js 起步

每个 Vue 应用都需要通过实例化 Vue 来实现。语法格式如下：var vm = new Vue({ // 选项})可以看到在 Vue 构造器中有一个el 参数，它是 DOM 元素中的 id。在上面实例中 id 为 vue_det，在 div 元素中：<div id = "vue_det"></div>这意味着我们接下来的改动全部在以上指定的 div 内，div 外...

2018-06-21 10:46:26 87

转载 MVVM模式

一个常规软件或者 APP 一般都是服务于某种商业或者非商业述求，我们平常称为“业务需求”。随着业务需求的扩张、一个软件会变得越来越庞大，越来越复杂。所以一般都会有一套完整的架构设计、研发流程以及质量管理体系来保证整个研发过程。关于“架构设计”，这是一个很大的话题，伴随着我们的业务需求，它会涉及到方方面面，我们今天来谈一谈其中的一个基础环节——MVVM模式。经典的 MVC 模式MVC 是最常见的客户...

2018-06-20 10:59:22 189

转载 Docker架构

Docker 架构Docker 使用客户端-服务器 (C/S) 架构模式，使用远程API来管理和创建Docker容器。Docker 容器通过 Docker 镜像来创建。容器与镜像的关系类似于面向对象编程中的对象与类。Docker 面向对象容器对象镜像类 Docker 镜像(Images) Docker 镜像是用...

2018-06-19 09:12:38 100

转载 Docker简介

Docker 是一个开源的应用容器引擎，基于 Go 语言并遵从Apache2.0协议开源。Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中，然后发布到任何流行的 Linux 机器上，也可以实现虚拟化。容器是完全使用沙箱机制，相互之间不会有任何接口（类似 iPhone 的 app）,更重要的是容器性能开销极低。Docker的主要目标是"Build,ship...

2018-06-19 08:45:39 97

转载栈分配与TLAB

在学习Java的过程中，一般认为new出来的对象都是被分配在堆上的，其实这个结论不完全正确，因为是大部分new出来的对象被分配在堆上，而不是全部。通过对Java对象分配的过程分析，可以知道有另外两个地方也是可以存放对象的。这两个地方分别栈（涉及逃逸分析相关知识）和TLAB（Thread Local Allocation Buffer）。我们首先对这两者进行介绍，而后对Java对象分配过程进行介绍...

2018-06-17 10:55:44 318

转载 java虚拟机的基本结构

1 java虚拟机的基本结构如图：1）类加载子系统负责从文件系统或者网络中加载Class信息，加载的类信息存放于一块称为方法区的内存空间。除了类的信息外，方法区中可能还会存放运行时常量池信息，包括字符串字面量和数字常量（这部分常量信息是Class文件中常量池部分的内存映射）。2）java堆在虚拟机启动的时候建立，它是java程序最主要的内存工作区域。几乎所有的java对象实例都存放在java堆中。...

2018-06-13 10:24:40 237

转载 Class类文件结构

概述我们平时在DOS界面中往往需要运行先运行javac命令，这个命令的直接结果就是产生相应的class文件，然后基于这个class文件才可以真正运行程序得到结果。自然。这是Java虚拟机的功劳，那么是不是Java虚拟机只能编译.java的源文件呢？答案是否定的。时至今日，Java虚拟机已经实现了语言无关性的特点。而实现语言无关性的基础是虚拟机和字节码的存储格式，Java虚拟机已经不和包括Java语...

2018-06-12 17:02:15 106

转载 jvm 锁

1.1 偏向锁偏向锁是JDK 1.6 提出的一种锁优化方式。其核心思想是，如果程序没有竞争，则取消之前已经取得锁的线程同步操作。也就说，若某一锁被线程获取后，便进入偏向模式，当线程再次请求这个锁时，无需进行相关的同步操作，从而节省了操作时间。如果在此之前有其他线程进行了锁请求，则锁退出偏向模式。在JVM中使用-XX:+UseBiasedLocking可以设置启用偏向锁。当锁对象处于偏向模式时，对象...

2018-06-12 15:40:58 103

转载 jvm性能监控工具

前言工欲善其事必先利其器，性能优化和故障排查在我们大都数人眼里是件比较棘手的事情，一是需要具备一定的原理知识作为基础，二是需要掌握排查问题和解决问题的流程、方法。本文就将介绍利用性能监控工具，帮助开发者更快更准的找到问题产生的根源。本文分为三部分，第一部分将介绍在Linux环境下的常用监控工具，第二部分介绍Windows环境下的监控工具，第三部分将通过一个案例，介绍利用这些监控工具一步一步找出...

2018-06-12 10:51:31 240

转载 JVM之类装载器

class装载验证流程加载装载类的第一个阶段，取得类的二进制字节流，并转换为方法区的数据结构，在Java堆中生成对应的java.lang.Class对象。链接验证文件格式的验证，是否以0xCAFEBABE开头，版本号是否合理等。元数据验证，是否继承父类，是否有继承final类等。字节码验证（复杂），运行检查，栈数据类型和操作码数据参数吻合，跳转指令指定到合理的位置等。符号引用验证，常量池中描述类是...

2018-06-11 17:28:12 100

转载 GC参数

本文主要内容：堆的回顾串行收集器并行收集器CMS收集器零、堆的回顾：新生代中的98%对象都是“朝生夕死”的，所以并不需要按照1:1的比例来划分内存空间，而是将内存分为一块比较大的Eden空间和两块较小的Survivor空间，每次使用Eden和其中一块Survivor。当回收时，将Eden和Survivor中还存活着的对象一次性地复制到另外一块Survivor空间上，最后清理掉Eden和刚才用过的...

2018-06-11 17:14:43 234

转载 GC算法和种类

本文主要内容：GC的概念GC算法　　　引用计数法（无法解决循环引用的问题，不被java采纳）　　根搜索算法　　现代虚拟机中的垃圾搜集算法：　　　　　　标记-清除　　　　　　复制算法（新生代）　　　　　　标记-压缩（老年代）　　分代收集Stop-The-World 一、GC的概念：GC：Garbage Collection 垃圾收集1960年 Lisp使用了GCJava中，...

2018-06-11 15:26:21 135

转载 jvm -XX参数

功能开关:参数默认值或限制说明参数默认值功能-XX:-AllowUserSignalHandlers限于Linux和Solaris，默认不启用允许为java进程安装信号处理器,信号处理参见类:sun.misc.Signal, sun.misc.SignalHandler-XX:+DisableExplicitGC默认启用禁止在运行期显式地调用System.gc()-XX:+FailOverToOl...

2018-06-11 11:14:35 662

转载 jvm参数配置

一、堆大小设置JVM中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置：java -Xmx3550m -Xms3550m -Xmn2...

2018-06-11 11:12:38 214

转载 jvm运行机制

JVM启动流程1.java虚拟机启动的命令是通过java +xxx(类名，这个类中要有main方法)或者javaw启动的。2.执行命令后，系统第一步做的就是装载配置，会在当前路径中寻找jvm的config配置文件。3.找到jvm的config配置文件之后会去定位jvm.dll这个文件。这个文件就是java虚拟机的主要实现。4.当找到匹配当前版本的jvm.dll文件后，就会使用这个dll去初始化jv...

2018-06-10 10:35:30 505

转载 JVM简介

1. 什么是JVM？ JVM是Java Virtual Machine的缩写，通常成为java虚拟机，作为Java可以进行一次编写，到处执行（Write once, run anywhere)的平台基础，由JVM帮工程师屏蔽了不同平台的差异性，提供了一致的编写接口。谈到JVM，我们不得不讨论一下什么是VM（Virtual Machine），我们在工作中碰到的虚拟由VMWare, X...

2018-06-10 09:21:15 142

转载 vmstat命令

vmstat命令的含义为显示虚拟内存状态（“Viryual Memor Statics”），但是它可以报告关于进程、内存、I/O等系统整体运行状态。语法vmstat(选项)(参数)选项-a：显示活动内页；-f：显示启动后创建的进程总数；-m：显示slab信息；-n：头信息仅显示一次；-s：以表格方式显示事件计数器和内存状态；-d：报告磁盘状态；-p：显示指定的硬盘分区状态；-S：输出...

2018-06-08 14:11:19 237

转载 Linux 用户和用户组管理

Linux 用户和用户组管理Linux系统是一个多用户多任务的分时操作系统，任何一个要使用系统资源的用户，都必须首先向系统管理员申请一个账号，然后以这个账号的身份进入系统。用户的账号一方面可以帮助系统管理员对使用系统的用户进行跟踪，并控制他们对系统资源的访问；另一方面也可以帮助用户组织文件，并为用户提供安全性保护。每个用户账号都拥有一个惟一的用户名和各自的口令。用户在登录时键入正确的用户名和口令后...

2018-06-08 14:10:30 129

转载 Linux的chattr与lsattr命令

这两个命令是用来查看和改变文件、目录属性的，与chmod这个命令相比，chmod只是改变文件的读写、执行权限，更底层的属性控制是由chattr来改变的。chattr命令的用法：chattr [ -RVf ] [ -v version ] [ mode ] files…最关键的是在[mode]部分，[mode]部分是由+-=和[ASacDdIijsTtu]这些字符组合的，这部分是用来控制文件的属性。...

2018-06-08 13:29:09 129

转载 chmod 文件权限

Linux文件的三种身份和四种权限，三种身份分别为：u：文件的拥有者g：文件所属的群组o：其他用户对于每个身份，又有四种权限，分别为：r：读取文件的权限（read）w：写入文件的权限（write）x：执行的权限（execute）s：特殊权限　　在Linux文件权限详解中我们知道Linux中有两种表示文件权限的方式，分别为数字以及符号表示方式。chmod以数字形式改变文件权限chmod 755 te...

2018-06-08 12:15:22 184

转载 linux文件搜索定位

grep命令　　　基本格式：find expression 　　　 1.主要参数　　　　[options]主要参数：　　　　－c：只输出匹配行的计数。　　　　－i：不区分大小写　　　　－h：查询多文件时不显示文件名。　　　　－l：查询多文件时只输出包含匹配字符的文件名。　　　　－n：显示匹配行及行号。　　　　－s：不显示不存在或无匹配文本的错误信息。　　　　－v：显示不包含匹配文本的所有行。...

2018-06-08 10:52:45 2236