vue2.x学习笔记(十一)】的更多相关文章

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue2.0学习笔记之路由(二)路由嵌套+动画</title> <link rel="stylesheet" href="animate.css"> </head> <body> &…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue2.0学习笔记之路由(二)路由嵌套</title> </head> <body> <div id="app"> <div> <router-link to="/home…
python3.4学习笔记(十一) 列表.数组实例 #python列表,数组类型要相同,python不需要指定数据类型,可以把各种类型打包进去#python列表可以包含整数,浮点数,字符串,对象#创建列表三种方式:1.member = ["zdz","liufeng","hots"],2.number = [1,2,3],#3.混合型 mix = [1,'zdz',3.12,[1,2,3]] 4.空列表 empty = []#向列表添加使用app…
Go语言学习笔记十一: 切片(slice) 切片这个概念我是从python语言中学到的,当时感觉这个东西真的比较好用.不像java语言写起来就比较繁琐.不过我觉得未来java语法也会支持的. 定义切片 切片可以使用make函数来定义,也可以像变量声明一样创建个未指定大小的切片. var x []int = make([]int, 3); y := make([]int, 3); z := []int {1, 2, 3}; make有三个参数,第一个是类型(数组类型,所以带方括号),第二个是长度l…
1.函数调用的四种方式 第三种:构造函数调用 如果构造函数调用在圆括号内包含一组实参列表,先计算这些实参表达式,然后传入函数内.这和函数调用和方法调用是一致的.但如果构造函数没有形参,JavaScript构造函数调用的语法是允许省略实参列表和圆括号的. 如: var o=new Object(); //->等价于 var o=new Object;   第四种:使用call()与apply()间接调用(放在后面详细说明)   2.函数的实参与形参——可选形参 先看一个例子: function g…
灯光的测试例子:光源参数可以调节的测试场景 先看一下测试场景和效果. 场景中可以切换视图, 以方便观察三维体和灯光的位置.环境光,漫射光,镜面反射光都可以在四种颜色间切换. 灯光位置和摄像机位置(LookAt)可以输入数值或者点动调节,也可以按键盘的QEWASD六个键进行调节. 你还会注意到:球体对光的效果要敏感柔和些,而那个六面体BOX看来效果不好.这是因为灯光对顶点发生作用.在程序里面,球休的顶点数量有20*10,而BOX只有4*6个,而且还重合了一些顶点. 这一点,在3dsmax的全局光照…
接着前面的内容:https://www.cnblogs.com/yanggb/p/12586416.html. 表单的输入绑定 表单的输入绑定是一块很重要的内容,因为所有的业务系统都离不开基础表单的录入功能,因此要特别认真仔细地掌握其中的相关知识点. 基础用法 你可以使用[v-model]指令在表单<input>.<textarea>以及<select>元素上创建双向数据绑定,它会根据控件(元素)的类型自动选取正确的方式来更新元素.尽管看起来有些神奇,但是[v-mode…
接着前面的内容:https://www.cnblogs.com/yanggb/p/12683075.html. 安全 现在的企业都比较在意信息系统的安全问题,在使用vue的过程中也要注意这一点. 报告安全漏洞 官方承诺,当收到一个安全漏洞报告,将给予其最高优先级,并由全职贡献者停下手中的工作处理此事(可以将发现的安全漏洞通过邮件给security@vuejs.org的形式反馈给官方).虽然发现新安全漏洞是比较罕见的事情,但是官方仍然是推荐始终使用最新版本的vue及其官方的周边库,以确保应用尽可能…
接着前面的内容:https://www.cnblogs.com/yanggb/p/12632730.html. 可复用性&结合-混入 基础 混入(mixin)提供了一种非常灵活的方式,来分发vue组件中的可复用功能.一个混入对象可以包含任意的组件选项.当组件使用混入对象的时候,所有的混入对象的选项都将被混合进入该组件本身的选项. // 定义一个混入对象 var myMixin = { created: function () { this.hello() }, methods: { hello:…
#,过滤器 #,在Vue2.x中,过滤器只能在mustache绑定中使用,为了在指令帮定中实现同样的行为,你应该使用计算属性:     #,过滤器可以串联 {{ message | filterA | filterB }} #,条件渲染     #,注意v-if与v-show的区别,v-if是决定是否创建DOM,而v-show则是DOM始终存在,只是改变了显示样式:     #,如果要切换多个元素的时候,我们就使用<template v-if='ok'>:     #,v-if 有更高的切换消…
 欢迎装载请说明出处: http://blog.csdn.net/yfqnihao/article/details/8271665 这一节,我们要学习的是访问控制器,在阅读本节之前,如果没有前面几节的基础,对你来说可能会比较困难! 本节实验源码下载:http://download.csdn.net/detail/yfqnihao/4863854 知识回顾: 我们先来回顾一下前几节的内容,在笔记三的时候我们学了类装载器,它主要的功能就是装载类,在装载的前后,class文件校验器会对class文件进…
