- 博客(27)
- 收藏
- 关注
RSS订阅原创 JS基础——DOM扩展
对DOM的主要扩展——选择符API、HTML5。 不那么引人注目的扩展——Element Traversal（元素遍历）规范。 专有扩展。 1、选择符API （1）与类相关的扩展 （可通过Document、Element调用） querySelector（“css选择符”）===> 匹配第一个元素； querySelectorAll（“css选择符”） ===> 返回 NodeList matchesSelector（“css选择器”） ===> 验证调用元素是否与css选
2021-09-09 16:22:11
384
原创 JS基础——DOM
前面已经将ES和BOM 的一些知识点都有了一些总结。今天进入到DOM的知识点。 这里的知识点有一点点的杂，但也还好，只是一些DOM 的方法，暂时先记住这些方法的作用是什么就好。 我准备将DOM这块的知识点分为两篇——DOM（本篇文章）、DOM扩展（下一篇文章）。 在DOM这篇文章里面我将要根据JS红宝书对节点层次、DOM操作技术进行一个总结提炼。 一、节点层次 Node类型、Document类型、Element类型、Text类型、Comment类型、CDATASection类型、Docume...
2021-09-09 13:37:16
365
原创 JS基础——BOM
JS = ES + BOM + DOM，其中ES是JS的核心。 所谓的BOM即 浏览器对象模型（Browser Object Model）。BOM赋予了JS操作浏览器的能力，即window操作。 DOM则用于创建删除节点，操作HTML文档。 BOM尚无正式的标准，导致个浏览器对于BOM方法的支持各有不同，因此需要具体问题具体对待。 ...
2021-09-06 18:16:05
546
原创 Vue2.0学习-4-可复用性&组合--1--混入
1、基础：mixins:[myMixin] 通过这个 mixins 选项名，来将 myMixin这个混入对象，“混合”到另一个Vue组件中。 // 定义一个混入对象 var myMixin = { created: function () { this.hello() }, methods: { hello: function () { console.log('hello from mixin!') } } } // 定义一个使用混入对象的组件
2021-08-26 18:00:09
245
原创 Vue2.0学习-3-过渡&动画--1--进入/离开&列表过渡
单元素/组件的过渡：transition 这里元素渲染和销毁的过程，就是有一个进入、离开的过渡。这个过渡就有我们看到的动态效果，这个动态效果就由Vue中的 <transition> 包裹并定义其中的变化细节。 <div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition name="fade"> <p v-if=
2021-08-25 20:43:21
660
原创 Vue2.0学习-2-深入了解组件--5--动态组件&异步组件
动态组件 在动态组件上使用 keep-alive 之前在一个多标签的界面中使用 is attribute 来切换不同的组件。 <component v-bind:is="currentTabComponent"></component> 当在这些组件之间反复切换时，你有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题。 如果就像上面这样切换，当你切换 不同组件，再切换会先前的组件，先前的状态时不会被保存的。这是因为你每次切换新标签的时候，Vue都创建了一个新的 .
2021-08-20 17:39:12
558
1
原创 Vue2.0学习-2-深入了解组件--2--Prop
（day9-2） Prop的大小写、Prop类型、传递一个静态或动态Prop 单向数据流、Prop验证、非Prop的Attribute 一、Prop的大小写、Prop类型、传递一个静态或动态Prop 1、Prop的大小写（camelCase vs kebab-case） camelCase（驼峰命名法）、kebab-case（短横线分隔命名） 在JavaScript中是驼峰命名，在HTML中将会是kebab-case。（因为浏览器会把所有的大写字符解释为小写字符） 2、Prop类型 # 通.
2021-07-20 12:55:42
695
原创 Vue2.0学习-2-深入了解组件--1--组件注册
(day9-1) 组件名、全局注册、局部注册、模块系统。 一、组件名 Vue.component()，里面第一个参数，就是组件名，有两种定义方式： 使用kebab-case，也就是使用横线连接：my-component-name； 使用PascalCase，也就是首字母大写的驼峰写法：MyComponentName。 二、全局注册 前面学到的定义组件的方式，都是全局注册方式。 这种注册方式有种弊端，所以才会使用 局部注册。 三、局部注册 在使用一个像webpack这样的构建系统时，全局..
2021-07-19 17:32:47
256
原创 Vue2.0学习--基础--7--事件处理
(day7) 监听事件-事件处理方法-内联处理器中的方法：使用 v-on 以及给 v-on 绑定事件函数； 事件修饰符-按键修饰符-系统修饰键：在 v-on 事件后面跟的修饰符，来实现一些功能； 为什么在HTML中监听事件？ 使用v-on的好处。 一、监听事件、事件处理方法、内联处理器中的方法 监听事件：无非就是 v-on 指令来监听DOM事件，并触发相应的JavaScript代码。 事件处理方法：在实际开发中，事件触发的JavaScript代码可能很复杂，所以我们给 v-on：click...
2021-07-14 11:27:14
426
原创 Vue2.0学习--基础--5--条件渲染
（day6） 这一张主要讲 v-if、v-else-if、v-else 、key、v-show,以及不建议v-if与v-for同时使用。 一、v-if 在<template>上使用v-if； v-if、v-else-if、v-else； 元素的复用,以及key值管理可复用的组件。 v-if指令用于条件式的渲染一块内容，只有在后面的值返回为truthy时才会被渲染。 这里的 truthy 值和 true 是不一样的，详情看MDN的解释。 <div v-if="aweso.
2021-07-12 18:21:33
311
原创 Vue2.0学习--基础--1--Vue实例
（day2） Vue实例 这一章节讲的主要就是Vue实例，以及一些实例的数据、方法，以及实例的生命周期。 创建一个Vue实例、数据与方法、实例生命周期钩子、生命周期图示。 1、创建一个Vue实例 每个Vue应用都是通过Vue函数创建出来的Vue实例开始： var vm = new Vue({ //选项 }); 虽然Vue没有完全遵守MVVM模型（我们稍后再来了解这个MVVM模型），但是Vue 的设计是受到了MVVM的启发，因此在文档中经常使用vm（ViewModel的缩写）来表示一个
2021-07-08 07:27:55
371
原创 Vue2.0学习--基础--3--计算属性和侦听器
（day4） 前面三天学习了一些Vue核心的一些非常基本的功能： 声明式渲染、条件和循环、处理用户输入、组件化应用构建 Vue实例：创建一个vue实例、数据与方法、实例生命周期钩子、生命周期图示 模板语法：插值、指令、缩写 前面讲到的知识让我们开始认识到了Vue的模板语法，在第二节的时候我们知道了每一个Vue实例都有一个参数——选项对象，选项对象里面有许多选项（选项/数据、选项/DOM、选项/生命周期钩子、选项/资源、选项/组合、选项/其他），我们通过选用这些选项在Vue中完成我们想要完成的事情。
2021-07-07 19:40:07
359
原创 Vue2.0学习--基础--2--模板语法
（day3） 插值、指令、缩写 前面两天已经学到了Vue 核心的四个基本功能：声明式渲染、条件和循环、处理用户输入、组件化的创建应用。这里面讲到了v-开头的一些指令，以及在HTML中声明同JavaScript中的Vue实例之间的数据绑定。 另外一个就是Vue实例，我们知道了一个Vue应用，就是从创建根Vue实例开始，加上各个可嵌套的组件组成。我们了解到了Vue实例中的选项对象的各种选项，以及$前缀的实例属性和实例方法， 在选项对象中定义的Vue实例创建过程中各个生命周期的钩子函数，通过钩子函数加入我们
2021-07-04 09:24:17
468
原创 Vue2.0学习--基础--0--介绍
一、起步 Vue核心最基本的功能。 声明式渲染、条件与循环、处理用户输入、组件化应用构建。 这四个点就是起步阶段的内容，让我们一开始对Vue2.0的大致了解。
2021-06-29 10:59:11
312
原创 JS基础——作用域、原型、闭包初探（下2——闭包）
（文本源自“JavaScript高级程序设计”第七章的读后梳理） 第七章——函数表达式 这一章将会涉及到我们经常说到的JavaScript中的“闭包”概念。 递归、闭包、模仿块级作用域、私有变量 函数表达式，在引用类型那一板块也讲到了这部分的一些知识。 这里回忆一下， 定义函数的三种方式：函数声明，函数表达式，Function构造函数（不推荐）。 函数声明：说到函数声明就不得不提到函数声明提升（function declaraction hoisting），这个概念已经在前面“JS基础..
2021-06-27 15:52:35
325
原创 JS基础——作用域、原型、闭包初探（下1——原型、原型链）
（文本源自“JavaScript高级程序设计”第六章的读后梳理，文末会有一些对这板块内容更深层次一点的思考） 第六章、面向对象的程序设计 （其实就是在将JavaScript中的对象创建以及继承，这里会涉及我们常说的原型以及原型链的概念） 一、理解对象 对象是一组无序属性的集合，是一个键值对散列表。 这些属性可以是基本值、变量，也可以是应用类型值。 1、属性类型 对象中有两种属性类型：数据属性、访问器属性。 每一个属性又有相应的特性，这些特性就是这一节要讨论的主要内容。 数据属性： ..
2021-06-25 18:25:09
319
原创 JS基础——作用域、原型、闭包初探（中——引用类型）
JS基础——作用域、原型、闭包初探（中） （本文源自“JS高级程序设计”第5章读后梳理） 这一章主要讲的是JavaScript中的原生引用类型，包含的内容为： （注，和“JS基础——作用域、原型、闭包初探（上）”中的内容一样，这些都是JS中十分基础的知识，要十分熟悉的记忆在脑子里面。） 依稀记得看过的其他一些博主写的文章，谈到学习JS基础，要有系统的去学习，作为小白的我，自学，也不知道啥是有系统的学习，那我干脆，直接把这本基础经典书的目录给背了下来。 还是有些些用，至少脑子里是知道哪些内容在哪
2021-06-19 16:34:21
330
原创 JS基础——作用域、原型、闭包初探(上——变量及作用域）
前七章是JS高级程序设计的经典，这七章的内容主要讲解了JavaScript的基础知识，涉及到基础概念、作用域及执行环境、引用类型、面向对象的程序设计（这里主要讲到原型模型以及原型lian）
2021-06-07 17:46:09
350
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人