燕子fly

2019年10月24日

摘要：通过配置文件来使用Webpack Webpack拥有很多其它的比较高级的功能（比如说本文后面会介绍的loaders和plugins），这些功能其实都可以通过命令行模式实现，但是正如前面提到的，这样不太方便且容易出错的，更好的办法是定义一个配置文件，这个配置文件其实也是一个简单的JavaScript模阅读全文

posted @ 2019-10-24 16:49 燕子fly 阅读(162) 评论(0) 推荐(0) 编辑

01webpack

摘要：什么是Webpack WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。安装进到你的项目文件夹下 //全局安装 npm inst 阅读全文

posted @ 2019-10-24 16:48 燕子fly 阅读(128) 评论(0) 推荐(0) 编辑

2019年10月22日

2.常见的闭包

摘要： <body>  <script> //1.将函数作为另一个函数的返回值 function fn1(){ var a = 2 function fn2(){ a++; console.log(a) } retur 阅读全文

posted @ 2019-10-22 17:27 燕子fly 阅读(785) 评论(0) 推荐(0) 编辑

3.组合继承

摘要： <body>  <script> function Person(name,age){ this.name = name this.age = age } Person.prototype.se 阅读全文

posted @ 2019-10-22 16:29 燕子fly 阅读(92) 评论(0) 推荐(0) 编辑

2.借用构造函数继承（假的）

摘要：重点：用.call()和.apply()将父类构造函数引入子类函数（在子类函数中做了父类函数的自执行（复制））特点：1、只继承了父类构造函数的属性，没有继承父类原型的属性。 3、可以继承多个构造函数属性（call多个）。 4、在子实例中可向父实例传参。缺点：1、只能继承父类构造函数的属性。 2、阅读全文

posted @ 2019-10-22 16:28 燕子fly 阅读(145) 评论(0) 推荐(0) 编辑

1.原型链继承

摘要： <body> <!-- 重点：让新实例的原型等于父类的实例。特点：1、实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性。（新实例不会继承父类实例的属性！）缺点：1、新实例无法向父类构造函数传参。 2、继承单一。 3、所有新实例都会共享父类实例的属性。（原型上的属性是共享阅读全文

posted @ 2019-10-22 16:18 燕子fly 阅读(222) 评论(0) 推荐(0) 编辑

闭包1

摘要： <body> <!-- 1。如何产生闭包？ *当一个嵌套的内部（子）函数引用嵌套的外部（父）函数的变量（函数）时，就产生了闭包 2.闭包到底是什么？使用chrome调试查看理解一：闭包是嵌套的内部函数（绝大部分人）理解二：包含被引用变量（函数）的对象（极少数人）注意：闭包存在于嵌套的内部函数阅读全文

posted @ 2019-10-22 11:22 燕子fly 阅读(135) 评论(0) 推荐(0) 编辑

2019年10月21日

函数式组件的使用过程

摘要： //组件的定义方式一，利用函数定义组件 //首字母不大写就是无意义的标签 function MyApp(props){ return (<div> <h1>组件标题</h1> <p>组件段落</p> </div> ) } ReactDOM.render((<div> <MyApp title="ap 阅读全文

posted @ 2019-10-21 15:36 燕子fly 阅读(1176) 评论(0) 推荐(0) 编辑

2019年10月20日

1.createElement

摘要： React.createElement生成描述对象，这时候还没有生成虚拟DOM React生成得元素得描述对象（el还不是虚拟DOM）值是元素得描述对象，react根据描述对象去生成虚拟DOM JSX能生成下面这个描述对象，用react.createElement也能生成下面得描述对象，最后再有r 阅读全文

posted @ 2019-10-20 16:35 燕子fly 阅读(205) 评论(0) 推荐(0) 编辑

2019年10月18日

js合并表格相同单元格（纵向）

摘要： <script> function getTable(table1) { var tb = document.getElementById(table1); trL = tb.rows.length; tdL = tb.rows[0].cells.length; var c; var count = 0 for (let td = tdL - 1; td >= 0; td--) { for (va 阅读全文

posted @ 2019-10-18 15:21 燕子fly 阅读(1009) 评论(0) 推荐(1) 编辑

公告