- 博客(62)
- 收藏
- 关注
原创 js中琢磨不透的this指向
函数调用栈:function baz(){ //当前调用栈:baz,当前调用位置在全局作用域 console.log('baz'); bar(); //bar的调用位置}function bar(){ //当前调用栈:baz->bar,当前调用位置在baz中 console.log('bar'); foo(); ...
2018-08-22 14:07:21
142
原创 数据结构-无向图
1.图的定义 图(Graph)是由顶点(vertex)的有穷非空集合和顶点之间边(edge)的集合组成,通常表示为:G(V,E),其中,G表示一个图,V是图G中顶点的集合,E是图G中边的集合a.若顶点之间 Vi 和 Vj 之间没有方向,则为无向边,用无序偶对( Vi , Vj )表示b.若顶点之间 Vi 和 Vj 之间有方向,则为有向边(也称弧),用有序偶对< Vi ,...
2018-08-05 16:51:41
33111
原创 1.数据结构-基本概念
数据:信息的载体,是计算机程序加工的原料数据元素:数据的基本单位,一般来说,能独立、完整地描述问题世界的一切实体都是数据元素数据结构:相互之间存在一定关系的数据元素的集合。数据结构又分为逻辑结构和存储结构。逻辑结构:数据元素之间的关联方式、邻接关系,有以下4中逻辑结构 1.集合:没任何关系 2.线性结构:一对一的线性关系,特殊的线性表:栈和队列 3.树结构...
2018-08-05 16:13:44
185
原创 js-原型链
1.原型-prototype对象有一个特殊的内置属性prototype,所有对象在创建时prototype被赋予一个非空的值如果一个对象中不存在某个属性,就会到原型链上找一直找,如果能找到返回对应的值,如果找不到返回undefined使用for..in遍历查找时和查找原型链类似原型的尽头:Object.prototype属性设置和屏蔽给对象设置属性并不是仅仅是添加一个新属性...
2018-07-31 22:05:54
135
原创 11.vue2-过渡和动画
Author: vanessaDate: 2018/06/201.css过渡,transition<div id="example-1"> <button @click="show = !show"> Toggle render </button> <transition name="slide-fade">
2018-07-31 21:52:15
230
原创 10.vue2-动态组件和异步组件
Author: vanessaDate: 2018/06/191.keep-alive失活的组件将会被缓存<keep-alive> <component v-bind:is="currentTabComponent"></component></keep-alive>
2018-07-28 11:32:04
439
原创 9.vue2-组件注册,prop,插槽
Author: vanessaDate: 2018/06/191.组件命名使用小写,单词中间加横线,如:<my-input></my-input>2.注册a.全局注册Vue.component('my-component-name', { // ... 选项 ...})b.局部注册,components这个属性一定是复数var Co...
2018-07-28 11:23:54
719
原创 8.vue2-组件component
Author: vanessaDate: 2018/06/191.组件<my-div></my-div>Vue.component('my-div',{ template:'<button>按钮</button>', })2.父组件给子组件传递数据props<my-div title="this is a ele...
2018-07-28 11:21:54
385
原创 7.vue2-事件绑定v-on/@
Author: vanessaDate: 2018/06/151.v-on语法,简写用@代替v-on<div v-on:click="add"></div><div v-on:click="add2('a',$event)"></div><script>new Vue({ el:'', data:{
2018-07-28 11:20:14
417
原创 6.vue2-条件渲染v-if和列表循环v-for
Author: vanessaDate: 2018/03/061.v-if语法:写在html标签内部,类似于标签属性<div id="app"> <div v-if="examType=='kzbs'">考证笔试</div> <div v-else-if="examType=='kzms'">考证面试&
2018-07-28 11:18:17
1208
原创 5.vue2-样式Class 与 Style 绑定
Author:vanessaDate:2018/02/11---样式内容---<style> .title{font-size: 40px;} .active{color:red} .txt{text-decoration: line-through} .bg{background: yellowgreen}...
2018-07-28 11:15:41
481
原创 4.vue2-计算属性computed
Vue计算属性Author:vanessaDate:2018/02/11计算属性(computed):通过对data中属性,进行简单变换后得到的属性例子: <div id="box"> <div>{{msg}}</div> <div>{{doubleMsg}}</div> ...
2018-07-28 11:13:46
481
原创 3.vue2-模板语法
Author:vanessaDate:2018/02/04* 指令:带有 v- 前缀的特殊属性,指令属性的值预期是单个 JavaScript 表达式,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM* 参数:一些指令能够接收一个“参数”,在指令名称之后以冒号表示。如v-bind:href,href即为参数* 修饰符:是以半角句号 . 指明的特殊后缀,如:v-on:sub...
2018-07-28 11:11:03
325
原创 2.vue2-实例和生命周期
Author:vanessaDate:2018/01/21 参考文献: https://www.cnblogs.com/xiaofenguo/p/6605091.html## 1.创建一个实例var vm = new Vue({ //选项 |-------DOM(3) | |-------el (提供一个在页面上已存在的 DOM 元素作为 Vue...
2018-07-28 11:01:00
194
原创 1.vue2环境搭建
Author:vanessaDate:2018/01/21 ## 方式一:直接<script\>引入,cdn的方式1.可以将vue,js下载到本地引入<script src="本地路径/vue.js"></script>2.也可以直接写cdn的地址<script src="https://cdn.jsdelivr.net/npm/...
2018-07-28 10:31:37
208
原创 css的省略号显示
1.单行的div,只要设置三个属性,overflow,text-overflow,white-spacediv{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}2.多行的div需要,设置行号,如2行div在最后显示省略号:-webkit-line-clamp:2, div { overflow ...
2018-07-26 18:21:13
210
原创 时间段转化时分秒显示
参数time是时间段长度,单位为秒,如1小时,time=3600function timeTransform(time) { var t = parseInt(time), hh, ii, ss; hh = Math.floor(t / 3600); hh = hh ? (hh + ':') : ''; ii = hh ? Math.floor(t % 360...
2018-05-25 11:42:14
2398
原创 js那些坑-2
1.原生函数(native function)常用原生函数有:String(),Number(),Boolean(),Array(),Object(),Function(),RegExp(),Date(),Error(),Symbol().内部属性[[class]]:typeof返回object的对象都有一个内部属性,这个属性无法直接访问,可以通过Object.prototype.toString...
2018-03-26 11:00:25
205
原创 js-ES6的那些新鲜事儿-3
1.箭头函数参数用括号()括气来,一个参数直接写name=>{},函数体用大括号{}括气来,如果省略了{},意味着表达式前面有一个隐含的return箭头函数总是函数表达式,不存在箭头函数声明,他是匿名函数,没法用于递归,事件绑定使用箭头函数作为回调,this绑定不是动态的是,箭头函数内的this是从包围的作用域中继承而来的this,还有argument,super,new.target都是一...
2018-03-20 15:59:42
169
原创 js-ES6的那些新鲜事儿-2
1.解构赋值//数组结构var [a,b,c]=[1,2,3]; //a=1,b=2,c=3//对象结构var {name:name,age:age}={name:'tom',age:3}var {name,age}={name:'tom',age:3} //前后一致,可以省略等号前面的前面的namevar {name:username,age:userag...
2018-03-19 19:06:32
152
原创 js-ES6的那些新鲜事儿-1
1.变量声明用let,let声明的变量有块级作用域(一对大花括号{}),在块外部不可访问,变量i只存在for循环内部,外部访问会报错。for(let i=0;i<5;i++){ console.log(i); //0 1 2 3 4}console.log(i); //Uncaught ReferenceError: i is not definedlet声明的变量(a)在l...
2018-03-19 15:49:18
145
原创 js那些坑-1
1.数据类型string,number,boolean,null,underfined,object,symbol(符号,es6新增)typeof 数据,返回当前数据的数据类型,typeof 'aa'; //返回"string"typfof 11; //返回"number"typeof true; //返回"boolean"typeof unde...
2018-03-16 18:03:45
251
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