摘要：
一、父组件向子组件传值 其实该问题是说子组件如何访问父组件的属性和方法？那么根据对组件化的理解，无非就是要解决两个问题： 1、父组件如何将值传给子组件？ 2、子组件如何获取父组件传递过来的值？ 解读vue示例代码： 1、父组件向子组件传值是通过“属性绑定”的形式实现的（第2行） 2、子组件默认是无法 阅读全文
posted @ 2020-02-05 18:22
wangyfax
阅读(3288)
评论(0)
推荐(0)
摘要：
Sea.js 手册与文档 首页 | 索引 目录 何为 CommonJS 何为 CommonJS 模块 为何封装模块 何为 CommonJS？ CommonJS 是一个有志于构建 JavaScript 生态圈的组织。它有一个 邮件列表，有很多开发者参与其中。 整个社区致力于提高 JavaScript 阅读全文
posted @ 2019-11-03 00:45
wangyfax
阅读(186)
评论(0)
推荐(0)
摘要：
一、模块化规范 1、服务器端规范 CommonJS--node.js 2、浏览器端规范 AMD--RequireJS 国外相对流行 CMD--SeaJS 国内相对流行 3、模块化框架实现 CMD实现-seaJS创始人是阿里巴巴前端架构师玉伯；js文件的依赖管理、异步加载、方便前端的模块化开发。 官方 阅读全文
posted @ 2019-10-28 23:15
wangyfax
阅读(153)
评论(0)
推荐(0)
摘要：
一、什么是跨域？ 跨域是指一个域下的文档或者脚本去请求另一个域下的资源。(广义) 广义的跨域： 1、资源跳转：链接跳转、重定向、表单提交。 2、资源嵌入：<link>、<script>、<img>、<frame>等dom标签；还有background:url()、 @font-face()等文件外链 阅读全文
posted @ 2019-10-22 23:16
wangyfax
阅读(2016)
评论(0)
推荐(0)
摘要：
1、NVM简介 我们可能同时在进行2个项目，而2个不同的项目所使用的node版本又是不一样的，或者是要用更新的node版本进行试验和学习。这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，而nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换，而这个 阅读全文
posted @ 2019-05-19 11:51
wangyfax
阅读(272)
评论(0)
推荐(0)
摘要：
指令(Directive) 1、指令概念介绍 -- AngularJS有一套完整的、可扩展的、用来帮助web应用开发的指令集。 -- 在DOM编译期间和HTML关联着的指令会被检测到，并且 会被执行。 -- 在AngularJS中间前缀ng- 这种属性称之为指令，其作用就是为DOM元素调用方法、定义 阅读全文
posted @ 2019-04-27 20:39
wangyfax
阅读(161)
评论(0)
推荐(0)
摘要：
1、ng-app: 是ng的入口，表示当前元素的所有指令都会被angular管理，让anguar认识这段代码，告诉angular要去管理下面的代码；同时angular执行这段代码的时候会在内部开辟一块空间来存储这个页面用到的数据模型。 2、ng-init: angular执行这个指令的时候，首先会在 阅读全文
posted @ 2019-03-26 23:42
wangyfax
阅读(141)
评论(0)
推荐(0)
摘要：
1、什么是组件？ 组件的出现，就是为了拆分vue实例的代码量的，能够让我们以不同的组件来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。 2、组件化和模块化的不同？ 模块化：是从代码逻辑的角度进行划分的，方便代码分层开发，保证每个功能模块的职能单一。 组件化：是从UI界面的 阅读全文
posted @ 2018-12-10 21:38
wangyfax
阅读(625)
评论(0)
推荐(0)
摘要：
1、vue-resource 实现 get, post, jsonp请求。 2、JSONP的是实现原理： 由于浏览器的安全性限制，不允许AJAX访问 协议不同、域名不同、端口不同的数据接口，浏览器认为这种访问不安全。 可以通过动态创建script标签的形式，把script标签的src属性指向数据接口 阅读全文
posted @ 2018-12-06 19:27
wangyfax
阅读(376)
评论(0)
推荐(0)
摘要：
1、v-if 的特点： 实现方式：根据后面数据的真假判断是否重新删除或创建元素。 性能消耗：有较高的切换性能消耗。 编译过程：v-if 切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件。 2、v-show的特点： 实现方式：每次不会重新进行DOM的删除和创建操作，只是 阅读全文
posted @ 2018-12-06 12:55
wangyfax
阅读(651)
评论(0)
推荐(0)
摘要：
1、v-for循环普通数组 ①创建vue对象 ② 循环数据 结果： 2、v-for循环对象数组 ① 创建vue实例对象 ② 循环对象数组 结果： 3、v-for循环对象 ①创建vue对象实例 ②循环对象 结果： 4、v-for循环数字 ①创建vue对象实例 ②循环数字 结果： 5、v-for中key 阅读全文
posted @ 2018-12-06 11:43
wangyfax
阅读(449921)
评论(2)
推荐(14)
摘要：
创建vue对象： 1、样式控制第一种方式： 直接传递一个数组，注意： 这里的 class 需要使用 v-bind 做数据绑定。 2、样式控制第二种方式： 在数组中使用三元表达式 3、样式控制第三种方式： 在数组中使用 对象来代替三元表达式，提高代码的可读性 4、样式控制的第四种方式： 在为 clas 阅读全文
posted @ 2018-12-05 20:13
wangyfax
阅读(2581)
评论(0)
推荐(0)
摘要：
1、用.stop来阻止冒泡(点击click按钮之后，先执行clickBtn2方法，然后执行clickBtn1方法，.stop命令阻止了clickBtn1方法的执行) 2、使用.prevent命令来阻止默认事件 3、使用.capture实现捕获触发事件的机制，即执行完clickBtn3执行clickB 阅读全文
posted @ 2018-12-05 19:31
wangyfax
阅读(160)
评论(0)
推荐(0)
摘要：
1、vue实例的生命周期 1.1、什么是生命周期？ --从Vue实例创建、运行、销毁期间，总是伴随着各式各样的事件，这些事件，统称为生命周期！ 1.2、生命周期钩子：就是生命周期事件的别名而已； 1.3、生命周期钩子 = 生命周期函数 = 生命周期事件 1.4、主要的生命周期分类： 1.4.1、创建 阅读全文
posted @ 2018-11-11 16:18
wangyfax
阅读(214)
评论(0)
推荐(0)
摘要：
1、闭包的概念 官方解释：闭包就是能够读取其他函数内部变量的函数。在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。 闭包是函数和声明该函数的词法环境的组合。 2、词法作用域 init( 阅读全文
posted @ 2018-11-07 19:56
wangyfax
阅读(123)
评论(0)
推荐(0)
摘要：
1、v-bind 只能实现数据额单向绑定，从M到V，无法实现数据的双向绑定 改变页面输入框的值，打印数据并未改变。 2、v-model 可以实现数据的双向绑定，从M到V、V到M。 注意：v-model只能用于表单元素中（input、select、checkbox、textarea） JS: 阅读全文
posted @ 2018-10-31 13:14
wangyfax
阅读(125)
评论(0)
推荐(0)
摘要：
1、let基本用法 1.1、声明变量 let声明的变量只在它所在的代码块有效。 1.2、不存在变量提升 var命令会发生”变量提升“现象，即变量可以在声明之前使用，值为undefined； let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。 1.3、暂时性死区(temporal 阅读全文
posted @ 2018-10-26 13:25
wangyfax
阅读(162)
评论(0)
推荐(0)
摘要：
1、布局方式分类 1.1、固定布局 ： 以px（像素）为单位。 缺点：① 页面死板，屏幕大小不一样，展示的效果不一样； ② 不适应响应性布局。 1.2、流式布局 ： 以%（百分比）作为单位。百分比宽度 = 目标元素宽度 / 上下文元素宽度。 优点 ： 可以自适应，根据不同的分辨率显示不同的宽度。 缺 阅读全文
posted @ 2018-10-25 12:38
wangyfax
阅读(320)
评论(0)
推荐(0)
摘要：
1、父组件向子组件传值 父组件通过向子组件传递props， 子组件得到props后进行获取。 1、在父组件的render函数中return子组件 2、然后在标签中直接 属性名={属性值} 3、然后在子组件中直接通过 this.props.属性名 获取父组件传递过来的值即可 2、子组件向父组件传值 过 阅读全文
posted @ 2020-06-20 09:37
wangyfax
阅读(655)
评论(0)
推荐(0)
摘要：
概念： 1、在组件创建、加载到页面上运行、以及组件被销毁的过程中，总是伴随着各种各样的事件，这些在组件特定时期，触发的事件，统称为组件的生命周期。 2、组件生命周期的阶段： - 组件的创建阶段 特点是：创建阶段的生命周期函数在组件中，一生只执行一次。 》 componentWillMount: 1、 阅读全文
posted @ 2020-06-20 09:34
wangyfax
阅读(757)
评论(0)
推荐(0)
摘要：
引言： A CSS Module is a CSS file in which all class names and animation names are scoped locally by default. CSS模块就是所有的类名都只有局部作用域的CSS文件。 CSS模块化： 1、webpa 阅读全文
posted @ 2020-06-20 09:30
wangyfax
阅读(1853)
评论(2)
推荐(0)
摘要：
一、内联样式的方式 第一种方式： 注意： 1、如果要使用style属性，为JSX语法创建的DOM元素设置样式，不能像网页中那样写，而是要用JS语法来写 2、外层的{}表示是JS代码；内层的{}是指用JS对象来表示 <div style={{border: "1px solid #ccc",margi 阅读全文
posted @ 2020-06-20 09:27
wangyfax
阅读(2534)
评论(0)
推荐(0)
摘要：
一、JS打包入口文件 main.js 1、代码 /* JS打包入口文件 */ //1、导入react包 import React from "react"; import ReactDOM from "react-dom"; import CommentList from "./components 阅读全文
posted @ 2020-06-20 09:23
wangyfax
阅读(4285)
评论(0)
推荐(0)
摘要：
function创建的组件 注意： 1、使用function构造函数创建的组件，内部没有state私有的数据， 只有一个props来接收外界传递过来的数据 2、使用function创建的组件叫做【无状态组件】 3、应用场景：如果一个组件只需要根据外界传递过来的props，渲染固定的页面结构， 此时非 阅读全文
posted @ 2020-06-20 09:19
wangyfax
阅读(1887)
评论(0)
推荐(0)
摘要：
创建组件： 1、使用class创建的类，通过extends关键字继承React.Component之后，这个类就是一个组件的模板了 注意： ① No `render` method found on the returned component instance you may have forgo 阅读全文
posted @ 2020-06-20 09:17
wangyfax
阅读(616)
评论(0)
推荐(0)
摘要：
组件创建方式一：在main.js里面定义 1、在React中，构造函数就是一个最基本的组件。 2、如果想要把组件放到页面中，可以把构造函数的名称当做组件的名称，以HTML标签形式引入 到页面中即可。 3、React在解析所有的标签的时候，是以标签的首字母来区分的，如果标签的首字母是小写，就 按照普通 阅读全文
posted @ 2020-06-20 09:15
wangyfax
阅读(471)
评论(0)
推荐(0)
摘要：
JSX语法介绍： 1、React官方提出了一套JSX语法规范，能够在JS文件中书写html代码 2、JSX(符合XML规范的JS语法)原理：在JS文件中书写JSX语法，但是在React中，JSX在内部运行的时候，也是先把 类似于HTML这样的标签代码转换为了React.createElement的形 阅读全文
posted @ 2020-06-20 09:14
wangyfax
阅读(438)
评论(0)
推荐(0)
摘要：
1、在react学习中，需要安装两个包react react-dom react这个包是专门用来创建React组件、组件生命周期等这些东西的 react-dom 里面主要封装了和DOM操作相关的包，要把组件渲染到页面上 2、安装 指令：cnpm i react react-dom -S 注意：- r 阅读全文
posted @ 2020-06-20 09:12
wangyfax
阅读(193)
评论(0)
推荐(0)
浙公网安备 33010602011771号