游标的简介 游标的概念 游标是从数据表中提取出来的数据,以临时表的形式存放在内存中,在游标中有一个数据指针,在初始状态下指向的是首记录,利用fetch语句可以移动该指针,从而对游标中的数据进行各种操作,然后将操作结果写回数据表中.…
Eclipse是功能强大Java集成开发工具.它可以极大地提升我们的开发效率.可以自动编译,检查错误.在公司中,使用的就是Eclipse进行开发. Eclipse的下载.安装.卸载 下载 http://www.eclipse.org 安装 (只需要解压后就能使用) 卸载(只需要将文件夹删除就可以了) 开发软件的安装目录中,尽量不要出现空格与中文 Eclipse的使用 使用步骤: 1.开启,选择工作空间,工作空间指的是将来编写的java源文件存放的位置.如下图: 下图中的复选框如果选中,表示使用…
十一. 数组 ● 基本概念 数组:数组是一组在内存中依次连续存放的(数组所有元素在内存中的地址是连续的).具有同一类型的数据变量所组成的集合体.其中的每个变量称为数组元素,它们属于同一种数据类型,数组元素用数组名与带方括号的数组下标一起标识.数组可以是一维的,也可以是多维的. 数组的定义: 数据类型 数组名[常量表达式1][常量表达式2]; data_type array_name[constant_express_1][constant_expression_2] 数组名的两种含义: 数组名的…
目录 padStart:补位 按键修饰符 Vue提供的按键修饰符 自定义按键修饰符 自定义指令 自定义指令的使用 钩子函数 钩子函数参数 使用钩子函数的bingding参数 私有自定义指令 钩子函数的简写 padStart:补位 这个padStart方法在时间处理的时候可以补位,例如1:20可以把小时补位为01:20 使用也很简单 "1".padStart(2,'0') 前面必须是字符串才可以调用padStart方法,第一个参数是补全的位数,第二个是补位的字符,可以是0可以是任意字符.…
接着前面的内容:https://www.cnblogs.com/yanggb/p/12633051.html. 自定义指令 简介 除了核心功能默认内置的指令([v-mode]和[v-show]等),vue也允许注册自定义指令.注意,在vue2.x中,代码复用和抽象的主要形式是组件.然而,在有的情况下,我们仍然会需要对普通的dom元素进行底层直接操作,这时候就会用到自定义指令. 举一个聚焦输入框的例子:当页面加载的时候,需要该输入框获得焦点(注意,autofocus属性在移动版的safari上不工…
接着前面的内容:https://www.cnblogs.com/yanggb/p/12631022.html. 程序化的事件侦听器 在前面的学习中,我们已经知道了[$emit]全局属性的用法,它可以被[v-on]指令侦听,但是vue实例同时在其事件接口中提供了其他的方法,我们可以: 1.通过[$on(eventName, eventHandler)]侦听一个事件. 2.通过[$once(eventName, eventHandler)]一次性侦听一个事件. 3.通过[$off(eventName…
接着前面的内容:https://www.cnblogs.com/yanggb/p/12616847.html. 动态组件&异步组件 在前面学习组件基础的时候学习过动态组件,官方文档给出过一个例子:在一个多标签的界面中使用[is]属性来切换不同的组件: <component v-bind:is="currentTabComponent"></component> 在上面的例子中,切换组件是会创建一个新的实例的,这就意味着你在前一个组件所做的一些操作不会被保…
接着前面的内容:https://www.cnblogs.com/yanggb/p/12616543.html. 组件中的插槽 在2.6.0的版本中,vue为具名插槽和作用域插槽引入了一个新的统一的语法(即[v-slot]指令),它取代了[slot]和[slot-scope]这两个目前已经被废弃但是还没被移除且仍在文档中的attribute. 插槽内容 vue实现了一套内容分发的api,这套api的设计灵感来源于web components的规范草案,将<slot>元素作为承载分发内容的出口.…
接着前面的内容:https://www.cnblogs.com/yanggb/p/12609450.html. 组件的自定义事件 这里来学习一下组件中的自定义事件. 事件名 不同于组件名和prop,事件名不存在任何自动化的大小写转化,而是触发的事件名需要完全匹配监听这个事件所用的名称. 举个例子,如果触发一个camelCase名字的事件: this.$emit('myEvent') 则监听这个名字的kebab-case版本是不会有任何效果的: <!-- 没有效果 --> <my-comp…
接着前面的内容:https://www.cnblogs.com/yanggb/p/12592256.html. 组件基础 组件化是vue的一个重要特性,也是vue学习中非常重要的一个知识点. 基础示例 这里有一个vue组件的实例: // 定义一个名为button-counter的新组件 Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click…
接着前面的内容:https://www.cnblogs.com/yanggb/p/12577433.html. 列表渲染 vue提供了一个[v-for]指令用于列表渲染(循环). 用[v-for]指令把一个数组对应为一组元素 我们可以使用[v-for]指令基于一个数组来渲染一个列表.使用[v-for]指令需要使用[item in items]形式的特殊语法,其中items是源数据数组,而item则是被迭代的数组元素的别名. <ul id="example-1"> <l…
接着前面的内容:https://www.cnblogs.com/yanggb/p/12562137.html. vue实例 要使用vue提供的特性与功能,都需要通过vue实例来使用. 创建一个vue实例 每一个vue应用,都是通过用Vue函数创建一个新的vue实例开始的. var vm = new Vue({ // 选项(属性) }) 虽然vue没有完全遵循mvvm模型,但是一些设计还是收到了其中的启发,因此官方文档中经常会使用vm(view-model)这个变量名来表示vue的实例. 所谓的v…
使用vue开发项目已经过了一段时间了,对其中的很多东西还是一知半解,于是想要系统学习一下.主要内容是参照官方中文网站https://cn.vuejs.org/v2/guide/,然后加上一些自己的理解与批注. 什么是vue.js Vue (读音 /vjuː/,类似于view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用.Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合.另一方面,当与现代化的工具链以及各种支持类库结合使用…
接着前面的内容:https://www.cnblogs.com/yanggb/p/12682137.html. 单文件组件 介绍 在很多的vue项目中,我们都是使用[Vue.component]来定义全局组件,紧接着用[new Vue({el:'#container'})]在每个页面内指定一个容器元素. 这种方式在很多中小规模的项目中运作得很好,在这些项目里javascript只被用来加强特定的视图.当在更复杂的项目中,或者你的前端完全由javascript驱动的时候,下面的这些缺点将会变得非常…
前言      我们知道任何一种关系型数据库管理系统都支持SQL(Structured Query Language),相对于文件管理系统,用户不用关心数据在数据库内部如何存取,也不需要知道底层的存储结构,熟悉SQL,就能熟练使用数据库.SQL的引入,使得数据库系统需要将SQL转换为内部的数据结构,然后与底层的存储结构打通,达到用户存取数据的目的.所谓的SQL对应的数据结构,我们通常称之为执行计划,每个SQL执行前,都需要生成执行计划,然后执行.SQL如何变化到等价的执行计划?我们熟悉的数据库,…
数据导入 1.mysqlimport命令行导入数据 在使用mysqlimport命令导入数据时,数据来源文件名要和目标表一致,不想改文件名的话,可以复制一份创建临时文件,示例如下. 建立一个文本users.txt,内容如下: ,张三,zhangsan@163.com ,李四,zhangsan@126.com ,王五,zhangsan@qq.com ,李白,zhangsan@hotmail.com 创建一个表users mysql> create table if not exists users…
SqlAlchemy ORM SQLAlchemy是Python编程语言下的一款ORM框架,该框架建立在数据库API之上,使用关系对象映射进行数据库操作,简言之便是:将对象转换成SQL,然后使用数据API执行SQL并获取执行结果. Python MySQL API (DBAPI) 通过 pymysql 连接管理mysql create table students ( id int not null auto_increment primary key, name ) not null, sex…
基础导航条.样式:class="navbar navbar-default",属性:role="navigation" <div class="navbar navbar-default" role="navigation"> <ul class="nav navbar-nav"> <li class="active"><a href="…
类与结构体 Swift中,并不要求把自定义类或结构的接口和实现写在不同的文件中.你在一个文件中定义类或结构体,那么这个类或结构体的外部接口就自动可以在其他代码中使用了. 类和结构有很多相似和区别,相同点有: >可以定义属性来存储值 >可以定义方法提供各种功能 >可以定义下标使得可以通过下标语法获取值 >可以定义初始化方法来设定初始状态 >可以被扩展以提供默认实现之外的功能 >遵守协议以提供标准化的功能 此外,类具备一些结构体不具备的特性,如: >继承允许一个类继承…