与你在巅峰相会

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

公告

置顶随笔 #

摘要: 给某个page下template中的第一个div设置如下样式: 示例: css: 这样就可以使当前页面全屏白色了。阅读全文
posted @ 2019-02-19 09:10 吴封斌技术博客 阅读(18) 评论(0) 编辑

摘要: 通过前面的学习,对webpack有了更深的认识,故此节我们就利用前面相关知识自己动手用webpack构建一个React的开发环境,就算是一个小案例吧。 注:此处使用的开发工具是Webstorm。 1.安装webpack 1.1 新建文件夹 在安装webpack之前,我们先建立一个文件夹,并利用开发工阅读全文
posted @ 2018-12-22 14:18 吴封斌技术博客 阅读(95) 评论(0) 编辑

摘要: 在webpack1或者webpack2版本中,若想在webpack环境中加载Json文件,则需要加载一个json-loader的loader进来的。但是在webpack3.x版本中,则不需要在另外引入了,也可使用Json。 下面以webpack3.x为例来说明在webpack中如何使用json。(主阅读全文
posted @ 2018-12-21 22:45 吴封斌技术博客 阅读(63) 评论(0) 编辑

摘要: 工作中会有一些已经存在但在项目中没有引用的图片资源或者其他静态资源(比如设计图、开发文档),这些静态资源有可能是文档,也有可能是一些额外的图片,而在打包时保留这些静态资源,直接打包到指定文件夹中。此时就需要使用到copy-webpack-plugin这个插件了。 copy-webpack-plugi阅读全文
posted @ 2018-12-21 21:24 吴封斌技术博客 阅读(15) 评论(0) 编辑

摘要: 1.优化第一步--选用引入方式 在前面的学习中我们对于如何引入第三方类库(Jquery)推荐了两种方式,第一种是import引入的方式,第二种是ProvidePlugin插件。那两种引入方法有什么区别那? import引入方法:引用后不管你在代码中使用不使用该类库,都会把该类库打包起来,这样有时就会阅读全文
posted @ 2018-12-21 20:00 吴封斌技术博客 阅读(9) 评论(0) 编辑

摘要: 在前面的学习中,我们一直使用webpack-dev-server充当(本地)服务器和完成打包任务,但是当出项目团队联合开发,共同使用一个服务器时,这时候我们需要实时进行打包以确保团队间能进行联调或者进行相关代码的合并工作时,每次保存后手动打包显然效率太低,我们需要的是代码发生变化后,只要保存,web阅读全文
posted @ 2018-12-21 15:57 吴封斌技术博客 阅读(105) 评论(0) 编辑

摘要: 1. 概述 生产环境和开发环境所需依赖是不同: --开发依赖:就是开发中用到而发布时用不到的。在package.json里面对应的就是devDependencies下面相关配置。 --生产依赖: 就是比如我们的javascript使用了jquery,而我们最终的777真钱老虎机也需要这个包(最终777真钱老虎机正常运行需要阅读全文
posted @ 2018-12-19 16:23 吴封斌技术博客 阅读(38) 评论(0) 编辑

摘要: 在平时的项目开发中,我们会引入一些框架,比如: ,但是在项目中通常我们只使用它的一小部分,还有部分是冗余的。更有甚有时候需求更改,带来 结构的更改,这时候我们可能无暇关注 样式,会造成很多冗余的 。我们得想办法消除冗余的CSS,如果靠人工去剔除,吃力又容易出错,因此,此节我们来学习一下用webpac阅读全文
posted @ 2018-12-16 23:02 吴封斌技术博客 阅读(203) 评论(0) 编辑

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

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

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

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

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

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

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

2019年2月19日 #

摘要: 给某个page下template中的第一个div设置如下样式: 示例: css: 这样就可以使当前页面全屏白色了。阅读全文
posted @ 2019-02-19 09:10 吴封斌技术博客 阅读(18) 评论(0) 编辑

2019年2月12日 #

摘要: null表示"没有对象",即该处不应该有值。典型用法是: (1) 作为函数的参数,表示该函数的参数不是对象。 (2) 作为对象原型链的终点。 undefined表示"缺少值",就是此处应该有一个值,但是还没有定义。典型用法是: (1)变量被声明了,但没有赋值时,就等于undefined。 (2) 调阅读全文
posted @ 2019-02-12 15:13 吴封斌技术博客 阅读(3) 评论(0) 编辑

2019年1月29日 #

摘要: 1.TreeSet:数据元素可以排序且不可重复。 对比: (1)Set接口:HashSet,元素必须重写hashcode和equals方法。 (2)TreeSet:只要可以排序即可。去重:比较等于0即重复。 TreeSet数据排序两种方式: 注意:TreeSet是在添加数据时进行排序,数据更改不会影阅读全文
posted @ 2019-01-29 14:31 吴封斌技术博客 阅读(5) 评论(0) 编辑

摘要: 排序:将一组数据按相应的规则 排列 顺序 1.规则: 基本数据类型:日常的大小排序。 引用类型: 内置引用类型(String,Integer..),内部已经指定规则,直接使用即可。 实现Comparable接口 1. 整数、 Integer..:根据基本数据类型大小 2. Character(字符)阅读全文
posted @ 2019-01-29 11:01 吴封斌技术博客 阅读(6) 评论(0) 编辑

该文被密码保护。
posted @ 2019-01-29 10:22 吴封斌技术博客 阅读(0) 评论(0) 编辑

博聚网