• 等级
  • 10595 访问
  • 103 原创
  • 2 转发
  • 50685 排名
  • 2 评论
  • 8 获赞

jquery事件重复绑定

动态的append添加的html代码,他所绑定的事件会失效后面找到原因:是因为这些动态加载的这些HTML页面是在列表数据页面的HTML元素,css,js代码加载完后,再添加的HTML元素,在浏览器解析到图一的页面元素时,解析到js的这些绑定标签事件的js代码的时候,这些绑定事件的标签元素还没有生成,(因为js代码加载完后,才会有这些绑定事件的标签),所以这些JS代码的绑定的事件,根本就没有绑定到这...

2018-07-07 16:07:26

非父子组件传值和插槽

使用发布订阅模式,即总线机制来解决非父子组件传值的问题Vue中使用插槽v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新<p>可以改变:{{ msg }}</p><pv-once>不可以改变:{{ msg1 }}</p>app.msg = 'hello'//会改变第一行的字段app.msg1 = 'hello'//不会改变...

2018-05-17 16:37:11

vue动画

Vue中默认的开头是V,例如.v-enter,这里起了名字后,就可以将v替代- fade-enter 定义进入过渡的开始状态。在元素被插入时生效,在下一个帧移除 - fade-enter-active,fade-leave-active定义过渡的状态。在元素整个过渡过程中作用,在元素被插入时生效,在transition/animation 完成之后移除 - fade-leave-to 定义离开过渡...

2018-05-17 16:34:24

extend

