摘要: 给某个page下template中的第一个div设置如下样式: 示例: css: 这样就可以使当前页面全屏白色了。 阅读全文
posted @ 2019-02-19 09:10 WFaceBoss 阅读(19060) 评论(0) 推荐(0) 编辑
摘要: 通过前面的学习,对webpack有了更深的认识,故此节我们就利用前面相关知识自己动手用webpack构建一个React的开发环境,就算是一个小案例吧。 注:此处使用的开发工具是Webstorm。 1.安装webpack 1.1 新建文件夹 在安装webpack之前,我们先建立一个文件夹,并利用开发工 阅读全文
posted @ 2018-12-22 14:18 WFaceBoss 阅读(416) 评论(0) 推荐(1) 编辑
摘要: 在webpack1或者webpack2版本中,若想在webpack环境中加载Json文件,则需要加载一个json-loader的loader进来的。但是在webpack3.x版本中,则不需要在另外引入了,也可使用Json。 下面以webpack3.x为例来说明在webpack中如何使用json。(主 阅读全文
posted @ 2018-12-21 22:45 WFaceBoss 阅读(1983) 评论(0) 推荐(0) 编辑
摘要: 工作中会有一些已经存在但在项目中没有引用的图片资源或者其他静态资源(比如设计图、开发文档),这些静态资源有可能是文档,也有可能是一些额外的图片,而在打包时保留这些静态资源,直接打包到指定文件夹中。此时就需要使用到copy-webpack-plugin这个插件了。 copy-webpack-plugi 阅读全文
posted @ 2018-12-21 21:24 WFaceBoss 阅读(316) 评论(0) 推荐(0) 编辑
摘要: 1.优化第一步--选用引入方式 在前面的学习中我们对于如何引入第三方类库(Jquery)推荐了两种方式,第一种是import引入的方式,第二种是ProvidePlugin插件。那两种引入方法有什么区别那? import引入方法:引用后不管你在代码中使用不使用该类库,都会把该类库打包起来,这样有时就会 阅读全文
posted @ 2018-12-21 20:00 WFaceBoss 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 在前面的学习中,我们一直使用webpack-dev-server充当(本地)服务器和完成打包任务,但是当出项目团队联合开发,共同使用一个服务器时,这时候我们需要实时进行打包以确保团队间能进行联调或者进行相关代码的合并工作时,每次保存后手动打包显然效率太低,我们需要的是代码发生变化后,只要保存,web 阅读全文
posted @ 2018-12-21 15:57 WFaceBoss 阅读(567) 评论(0) 推荐(0) 编辑
摘要: 1. 概述 生产环境和开发环境所需依赖是不同: --开发依赖:就是开发中用到而发布时用不到的。在package.json里面对应的就是devDependencies下面相关配置。 --生产依赖: 就是比如我们的javascript使用了jquery,而我们最终的程序也需要这个包(最终程序正常运行需要 阅读全文
posted @ 2018-12-19 16:23 WFaceBoss 阅读(662) 评论(0) 推荐(0) 编辑
摘要: 在平时的项目开发中,我们会引入一些框架,比如: ,但是在项目中通常我们只使用它的一小部分,还有部分是冗余的。更有甚有时候需求更改,带来 结构的更改,这时候我们可能无暇关注 样式,会造成很多冗余的 。我们得想办法消除冗余的CSS,如果靠人工去剔除,吃力又容易出错,因此,此节我们来学习一下用webpac 阅读全文
posted @ 2018-12-16 23:02 WFaceBoss 阅读(1467) 评论(0) 推荐(0) 编辑
摘要: 前言:此节的开展是在上一节的基础上进行的,(每一节都是从无到有编写关于此节的知识),最后会附上相关完整代码。上一节 CSS中的图片处理 1.新建images文件夹 在src目录下新建一个images文件夹,把需要的图片放入images文件夹。图片下载 2.新增标签 在index.html文件中增加一 阅读全文
posted @ 2018-12-13 13:17 WFaceBoss 阅读(278) 评论(0) 推荐(0) 编辑
摘要: 从前面几节到现在,其实我们的项目结构是有问题的,因为我们直接把index.html文件放到了dist文件夹目录下。这肯定是不正确的,应该放到我们src目录下,然后打包到dist目录下,前面为了学习,才把index.html放到了dist目录下。 此节我们就来完成把开发环境中的html文件打包到我们的 阅读全文
posted @ 2018-12-12 17:49 WFaceBoss 阅读(680) 评论(0) 推荐(0) 编辑
摘要: 写在前面:为了兼容,此处的webpack版本为3.6.0、webpack-dev-server版本为2.9.7、css-loader版本为2.0.0、style-loader版本为0.23.1,若在下列安装后运行出错,一般是版本问题,可以安装此处的指定版本来解决。 1.前言 webpack把多个文件 阅读全文
posted @ 2018-12-12 14:58 WFaceBoss 阅读(556) 评论(0) 推荐(0) 编辑
摘要: 面向对象: 世间万物,皆可分类。 手机《 某一个分类 世间万物,皆为对象。 我的手机《 有具体指向 只要是对象,就肯定属于某种品类。 只要是对象,就肯定有属性。 类的相同点一起写,不同点分开写。 1.Python类中self的来源: 通常函数的执行方式为: 调用函数--》执行函数 》返回该函数的执行 阅读全文
posted @ 2018-08-05 14:03 WFaceBoss 阅读(306) 评论(0) 推荐(0) 编辑
摘要: 介绍 责任链模式(Chain of responsibility)是使多个对象都有机会处理请求,从而避免请求的发送者和接受者之间的耦合关系。将对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理他为止。 请求以后,从第一个对象开始,链中收到请求的对象要么亲自处理它,要么转发给链中的下一个候选者 阅读全文
posted @ 2017-10-21 21:35 WFaceBoss 阅读(2524) 评论(0) 推荐(0) 编辑
摘要: 代理模式的定义,代理是一个对象(proxy)用它来控制目标对象的访问。为此他要是先与目标对象相同的接口,但是他不同于装饰者模式,它对目标对象不进行任何修改,它的目的在于延缓"复杂"对象的初始化时间。这样可以在用到这个目标对象的时候再初始化他(对于单例来讲更是重要)。 代理模式有两种分类: (1)普通 阅读全文
posted @ 2017-10-21 11:20 WFaceBoss 阅读(593) 评论(0) 推荐(0) 编辑
摘要: (2)扩展一个发布者的发布消息的方法(推模式) (3)扩展公共订阅的函数,和取消订阅的函数 订阅的函数: (5)发布部分 (5.1)使用门面模式--针对各浏览器的事件绑定兼容问题 (5.2)创建主应用函数 最后,订阅者界面 效果为: (1)cctv模块的 (2)gfb的效果为: 总结: 1.支持简单 阅读全文
posted @ 2017-10-20 23:34 WFaceBoss 阅读(523) 评论(0) 推荐(0) 编辑
摘要: 这里我们通过需求逐渐引出装饰者模式。 下面是一个关于几代汽车的不同逐渐体现装饰者模式的。 首先,我们先引入一个接口文件 目的为检验实现类是否完全实现接口中的方法,代码如下, (1)统一接口 (2)实现接口并内部检验 (3)第一个汽车实例 现在我们开始有一个新的需求,汽车需要有附属的产品如: 音响(K 阅读全文
posted @ 2017-10-19 18:02 WFaceBoss 阅读(327) 评论(0) 推荐(0) 编辑
摘要: 1.原因分析 在小程序更新开发版本之后,用户本地并没有对之前版本的小程序进行删除,那么再进入小程序的时候的版本是不会发生变化的,这是由于发版是异步执行,因此新版本将会覆盖的比较慢,本质是小程序的启动方式分为两种,冷启动与热启动。 冷启动:指的是用户首次打开或小程序被微信主动销毁后再次打开的情况,此时 阅读全文
posted @ 2019-05-07 18:03 WFaceBoss 阅读(7647) 评论(2) 推荐(1) 编辑
摘要: 两种集合类的复杂度分析 在【6.1】节与【6.2】节中分别以二分搜索树和链表作为底层实现了集合Set,在本节就两种集合类的复杂度分析进行分析:测试内容:6.1节与6.2节中使用的书籍。测试方法:测试两种集合类查找单词所用的时间 结果:BSTSet的速度比LinkedListed的速度快 集合的时间复 阅读全文
posted @ 2019-04-18 15:38 WFaceBoss 阅读(734) 评论(0) 推荐(0) 编辑
摘要: 1.子组件页面结构 2.父组件中使用 在父组件中引用子组件并传递值。 3.问题描述 3.1 问题概述: 现象为:在setTimeout()中修改值,但是对 items这个数组并不起作用,即修改后的数组与原来一致,并没有达到修改数组的效果,代码如下: 3.1 解决办法: 使用中间临时数组(tempLi 阅读全文
posted @ 2019-04-17 11:33 WFaceBoss 阅读(7993) 评论(0) 推荐(1) 编辑
摘要: 在6.1中我们实现了底层基于二叉搜索树的集合,本节就底层如何基于链表实现进行学习,注意:此处的链表是之前自己封装的. 1、集合set相关功能 1.1 add()的不同 用于链表本身没有去重的效果,因此我们在做基于链表的集合时,需要对add()方法做一下特殊处理,如下增加一个判断即可。 2.集合实现 阅读全文
posted @ 2019-04-16 13:25 WFaceBoss 阅读(603) 评论(0) 推荐(0) 编辑
摘要: 前言:在第5章的系列学习中,已经实现了关于二叉搜索树的相关操作,详情查看第5章即可。在本节中着重学习使用底层是我们已经封装好的二叉搜索树相关操作来实现一个基本的集合(set)这种数据结构。集合set的特性:集合Set存储的元素是无序的、不可重复的。为了能达到这种特性就需要寻找可以作为支撑的底层数据结 阅读全文
posted @ 2019-04-14 20:39 WFaceBoss 阅读(501) 评论(0) 推荐(0) 编辑