星星lieo-CSDN博客

原创 js中几种继承方式

本文基于原型链与继承别再被问倒了增删作者：路易斯来源：掘金。继承js中继承 ?Javascript中没有真正类的概念 , 它的"类"是通过构造函数实现的 .此后称类即构造函数 , 构造函数即类 .子类实例拥有父类实例的所有属性(包括访问到原型链上的) , 然后在此基础上 , 添加自己的属性比如有个父类实例 farther : 有 farther.xx , 就有son.xx .确...

2019-10-26 17:38:29 142

原创 new运算符和变量提升详解:一道多考点的面试题

new运算符和变量提升详解:一道多考点的面试题话不多说 , 先看题 .function Foo(){ getName = function{alert(1);} return this;}Foo.getName = function(){alert(2);}Foo.prototype.getName = function(){alert(3)} var getName = fu...

2019-10-26 17:02:08 219

原创 Vue:事件Bus在手天下我有~

事件Bus在手天下我有~事件Bus是什么 ?它是一个Vue实例 , 用作一个组件内或者页面内的事件中心总线 , 帮助组件内通信Vue教程中是有提到 Bus的用法 , 但是因为Vuex的存在 , 它被放在了一个很不起眼的地方 . $dispatch 和 $broadcast 已经被弃用。请使用更多简明清晰的组件间通信和更好的状态管理方案，如：Vuex。因为基于组件树结构的事件流方式实在...

2019-10-05 19:14:47 129

原创作用域和闭包深入理解

作用域高程92页执行环境是 JavaScript中最为重要的一个概念。每个执行环境都有一个与之关联的变量对象（variable object），环境中定义的所有变量和函数都保存在这个对象中。每个函数都有自己的执行环境当代码在一个函数中执行时，会创建变量对象的一个作用域链（scope chain）。将函数的活动对象（activation object）作为变量对象。...

2019-10-05 19:01:29 207 1

原创 vue中富文本编辑器的双向绑定

vue中富文本编辑器的双向绑定官方解释 v-model 只是语法糖实际是实时监测 input 事件不断更新新值 ; 但是这个语法糖只支持 input 系列的dom , 那么富文本应该如何实现双向绑定呢?//html<h1 contenteditable id="title" v-text="title" @input="input($event)"></h1>...

2019-07-28 21:01:33 1437

原创 v-on的使用及修饰符的用法

v-on的使用及修饰符的用法<input type="button" value="按钮" @click="alert" />//var vm = new Vue({ el:'#ctr-01', methods:{ alert:function(){ alert('你好吗？') } } })@是v-on的简写后面紧跟事件名称，...

2019-06-09 01:44:07 306

原创 vue.js v-bind绑定class 官方文档提炼

v-bind绑定class 官方文档提炼v-bind绑定class有两种语法，1.数组语法2.对象语法；其中数组语法是包含对象语法的对象语法v-bind:class="{ active: isActive, 'text-danger': hasError }"双引号里面是一个对象属性名即预备的css类其值为真值则应用这个类同时它(classObject)也可也传一个返回如对象...

2019-06-08 13:15:28 114

原创 vue.js v-bind的使用

v-bind的使用v-bind的使用目的：对标签内属性赋值时可以使用data中的变量（会动态改变）。代码//为了方便不严格得截取//jsvar vm = new Vue({ el:'#ctr-01', data:{ bind:'这是一个小按钮' } })//html<div id="ctr-01" > <input type="...

2019-06-08 10:11:16 181

原创 vue.js v-html 和 v-text的使用例子

v-text 和 v-html代码这里不严格的截取代码为了浏览方便//html<div id="ctr-01" > <div v-cloak style="background-color: antiquewhite;">++++{{first}}-----</div> // vue是什么 <div v-text="(15/3)...

2019-06-07 22:22:25 321

原创 Vue.js v-cloak的使用

v-cloak的使用cloak单词意思：遮盖层它的出现就是为了解决在未加载代码导致的闪烁现象比如：<div id="ctr-01"> <p >{{first}}</p> //first是之前new vue中设置的一个属性值‘vue是什么?’</div>（1）对控制域的父元素标签中使用<div v-cloak id=...

2019-06-07 19:01:38 215

原创 Vue的初体验--new Vue使用

vue的最开始使用引入vue包需要在body之前引入在html写一个带id的标签这个父级元素及它内部所有元素都在下一步的控制域内<div id="ctr-01"> <p >{{first}}</p></div>new 一个Vue对象var vm = new Vue({ el:'#ctr-01', dat...

2019-06-07 18:16:10 471

原创 js实现flappybird解析

javascript实现flappybird 解析很早之前写了这个小鸟的代码不是很难一起看看吧~html和css代码引入图片和游戏框居中<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style&...

2019-05-25 13:16:41 418

原创 js贪吃蛇详解

js贪吃蛇小试终于写了心心念念的贪吃蛇，很早就听说过它的大名，但是一直没有去实现它，这次借着学习jq和面向对象的机会去实现了它。不是很难一起看看…html和css代码html css 先设置两个div是蛇头（蛇头一定要设z-index 否则可能被食物覆盖就不好了）和一个长度

2019-05-25 00:58:20 688

⭐星星的博客