Vue.extend 自定义无参数标签<divid="app">        <qwe></qwe>    </div>   varqwe = Vue.extend({            //模版            template:"<p><a:href=w>{{q}}</a&g

2018-05-17 16:29:21

Component

全局化注册组件Vue.component('qw', {            template:`<divstyle="color:red;">全局化注册</div>`       })                                                             局部注册组件局部注册组件和全局注册组件是向对应的,局部注册的组件只...

2018-05-17 16:27:09

全局API混入方式Vue.mixin({                updated:function () {                    console.log('我是全局被混入的');                }            })PS:全局混入的执行顺序要前于混入和构造器里的方法。 Extends Option  扩展选项varbbb = {           ...

2018-05-17 16:24:49

     Vue中使用组件使,自定义组件row不会添加进tbody中,是因为table中tbody里面只允许有tr,所以可以使用这种方法解决,使用is属性代替,保证符合H5页规则,同理,使用ul,select等标签时这样写等等2.vue中只能在主组件中创建data对象,子组件中只能定义方法,这样可以使每个子组件的数据不互相影响。这样写就会报错这样写,他就是对的Vue建议我们不要在代码中去操作dom...

2018-05-17 16:23:00

Vue.directive自定义指令

v-if用来判断是否加载html的DOM,比如我们模拟一个用户登录状态,在用户登录后现实用户名称。v-show调整css中display属性,DOM已经加载,只是CSS控制没有显示出来。v-if和v-show的区别:·      v-if:判断是否加载,可以减轻服务器的压力,在需要时加载。·      v-show:调整css dispaly属性,可以使客户端操作更加流畅。Vue.directiv...

2018-05-10 18:53:39

ES6的环境搭建

首先需要下载node.js,因为它里面集成了npm,方便,这样就是安装成功了使用的编译器是  vscode。然后就可以开始搭建了,先建立一个项目的目录,并在目录下边建立两个文件夹:src,dist文件夹和index.html和.babelrc文件dist用来存放转换后的js文件,src存放我们写的es6语法的文件.babelrc{ "presets": [ "es2015" ...

2018-05-08 19:13:29

看文档,看实战视频后记录的一坨东西

   1.小程序点击样式必须在默认样式下面,这样才不会被覆盖,如果设置了color属性,则样式失效。   2.当navigator和tabBar设置了同一个地址,navigator的open-type要设置成switchTab才都可以实现页面跳转。   3.hidden和if的选择:可见性需要频繁切换的时候,使用hidden。因为if在现实元素师,其实是在文本中插入元素,整个文本的结构改动较大,而...

2018-05-08 18:54:11

自己认为的前端学习路线

学习计划是根据我本身和我的经验弄得,可能不适合你们,所以供参考。具体以自身学习情况为主。html初学阶段:最晚花2周时间跟着w3c之类的网站把html文档过一遍,照着文档敲代码,看效果,尽量记住一些常用标签。css初学阶段:首先跟着视频,最迟花三周把视频里面讲的知识点和案例全部理解并且学会。项目实战前:今天有点晚了,想起来再写...........

2018-04-13 23:12:21

原型链和原型链属性问题

1. 原型链(图解)  * 访问一个对象的属性时,    * 先在自身属性中查找,找到返回    * 如果没有, 再沿着__proto__这条链向上查找, 找到返回    * 如果最终没找到, 返回undefined  * 别名: 隐式原型链  * 作用: 查找对象的属性(方法)2. 构造函数/原型/实体对象的关系(图解)3. 构造函数/原型/实体对象的关系2(图解)// console.log(...

2018-03-23 16:30:45

显式原型与隐式原型

1. 函数的prototype属性  * 每个函数都有一个prototype属性, 它默认指向一个Object空对象(即称为: 原型对象)  * 原型对象中有一个属性constructor, 它指向函数对象2. 给原型对象添加属性(一般都是方法)  * 作用: 函数的所有实例对象自动拥有原型中的属性(方法)// 每个函数都有一个prototype属性, 它默认指向一个Object空对象(即称为: ...

2018-03-23 16:26:29

函数中的this

1. this是什么?  * 任何函数本质上都是通过某个对象来调用的,如果没有直接指定就是window  * 所有函数内部都有一个变量this  * 它的值是调用函数的当前对象2. 如何确定this的值?  * test(): window  * p.test(): p  * new test(): 新创建的对象  * p.call(obj): objfunction Person(color) ...

2018-03-23 16:23:23

IIFE

1. 理解  * 全称: Immediately-Invoked Function Expression2. 作用  * 隐藏实现  * 不会污染外部(全局)命名空间  * 用它来编码js模块(function () { //匿名函数自调用 var a = 3 console.log(a + 3) })() var a = 4 console.log(a) ;(f...

2018-03-23 16:22:44

函数

1. 什么是函数?  * 实现特定功能的n条语句的封装体  * 只有函数是可以执行的, 其它类型的数据不能执行2. 为什么要用函数?  * 提高代码复用  * 便于阅读交流3. 如何定义函数?  * 函数声明  * 表达式4. 如何调用(执行)函数?  * test(): 直接调用  * obj.test(): 通过对象调用  * new test(): new调用  * test.call/ap...

2018-03-23 16:19:37

对象

1. 什么是对象?  * 多个数据的封装体  * 用来保存多个数据的容器  * 一个对象代表现实中的一个事物2. 为什么要用对象?  * 统一管理多个数据3. 对象的组成  * 属性: 属性名(字符串)和属性值(任意)组成  * 方法: 一种特别的属性(属性值是函数)4. 如何访问对象内部数据?  * .属性名: 编码简单, 有时不能用  * ['属性名']: 编码麻烦, 能通用var p = {...

2018-03-23 16:17:42

js中赋值和内存的问题以及引用变量赋值问题

问题: var a = xxx, a内存中到底保存的是什么?    * xxx是基本数据, 保存的就是这个数据    * xxx是对象, 保存的是对象的地址值    * xxx是一个变量, 保存的xxx的内存内容(可能是基本数据, 也可能是地址值)var a = 3 a = function () { } var b = 'abc' a = b b = {} a = b...

2018-03-23 16:15:10

js中的数据,变量和内存

1. 什么是数据?  * 存储在内存中代表特定信息的'东东', 本质上是0101...  * 数据的特点: 可传递, 可运算  * 一切皆数据  * 内存中所有操作的目标: 数据    * 算术运算    * 逻辑运算    * 赋值    * 运行函数2. 什么是内存?  * 内存条通电后产生的可储存数据的空间(临时的)  * 内存产生和死亡: 产生内存空间==>存储数据==>处理数...

2018-03-23 16:12:26

js中的数据类型二

1. undefined与null的区别?       * undefined代表定义未赋值       * nulll定义并赋值了, 只是值为null2. 什么时候给变量赋值为null呢?       * 初始赋值, 表明将要赋值为对象       * 结束前, 让对象成为垃圾对象(被垃圾回收器回收)3. 严格区别变量类型与数据类型?        * 数据的类型            * 基本...

2018-03-23 16:07:46

口耳戈是个生僻字

关注
  • 计算机软件/学生
  • 中国