- 博客(90)
- 资源 (11)
- 收藏
- 关注
RSS订阅原创 解决Error：Bootstrap dropdown require Popper.js (https://popper.js.org)
官方文档:https://getbootstrap.com/docs/4.0/getting-started/webpack/这个Error是没有在webpack中配置bootstrap的依赖popper.js导致的。bootstrap除了依赖jQuery还是部分插件依赖popper.js.
2017-08-29 17:39:16
24901
1
原创 Writing for GCD: 如何将github repository 部署到GitHub pages
部署前准备：1.github账号、2.安装了Git并且熟悉git的基本操作将github repository 部署到 github pages的步骤如下：第一步：新建一个github repository“hello-freedom”:现在有了一个github repository，上面只有README.md、
2017-08-04 15:42:51
392
转载 浅谈display:flex
浅谈display:flexdisplay:flex 意思是弹性布局 首先flex的出现是为了解决哪些问题呢？一、页面行排列布局像此图左右两个div一排显示可以用浮动的布局方式html部分css部分这种布局有两个缺点1.需要一个空div来清除浮动，当然也可以选用其他清除浮动的方法，但此处需要清除浮动才能不影响下面的布局。2
2016-11-27 16:53:43
372
原创 前端规范之命名规则
最佳原则坚持制定好的代码规范。无论团队人数多少，代码应该同出一门。1.项目命名全部采用小写方式， 以下划线分隔。例：my_project_name2.目录命名参照项目命名规则；有复数结构时，要采用复数命名法。例：scripts, styles, images, data_models3.JS文件命名参照项目命名规则。例：acc
2016-05-06 10:15:51
2851
原创 npm publish 发布自己的模块（发布包）
1.编写模块exports.sayHello = function(){ return 'Hello World.';}保存为hello_freedom.js2.初始化包描述文件$ npm initpackage.json{ "name": "hello_freedom", "version": "0.0.1", "d
2016-05-05 14:24:30
10246
原创 Getting started Play Framework
1.What is Play?The High Velocity Web Framework For Java and Scala.Play Framework makes it easy to build web applications with Java & Scala.Play 框架使用Java和Scale的Web Applications 变得非常容易构建。Pla
2016-04-15 17:30:54
1314
原创 修复BUG：gulp自动添加版本号修复对CSS中background:url()的匹配问题
前天说要找到一个完美的解决方案，今天发动了各路大神，总算是搞定了.问题描述：修改gulp-rev-append插件实现自动修改文件中静态资源链接添加md5版本号。但是前天有一点点很遗憾，对CSS中background:url()的匹配还存在一点点不足，url()必须带单引号或者双引号才能被正确匹配的到，但是CSS的标准写法中，通常不会带单引号或者双引号。==============
2016-02-29 19:20:50
1935
3
原创 gulp改造gulp-rev-append插件实现资源文件链接自动添加MD5版本号
gulp有很多插件可以实现URL添加MD5版本号，使用gulp-rev和gulp-rev-collector是比较方便的方法，结果如下:"/css/base.css" => "/dist/css/base-1d87bebe.css" "/js/mod.js" => "/dist/mod-61e0be79.js" "/images/bg.png" => "/images/bg-35c3af8134.png"但是由于公司发布系统限制，如果用上面方法实现，每次更新都会积压过多过期无用的文
2016-02-27 13:24:38
5601
3
原创 gulp快速入门
简介/***********************************************/gulp是前端开发工作过程中对代码进行自动化构建项目的工具，不仅能对网站资源进行优化，还可以在开发过程中用适当的插件自动完成很多重复的任务，让开发者可以很愉快地写代码的同时还大大提高工作效率。同类工具：grunt，fis，fis3gulp是基于Nodejs的自动任务运行器， 能
2016-02-26 17:02:30
469
原创 问题总结： http200被Aborted
问题描述： a标签的href="javascript:void(0);"问题表现：a标签的点击事件在一些客户端的浏览器中还没完全响应就被中断了，Http请求虽然返回200，但是该请求被客户端主动断开链接（forbid）,导致响应资源不能被完全加载到页面，例如出现图片等资源没法加载的问题。本质原因：YY客户端的浏览器是I
2016-01-05 11:50:02
6718
原创 整理阅读：高性能JS
频繁地对于DOM进行操作的是很损耗性能，但在富网页应用中我们编写脚本无可避免地要访问或修改DOM，怎么优化这个性能瓶颈使我们经常碰到的难题之一，最近被公司一个大项目在性能方面折腾得够伤，所以针对遇到的问题做一些小总结和探讨。浏览器中DOM操作的性能优化大致从以下三种情况去考虑：1.访问和修改DOM元素2.为了页面的重绘和重新排版修改DOM样式 3.通过DOM事件处理程序来响应用户
2016-01-04 18:26:04
399
原创 不同浏览器上input与select宽度显示不同的本质原因
做表单开发时经常碰到一个问题，input和select是其中最常用的两个标签，但是有个问题很棘手。input和select是两种不同的和模型，如果只是简单的将两者的width设置成一样，将会出现下面的效果： *{margin:0;padding:0;} body{margin: 50px;} input{outline-style: none;}
2015-08-05 12:11:41
4415
原创 Web W3C 在线验证工具
（W3C国际标准） 1、网页HTML在线验证：http://validator.w3.org2、网页CSS在线验证：http://jigsaw.w3.org/css-validator3、网页链接在线验证：http://validator.w3.org/checklink
2015-08-04 17:09:29
876
转载 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 的说明 （IE兼容性模式）
X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否包含指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循指令。对于多数网站来说，它是首选的兼容性模式。为了避免制作出的页面在IE8下面出现错误，建议直接将IE
2015-08-04 17:02:19
925
原创 DIV_CSS布局问题：3个水平对齐布局的DIV，左右固定宽，中间宽度自动填充
作为一个前端小白，这是我面试前端职位的题目之一，没有实践经验，误打误撞，最后还是错了！今天难得有时间，认真思考了一下。答案不一定最佳的解决方案，但是能实现同等效果。问题描述：一个宽度不确定的DIV里面放三个水平对齐的DIV，左右两个DIV宽度固定为200px，中间那个DIV充满剩余的宽度。这个题目是我当时做的第一个题目，看完题目就把答案写出来了：不就是一个float:left;的事情吗
2015-08-04 16:49:04
5642
1
转载 Zepto 使用中的一些注意点
前段时间完成了公司一个产品的 HTML5 触屏版，开发中使用了 Zepto 这个著名的 DOM 操作库。为什么不是 jQuery 呢？因为 jQuery 的目标是兼容所有主流浏览器，这就意味着它的大量代码对移动端的浏览器是无用或者低效的。而 Zepto 只针对移动端浏览器编写，因此体积更小、效率更高，更重要的是，它的 API 完全仿照 jQuery ，所以学习成本也很低。但是在开发
2015-05-19 18:03:53
401
原创 compass学习记1
sass & compass 学习笔记1.sass和compass的安装过程：2.第一个compass创建的myproject
2015-04-09 15:54:18
472
转载 Sass&Compass安装和使用
Sass的安装:1.安装：SASS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样使用。只是必须先安装Ruby，然后再安装SASS。假定你已经安装好了Ruby，接着在命令行输入下面的命令：gem install sass然后，就可以使用了。2：使用：SASS文件就是普通的文本文件，里面可以直接使用CSS语法。文件后缀名是.scss，意思为Sassy CSS。S
2015-04-09 15:49:43
582
原创 sass初识笔记
Sass学习笔记1.CSS预处理器： 定义一种新的语言将CSS作为目标生成文件。 通常可以实现浏览器兼容，变量， 结构体等功能， 代码更加简洁易于维护。 目前比较流行的两种：Sass、Less other：Stylus、Dtcss等2.Sass安装必须先安装Ruby，然后再安装SASS。安装Ruby（略）安装Sass：gem insta
2015-03-18 18:08:47
507
原创 Web前端开发面试题整理（HTML+CSS+JavaScript）
1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和html有什么区别HTML是一种基本的WEB网页设计
2015-02-13 16:04:09
2579
原创 Web前端笔试面试题整理
1.前端页面有哪三层构成，分别是什么？作用是什么？ 1）、结构层：由 HTML 或 XHTML 之类的标记语言负责创建，仅负责语义的表达。解决了页面“内容是什么”的问题。 2）、表示层：由CSS负责创建，解决了页面“如何显示内容”的问题。 3）、行为层：由脚本负责。解决了页面上“内容应该如何对事件作出反应”的问题。2.用CSS分别单独定义IE6、7、8的width属性
2015-02-13 14:30:21
670
原创 基于JNDI的birt数据配置
之前写过birt报表用rptlibrary统一所有报表的数据源，但是这种方式还是不够灵活，每次修改数据源，还是要直接打开WAR修改，在网上看到一种很通用的方式，就是给birt报表配置JNDI的URL，然后在tomcat中配置数据源，每次访问报表，就会优秀读取tomcat中配置的数据源，这样报表的数据源问题得到充分的独立性，如果需要更改数据员，也不需要再去打开war在代码上做任何改动，这种方式无疑减
2015-02-13 09:51:44
1177
原创 birt报表用rptlibrary统一所有报表的数据源
由于公司项目需要不得不学birt，多亏了某人很菜的培训，是在是对birt喜欢不起来，每一个报表都要设置数据源，上周要部署到演示厅，数据源IP改了，每个报表都要改一遍，虽然只有二十多个，但是简直就是浪费时间和脑细胞，重复的工作本来就可以一开始做好，却偏偏还很有理由的重复做了一百遍，还觉得自己特牛B。真是天理难容！重点是菜哥还不想改，没办法，就算组织没要求，二十多个报表我还得负责差不多一半呢？姐那么懒
2015-01-20 16:47:39
3286
转载 BIRT报表一线揭秘2
收到不少人的邮件咨询我能否直接用JAVA设计报表然后直接展示出来，而非运行导出或者生成一个文件，毕竟生成或者导出的文件不是在服务器端就是要客户浏览器接收，不算友好。其实这并非难事，只需把生成的设计文档放在服务器端然后又直接用webviewer打开便是。代码如下：[java] view plaincopyimport java.io.IOException; impor
2015-01-13 11:09:13
600
转载 BIRT报表一线揭秘1
前不久设计了一个很复杂的报表，中间涉及到汇总，又分类，再汇总，外连接，排序，前十等等用到了63个超复杂sql的数据集，用了260个网格单元格大部分sql数据集的查询语句如下：select nvl(sum(J3.usdamt),0) J3usdamt from (select a.custno, su
2015-01-13 11:08:59
485
转载 精通BIRT：Eclipse商务智能报表工具开发实践指南 (1-16章的目录明细)
书籍正有清华大学出版社编辑出版发行中，敬请期待，目录如下： 第一章 BIRT简介 51.1 BIRT初识 51.2 BIRT安装 81.2.1 BIRT设计器的安装 81.2.2 BIRT运行时环境的安装 9第二章 BIRT设计器概述及本地化支持 122.1 BIRT设计器概述 122.1.1 基本概念 122.1.2 基本视图 132.2 BIRT本地化之
2015-01-13 11:07:52
916
转载 第十六章 BIRT疑难杂惑清理
第十四十五章还在书写中，先就目前BIRT比较集中的一些疑难杂惑进行解决。问题一：把runtime包中自带的birt.war发布到Tomcat6上,运行后,首页面可以显示,但当点击" View Example "时,加载报表就报错.错误内容如下:或者在运行过程中出现：Caused by: java.lang.OutOfMemoryError: PermGen space
2015-01-13 11:05:41
731
转载 第十五章 高级特性-开放源码：BIRT报表CVS构建
15.1 使用CVS构建BIRT报表设计器和引擎BIRT报表提供了在设计阶段开放脚本编辑器，添加javascript和java事件机制来扩展报表的使用，另外还提供了包括数据源，数据项，聚合函数，数据展示，数据导出等等一系列的扩展接口，这对于一般的用户来实现丰富多彩的报表已经足矣。不过BIRT报表作为开源社区报表类别使用率最大的报表框架，开放源代码以及组织良好的源码和类库功不可没。这对于想深度定
2015-01-13 11:05:36
728
转载 第十四章 高级特性-海纳百川：BIRT报表扩展点
如果仅仅只是前面章节提到的BIRT的设计器的便捷性和BIRT引擎提供的用户自定义BIRT报表展示器等自定义特性，只是表现在BIRT报表作为工具的优势，或者作为服务提供者为系统集成做出的贡献，但这还不足以让BIRT成为eclipse开源社区排名前六的基础插件平台。众所周知，大凡伟大的IT作品，皆是以开放为基础。ios的app store，android的app market，eclipse的pl
2015-01-13 11:02:58
603
转载 第十三章 BIRT报表引擎API及报表API
13.1报表引擎详解，API结构BIRT包含几个引擎。一个引擎是一个提供一个特定领域的功能的一套Java API。例如，数据引擎包含管理数据的API，图表引擎包含生成一个图表的API。一般而言，BIRT包含四个引擎，报表设计引擎（design Engine），报表引擎(report engine)，图表引擎(chat engine)，数据引擎(data engine)。a) 关于报表设
2015-01-13 11:01:45
1109
转载 第十二章 BIRT报表的部署与配置
12.1 报表的工作模式以及相应的部署和配置虽然为了示例的需要，在前文的第二章讲过BIRT的配置，以及在文本类报表，网格报表，图表中用过birt jsp tag，也做过一些说明。但报表的工作模式，不仅仅包含这两种。实际上，BIRT有五种工作模式，第一种是用jsp或者javascript访问url，这个url遵循特定的格式，例如url/frameset?__report=&__paranam
2015-01-13 11:00:02
769
转载 第十一章 BIRT数据绑定与脚本，事件机制详解
11.1 事件机制详解前面通过脚本获取数据源，以及在报表中利用单元格或者数据项的onRender方法添加脚本来增加交互性，或者直接在脚本编辑器中书写少量代码，或多或少的都利用到了BIRT的脚本和事件机制，但这仅仅只是冰山一角。BIRT提供了一个基于Mozilla Rhino的脚本模型。报表引擎创建报表的过程可以划分为两个阶段——生成和呈现。生成阶段利用报表设计，生成一个名为报表文档的中间文
2015-01-13 10:59:09
631
转载 第十章 BIRT图表
10.1 图表的选择数据新建报表overall.rptdesign，选择空白报表模板，完成后如图10-1，新建数据源MyDataSource，采用BIRT设计器自带的例子数据库：驱动程序类：org.eclipse.birt.report.data.oda.sampledb.Driver (Classic Models Inc. SampleDB Driver)Database
2015-01-13 10:57:39
748
转载 第九章 BIRT嵌套报表以及参数的传递
9.1 表内的嵌套我们新建报表MasterDetailOneReport_A.rptdesign，空白模板，示例数据库，sql选择查询数据集。新建数据集Orders：select *from orders新建数据集SingleOrderDetailselect *from orderdetailswhere ordernumber = ?数据集参数默认值为101
2015-01-13 10:57:14
618
转载 第八章 BIRT交叉报表
8.1 创建交叉报表和统计一、创建报表和配置数据源新建一个报表，改好自己的名字，然后next进行下一步。选择一个空白报表（Blank Report），单击finish完成。新建数据源，这里使用的是协同数据库，选择Date Explore标签 右键单击Data Sources 新建一个数据源。选择JDBC Data Source 命名为 clmpdemo 然后单击next
2015-01-13 10:56:05
668
转载 第七章 BIRT分组报表
7.1 分组的建立，插入，删除我们先构建报表，空白模板，示例数据库和sql查询数据源，数据集setOrders，如下selectCLASSICMODELS.CUSTOMERS.CUSTOMERNAME,CLASSICMODELS.ORDERS.ORDERNUMBER,CLASSICMODELS.ORDERS.ORDERDATE,CLASSICMODELS.ORDERS.ST
2015-01-13 10:55:49
3034
转载 第六章 BIRT普通网格报表
6.1 属性，布局我们以示例数据库为数据源，sql选择查询数据集为例，新建报表birt_table,空白模板数据集customer:select CLASSICMODELS.CUSTOMERS.CUSTOMERNAME,CLASSICMODELS.CUSTOMERS.CUSTOMERNUMBER,CLASSICMODELS.CUSTOMERS.CONTACTLASTNAME,CLASSIC
2015-01-13 10:54:36
514
转载 第五章 BIRT文本类报表
5.1 基本的文本报表我们构建一个报表ProductLinesAfter.rptdesign，使用示例数据库，空白模板，sql选择查询作为数据源，新建数据集Data Set：select *from CLASSICMODELS.PRODUCTLINES查询数据源资源管理器，注意到表PRODUCTLINES中有一个字段HTMLDESCRIPTION是CLOB字段的：存储内容为
2015-01-13 10:54:17
753
转载 第四章 BIRT数据集和参数的建立
4.1 数据集的设置4.1.1 SQL选择查询数据集在“新建数据集”对话框，输入数据集名，选择“数据集类型”为“SQL选择查询”，再选择某个JDBC数据源，如下图所示：点击“Next>”进入SQL查询语句的输入界面，如下图所示：各主要参数含义如下：可用数据项默认列出从数据库中读出的所有表/视图/存储过程。如果数据库支持架构（Schema），则按Schema进行分组。
2015-01-13 10:53:27
525
设计模式之建造者模式
2014-12-24
设计模式之适配器模式
2014-12-23
工厂方法、抽象工厂模式
2014-12-23
java设计模式之装饰模式
2014-12-23
Singleton(单例模式)
2014-11-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人