02 2019 档案

webpack进阶（三）
摘要：1）CommonsChunkPlugin已经从webpack4移除，所以在用webpack进行公共模块的拆分时，会报错 Cannot read property 'CommonsChunkPlugin' of undefined 通过公共模块的拆分，最终合成的文件能够在最开始加载一次，比如两个入口文 阅读全文
posted @ 2019-02-28 14:10 tangjiao_Miya 阅读(478) 评论(0) 推荐(0)
webpack进阶（二）
摘要：1）webpack动态打包所有依赖项，避免打包未使用的模块。 2）转换css的loader有：css-loader，style-loader，加载图片或文件的loader是：file-loader，如果要压缩和优化图像，使用image-webpack-loader和url-loader。 3）加载字 阅读全文
posted @ 2019-02-27 11:22 tangjiao_Miya 阅读(344) 评论(1) 推荐(0)
webpack的loader和plugin的区别
摘要：【Loader】：用于对模块源码的转换，loader描述了webpack如何处理非javascript模块，并且在buld中引入这些依赖。loader可以将文件从不同的语言（如TypeScript）转换为JavaScript，或者将内联图像转换为data URL。比如说：CSS-Loader，Sty 阅读全文
posted @ 2019-02-25 14:35 tangjiao_Miya 阅读(23880) 评论(0) 推荐(2)
接口和面向接口编程
摘要：1，抽象类 例如，Duck对象和Chicken对象的类型都隐藏在Animal类型的身后，向上转型。建立契约，抽象类里面的abstract方法，各个子命令类继承或者覆写。 面向接口编程，接口是个抽象的概念，可以理解为：面向超类型编程，当对象的具体类型被隐藏在超类型的身后，这些对象就可以相互替换使用，而 阅读全文
posted @ 2019-02-21 15:29 tangjiao_Miya 阅读(450) 评论(0) 推荐(0)
设计原则与编程技巧汇总
摘要：1，SRP【单一职责链原则】 单一职责链原则：按照职责把对象分解成更小的颗粒度，有助于代码的复用，亦有利于单元测试，缺点是增加编写代码的复杂度。 常用的有： 代理模式，通过代理把本体需要做的事情分离出来，互不影响； 迭代器模式，也是将职责分离，迭代器对象职责专门负责遍历对象，而分离出业务函数中的遍历 阅读全文
posted @ 2019-02-21 14:07 tangjiao_Miya 阅读(214) 评论(0) 推荐(0)
W3C的盒子模型和IE的盒子模型
摘要：盒子模型分为两种：Ｗ3C盒子模型（标准盒子模型）和IE盒子模型 盒子模型组成：content+padding+border+margin 标准盒子模型的width就是content 而IE盒子模型的width=content+padding+border css3的属性box-sizing有两个值： 阅读全文
posted @ 2019-02-19 11:22 tangjiao_Miya 阅读(238) 评论(0) 推荐(0)
React的组件
摘要：React的组件化思想尤为明显，一切皆组件，觉着比Vue的组件化思想更加凸显。 React组件也可以实现数据和模板分离，可以写defaultProps,也可以通过使用组件时候给props的属性赋值。 组件之间的互相通讯是通过props来传递的，这个很重要！ State和Props组合使用：可以在父组 阅读全文
posted @ 2019-02-14 16:43 tangjiao_Miya 阅读(275) 评论(0) 推荐(0)
React的路由react-router
摘要：意思是：当你写一个web应用时候，应噶install的是react-router-dom，同样的，当你想写一个Native应用时候，需要install的是react-router-native，这两个都会下载react-router作为其依赖。 react-router 提供了router的核心ap 阅读全文
posted @ 2019-02-13 17:18 tangjiao_Miya 阅读(183) 评论(0) 推荐(0)
三种编程命名规则：驼峰命名法，帕斯卡命名法，匈牙利命名法
摘要：流行的命名法：驼峰法命名法，匈牙利命名法，帕斯卡命名法，下划线命名法； 1，驼峰法命名法（Camel）：混合大小写字母构成变量和函数名的方式命名 小驼峰命名：firstName，camelCase 大驼峰命名：FirstName，CamelCase 2，下划线命名： first_name，shopp 阅读全文
posted @ 2019-02-13 13:56 tangjiao_Miya 阅读(1546) 评论(0) 推荐(0)
React官方脚手架不支持less问题解决
摘要：create-react-app是由React官方提供，并推荐构建React单页应用程序的最佳方法，但是默认不支持less，需要手动集成： 1，必须手动安装less npm install less less-loader 2，暴露webpack配置文件【npm run eject】，修改weppa 阅读全文
posted @ 2019-02-12 17:46 tangjiao_Miya 阅读(720) 评论(0) 推荐(0)
CSS3新单位vw，vh，vmin，vmax详解
摘要：1，vw，vh，vmin，vmax是由视窗Viewport大小来决定的，单位1，代表1%，是一种相对单位，只要是为响应式适配视窗的一种解决方案； vw：view width（视窗宽度）的百分比，1vw代表视窗宽度的1%； vh：view height（视窗高度）的百分比，1vh代表视窗高度的1%； 阅读全文
posted @ 2019-02-11 17:53 tangjiao_Miya 阅读(1096) 评论(0) 推荐(0)
写react项目要注意的事项
摘要：1，className一定是大写字母开头，例如：App-logo，App，App-header。 2，有关react元素的更新，唯一办法是创建新元素，然后重新将其传入ReactDOM.render()中重绘。 3，通过react官方的脚手架create-react-app新建项目时，你会发现里面没有 阅读全文
posted @ 2019-02-11 16:50 tangjiao_Miya 阅读(796) 评论(0) 推荐(0)
href="#"和href=“javascript:void(0)”的区别
摘要：void是javascript中的关键字，该操作符指定要计算一个表达式但是不返回值。 #包含了一个id位置信息，默认的锚点是网页的顶部，而javascript:void(0)，仅仅是一个死链接。 【完】 稀缺能够创造专注红利，也会导致“管窥”。 阅读全文
posted @ 2019-02-01 10:59 tangjiao_Miya 阅读(231) 评论(0) 推荐(0)