lp1996817-CSDN博客

原创 JavaScript函数基础

基础1. 函数声明与函数表达式在 javaScript 中，声明一个函数有两种方式，分别是函数声明和函数表达式// 函数声明function name(params) { // function body}// 函数表达式cosnt f = function(params) { // function body}可以看到，函数声明就是直接使用 function 关键字直...

2019-05-12 14:46:50 110

原创 flex

flex 适合用于一维的布局flex 容器和 flex项目flex 容器flex 容器指的是 display 为 flex、inline-flex 的元素，元素中的子元素则自动称为 flex 项目。flex 容器会产生 flex formatting context（伸缩格式化上下文），这类似于 BFC (块级格式化上下文)，保证了内部元素不会干扰到外部元素flex 项目flex ...

2019-04-23 19:56:18 268

原创 CSS 盒模型

当一个客户端代理（比如说浏览器）展示一个文档的时候，对于每一个元素，它都产生了一个盒子。每一个盒子都被划分为四个区域：内容区( content )内边距区( padding )边框( border )外边距区( margin )包含块包含块，顾名思义就是包含元素的盒子，一个元素的尺寸和位置经常受其包含块的影响大多数情况下，包含块就是这个元素最近的祖先块元素的内容区，但...

2018-10-10 22:16:03 94

原创 CSS基础

层叠和继承1. 样式来源一个元素的样式，可以通过多种方式来定义，而多种定义方式之间通过复杂的影响关系决定了元素的最终样式对于层叠来说，共有三种主要的样式来源：浏览器默认样式用户定义的样式开发者定义的样式：1. 外链样式2. 页面头部定义，内联样式3. 定义在 HTML 元素上，行内样式其优先级为：开发者定义 &amp;gt; 用户定义 &amp;gt; 浏览器默认&amp;nbsp;对继承...

2018-10-08 21:43:51 195

原创 JS高程 -- chapter13( 事件 )

事件流事件流描述的是页面中元素触发事件时，接收事件的顺序，IE 提出了冒泡事件流，NetScape 则提出了捕获事件流1. 事件冒泡IE 的事件流叫做事件冒泡，即事件是从最具体的元素开始，逐渐向上冒泡到祖先元素2. 事件捕获NetScape 提出的事件流叫做事件捕获，即事件从不具体的元素开始，直到具体的触发元素，其旨在事件到达目标元素之前将其截获3. DOM 事...

2018-10-01 17:43:26 174

原创 JS高程 -- chapter12( DOM2、DOM3 )

样式定义元素样式的方式有三种：通过 <link/> 标签外联样式、通过 style 标签在头部定义样式、通过 style 属性在 HTML 元素上定义样式 访问元素的样式元素的 style 属性包含着通过 HTML元素 style 属性定义的所有样式信息( 内联样式 )，不包含外联、头部样式信息对于使用 - 分割的属性，需要转换为驼峰式来访问 ...

2018-10-01 11:27:05 114

原创 JS高程 -- chapter11( DOM扩展 )

选择符API核心是 querySelector()、querySelectorAll() 两个方法，可以使用 Document 和 Element 类型元素调用( IE8+ )&nbsp;querySelector：接收一个 CSS 选择符，返回与选择符匹配的第一个元素，若未找到则返回 null，如果选择符不被支持则抛出错误例： document.querySelector("#ap...

2018-10-01 09:59:58 91

原创 JS高程 -- chapter10( DOM )

节点层次每段标记都可以通过 DOM 树中的一个节点表示，HTML 元素通过元素节点表示，特性( attribute ) 通过特性节点表示，文档类型通过文档类型节点表示，注释通过注释节点表示&amp;nbsp;Node 类型DOM1级定义了 Node 接口，由所有节点类型实现，在 JS 中，其作为 Node 类型实现，除了 IE( IE8及以下版本 )，其他浏览器都可以访问到这个类型，由于所...

2018-09-23 11:27:37 142

原创 JS高程 -- chapter( 函数表达式 )

递归var factorial = (function f(n){ if(n<=1){ return 1; }else{ return n*f(n-1); }})上面这段代码使用具名函数表达式来创建递归函数，保证 factorial 变量即使指向别的对象也能正确执行递归。( ) 中是什么，它就返回什么，若是函数，则其命名在全局是无法访问的，只有赋值给一个变量才能访问...

2018-09-22 11:11:17 163

原创 JS -- 高程 - chapter5( 引用类型 )

Object类型创建 Object 类型的实例有两种方式，一是使用构造函数 var person = new Object() ，二是使用对象字面量 var person = { }，通过字面量创建对象时，不会调用 Object 的构造函数&amp;amp;amp;nbsp;Array类型创建 Array 类型对象的方式有两种，一种是使用构造函数，二是使用字面量，使用字面量时不会调用 Arr...

2018-09-16 11:28:36 100

原创 JS -- 高程 - chapter4( 作用域、内存 )

基本类型、引用类型undefined、null、boolean、number、string 这五种基本类型的值是按值访问的，可以操作保存在变量中实际的值对象( Object ) 是按引用访问的&nbsp; 当从一个变量向另一个变量赋值时，基本类型是在变量对象上创建一个新值，然后将其放到为新变量分配的位置上，而引用类型是复制一份对象的引用给新的变量　　　　　　　　　　...

2018-09-15 10:53:20 121

原创 JS -- 高程 -- chapter2、chapter3

一. 在HTML中使用JavaScript1.1 &amp;amp;amp;lt;script&amp;amp;amp;gt;元素HTML 4 为script标签定义了 6 个属性： async ：可选，表示应该立即下载脚本，但不应该影响页面其他操作，比如下载其他资源或等待加载脚本，只适用外部脚本charset ：可选，脚本的字符集，很少使用defer ：可选，标识脚本可以等到页面完全被解析和显示后才执行，只适用外部...

2018-09-12 19:27:26 132

原创 Vue - 组件

基础注册组件组件可以在全局注册，也可以在局部注册，全局注册的组件所有子组件都可以使用 // 全局注册组件 Vue.component("component-name", { 　　// options 和跟实例的options参数一样，除了 el 　　data(){ 　　　　return { xxx }; 　　} }) 组件的 data 参数必须是一个函数( ...

2018-09-12 19:27:16 140

原创 Vue学习 - 01

声明式和命令式不同： - 命令式：命令机器如何去做事情( how )，不管什么想要什么( what )，都会按照命令执行 - 声明式：告诉机器想要什么( what )，机器发现如何去实现( how )例子：实现返回一个数组的二倍数组 // 命令式 var arr = [1,2,3]; var double = []; // 命令机器如何去做 for(var i...

2018-09-12 19:27:02 123

lp1996817的博客