与你在巅峰相会

  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理
  248 Posts :: 0 Stories :: 24 Comments :: 0 Trackbacks

公告

置顶随笔 #

摘要: 前言:此节的开展是在上一节的基础上进行的,(每一节都是从无到有编写关于此节的知识),最后会附上相关完整代码。上一节 CSS中的图片处理 1.新建images文件夹 在src目录下新建一个images文件夹,把需要的图片放入images文件夹。图片下载 2.新增标签 在index.html文件中增加一阅读全文
posted @ 2018-12-13 13:17 吴封斌技术博客 阅读(6) 评论(0) 编辑

摘要: 从前面几节到现在,其实我们的项目结构是有问题的,因为我们直接把index.html文件放到了dist文件夹目录下。这肯定是不正确的,应该放到我们src目录下,然后打包到dist目录下,前面为了学习,才把index.html放到了dist目录下。 此节我们就来完成把开发环境中的html文件打包到我们的阅读全文
posted @ 2018-12-12 17:49 吴封斌技术博客 阅读(9) 评论(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 吴封斌技术博客 阅读(81) 评论(0) 编辑

摘要: 面向对象: 世间万物,皆可分类。 手机《 某一个分类 世间万物,皆为对象。 我的手机《 有具体指向 只要是对象,就肯定属于某种品类。 只要是对象,就肯定有属性。 类的相同点一起写,不同点分开写。 1.Python类中self的来源: 通常函数的执行方式为: 调用函数--》执行函数 》返回该函数的执行阅读全文
posted @ 2018-08-05 14:03 吴封斌技术博客 阅读(20) 评论(0) 编辑

摘要: 介绍 责任链模式(Chain of responsibility)是使多个对象都有机会处理请求,从而避免请求的发送者和接受者之间的耦合关系。将对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理他为止。 请求以后,从第一个对象开始,链中收到请求的对象要么亲自处理它,要么转发给链中的下一个候选者阅读全文
posted @ 2017-10-21 21:35 吴封斌技术博客 阅读(177) 评论(0) 编辑

摘要: 代理模式的定义,代理是一个对象(proxy)用它来控制目标对象的访问。为此他要是先与目标对象相同的接口,但是他不同于装饰者模式,它对目标对象不进行任何修改,它的目的在于延缓"复杂"对象的初始化时间。这样可以在用到这个目标对象的时候再初始化他(对于单例来讲更是重要)。 代理模式有两种分类: (1)普通阅读全文
posted @ 2017-10-21 11:20 吴封斌技术博客 阅读(119) 评论(0) 编辑

摘要: (2)扩展一个发布者的发布消息的方法(推模式) (3)扩展公共订阅的函数,和取消订阅的函数 订阅的函数: (5)发布部分 (5.1)使用门面模式--针对各浏览器的事件绑定兼容问题 (5.2)创建主应用函数 最后,订阅者界面 效果为: (1)cctv模块的 (2)gfb的效果为: 总结: 1.支持简单阅读全文
posted @ 2017-10-20 23:34 吴封斌技术博客 阅读(205) 评论(0) 编辑

摘要: 这里我们通过需求逐渐引出装饰者模式。 下面是一个关于几代汽车的不同逐渐体现装饰者模式的。 首先,我们先引入一个接口文件 目的为检验实现类是否完全实现接口中的方法,代码如下, (1)统一接口 (2)实现接口并内部检验 (3)第一个汽车实例 现在我们开始有一个新的需求,汽车需要有附属的产品如: 音响(K阅读全文
posted @ 2017-10-19 18:02 吴封斌技术博客 阅读(65) 评论(0) 编辑

2018年12月13日 #

摘要: 前言:此节的开展是在上一节的基础上进行的,(每一节都是从无到有编写关于此节的知识),最后会附上相关完整代码。上一节 CSS中的图片处理 1.新建images文件夹 在src目录下新建一个images文件夹,把需要的图片放入images文件夹。图片下载 2.新增标签 在index.html文件中增加一阅读全文
posted @ 2018-12-13 13:17 吴封斌技术博客 阅读(6) 评论(0) 编辑

2018年12月12日 #

摘要: 从前面几节到现在,其实我们的项目结构是有问题的,因为我们直接把index.html文件放到了dist文件夹目录下。这肯定是不正确的,应该放到我们src目录下,然后打包到dist目录下,前面为了学习,才把index.html放到了dist目录下。 此节我们就来完成把开发环境中的html文件打包到我们的阅读全文
posted @ 2018-12-12 17:49 吴封斌技术博客 阅读(9) 评论(0) 编辑

摘要: 实际开发中,在项目上线之前,我们编写的js代码是需要进行压缩的,我们可以采取压缩软件或者在线进行压缩,这不是我们的重点,在webpack中实现JS代码的压缩才是本节的核心。 通过webpack中可实现的JS代码压缩是通过插件的方式实现的 uglifyjs-webpack-plugin(JS压缩插件,阅读全文
posted @ 2018-12-12 16:20 吴封斌技术博客 阅读(12) 评论(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 吴封斌技术博客 阅读(81) 评论(0) 编辑

摘要: 写在前面: (1)为了防止版本兼容问题,此处的webpack版本与之前的一致为:webpack@3.6.0。同时这里我们安装的webpack-dev-server版本是2.9.7版本。 (2)之前已经安装了node.js 在此之前我们一直采用live-server充当本地服务器,其实这与webpac阅读全文
posted @ 2018-12-12 10:18 吴封斌技术博客 阅读(10) 评论(0) 编辑