霜月枫桥-CSDN博客

原创 Liferay Hook学习随笔

一、应用场景：Portlet开发中，经常需要导入jQuery，但是若每个portlet都导入一次jQuery，当多个portlet都处于同一页面时，不仅会增加页面的加载的时间，还会因为jQuery的版本问题，影响某些portlet功能的实现。解决方法：1、在Liferay中创建Hook工程，在该工程下创建hook组件，导入路径为 /html/common/themes/top_js.jsp

2017-08-22 10:31:25 767 1

原创 node.js学习随笔20170817

一、node.js处理异常的三种方法1、同步处理异常try{ 事件处理;}catch(err){ console.log("访问报错如下所示"); console.log(err.toString()); response.write(err.toString()); response.end();}2、异步处理异常fs.readFile(p

2017-08-17 14:26:34 415

转载图解快速排序

快速排序是冒泡排序的改进版，也是最好的一种内排序，在很多面试题中都会出现，也是作为程序员必须掌握的一种排序方法。思想:1.在待排序的元素任取一个元素作为基准(通常选第一个元素，但最的选择方法是从待排序元素中随机选取一个作为基准)，称为基准元素； 2.将待排序的元素进行分区，比基准元素大的元素放在它的右边，比其小的放在它的左边； 3.对左右两个

2017-08-10 16:19:18 354

转载 jquery $(document).ready() 与window.onload的区别

jQuery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载

2017-08-09 16:50:55 311

原创 node.js学习随笔——20170809

PHP是单线程的，但是Apache是多线程的，会开启150个线程大数据时，如何解决高并发让一个线程更快的结束。可通过后弦的方法：优化SQL 、主键、缓存一、node.js特点：1、单线程、异步、事件驱动；快、耗内存多2、事件驱动：因为异步，所示事件结束后，回调方法3、node.js对于Windows，只支持win8及其以上二、在node.js导入文件

2017-08-09 11:10:20 397

转载 onmusewheel事件(兼容IE,FF,opera,safari,chrome)

相信用户在浏览Google Map 时，都注意到向上或向下滚动鼠标可以使地图放大或缩小。其实，对于鼠标滚动我们并不陌生。但要给一个元素绑定鼠标滚动事件，我们有必要对该事件有一个详尽的了解。浏览器对该事件支持情况如何？IE6, Opera9+, Safari2+以及Firefox1+均支持“onmousewheel”事件，在FF 3.x中，与之相当的是“DOMMouseScroll”事件。“

2017-08-08 15:17:21 948

原创页面预览上传文件的内容

功能介绍：网站通常通过file类型的标签进行文件的上传，文件为客户端任意位置（桌面、C盘、D盘……）的文件。有时，需求需要在文件上传到服务器之前，在页面的某区域显示文件的内容。这在过去的技术中，是很难实现的，但是通过H5的API接口，却可以通过很少的代码实现此功能。代码：页面预览显示上传的文件内容

2017-07-31 17:35:52 3520 3

原创 CSS3的transform属性实现旋转正方体

代码如下： Document 1 2 3 4 5 6 ul{ position:relative; height:300px; width:300px; list-style:none; margin:100px auto; transfor

2017-07-31 10:34:45 3376

原创前台开发总结09_20170728

一、正则表达式中中括号表达式 [] 注意事项大多数特殊字符在中括号表达式中失去它们的意义，但是以下特殊字符除外1、] :如果 ] 字符不是第一项，它结束一个列表，若要匹配列表中的 ] 字符，请将它放在第一位，紧跟在开始 [ 后面2、\ :转译符。若要匹配 \ 字符，请使用 \\ 3、- :连字符。在中括号表达式中使用连字符有两种方法：使用转译符 [\-] ；或者将连字符放在中括号列

2017-07-28 15:06:00 396

原创 HTML元素水平居中方法详解

前言:有许多方法可以实现HTML页面元素水平居中显示，本篇博客我列举一下自己所知道的方法，如果有缺少的，欢迎大家回复。一、text-align适应范围：所有元素在块级元素，如div中，设置其 text-align:center; 可以使其文本内容居中。因此，若要实现子元素在父元素水平居中显示，便可以设置父元素的 text-align:center; 示例代码如下：

2017-07-28 10:07:42 955

转载 display:flex 弹性伸缩布局详解

布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。一、Flex布局是什么？Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。[css] view

2017-07-27 17:11:24 3834

原创前台HTML页面显示XML内容

应用场景：在网站开发过程中，读取XML格式文件，并将其所有内容都显示到页面上，即显示标签内容，又显示标签本身。备注：本博客场景还适应于读取显示含有标签的数据库存储字段。解决方法：解决方法一共有四种(可能还有别的方法，但我只知道四种，欢迎大家补充)，分别如下：第一种，使用将你要显示的内容包含在标签中，便可以将标签显示在页面上。JS代码： var str

2017-07-26 17:49:59 24620

原创 Liferay Service Buider实现分页功能

一、Liferay可以通过自己定义SQL语句的方式从数据库获取数据，步骤如下所示：第一步：在持久化层server.persistence创建PendFinderImpl(实体+FinderImpl).java,并继承BasePersistenceImplpublic class PendFinderImpl extends BasePersistenceImpl { }第二步：

2017-07-24 16:11:50 764

转载 Hibernate中的query.setFirstResult(),query.setMaxResults();

一、query.scroll()和query.setFirstResult(),query.setMaxResults();这两种方法都可以取到一定范围内的数据，用来数据分页显示。那么两者区别，以及两者的效率如何？答：1.scroll是用JDBC2.0的可滚动结果集实现；query.setMaxResults();query.setFirstResult()是数据库SQL语句实现。2.你

2017-07-24 15:52:00 661

转载 ORACLE实现分页

分页查询格式：SELECT * FROM (SELECT A.*, ROWNUM RN FROM (SELECT * FROM TABLE_NAME) A WHERE ROWNUM <= 40)WHERE RN >= 21其中最内层的查询SELECT * FROM TABLE_NAME表示不进行翻页的原始查询语句。ROWNUM = 21控制分页查询的每页的范围。上面给出的这

2017-07-24 15:43:22 600

转载 session.createQuery()与createSQLQuery()区别

createQuery与createSQLQuery两者区别是：前者用的hql语句进行查询，后者可以用sql语句查询前者以hibernate生成的Bean为对象装入list返回后者则是以对象数组进行存储所以使用createSQLQuery有时候也想以hibernate生成的Bean为对象装入list返回，就不是很方便突然发现createSQLQ

2017-07-24 14:22:42 455

原创服务层SQL查询时错误汇总

一、HQL多表查询语句报ORA-00907缺失右括号SQL语句：select s.sys_id,s.corp_id,s.sys_name,c.corp_name from t_sc_info_sys s,t_sc_info_corp c where s.corp_id = c.corp_id错误原因：略解决方法：将表名和字段名改为大写select s.SYS_ID,

2017-07-18 11:16:02 366

转载 Javascript获取select下拉框选中的的值

现在有一id=test的下拉框，怎么拿到选中的那个值呢？分别使用javascript原生的方法和jquery方法code: text1 text2 一：javascript原生的方法 1:拿到select对象： var myselect=document.getElementById("test"); 2：拿到选中项的索引：var in

2017-07-13 17:12:09 548

转载对html与body的一些研究与理解

一、写在前面的最近一直构思着写篇关于html标签的文章，虽说之前处理过html标签，也解决过不少棘手的问题，但是对其理解还不是很透彻，很多原理都是自己推测的。在网上查阅相关资料想整合一下相关的信息，发现深入探讨html，与body的文章很少，只有在蓝色理想看到一篇“一叶千鸟”的这篇“正确认识html与body”有点价值，其余都没有什么相关的好文章。而这里，我要讲述的与上面的交集并不多，

2017-07-11 10:20:13 413

转载 JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍

•原理：•高级浏览器支持forEach方法语法：forEach和map都支持2个参数：一个是回调函数（item,index,list）和上下文；•forEach:用来遍历数组中的每一项；这个方法执行是没有返回值的，对原来数组也没有影响；•数组中有几项，那么传递进去的匿名回调函数就需要执行几次；•每一次执行匿名函数的时候，还给其传递了三个参数值：数组中的当前项

2017-07-10 15:08:54 611

转载 onunload、onbeforeunload事件详解

最近项目中做到一个功能：在上传页面用户开始上传文件之后用户点击任意跳转都需要弹出提示层进行二次确定才允许他进行跳转，这样做的目的是为了防止用户的错误操作导致这珍贵的UGC 流失(通常用户在一次上传不成功之后，很容易就会打消了上传的念头的了，或去到其他平台进行上传)。在这里用到的是 onbeforeunload 事件。下面就梳理下 onunload、onbeforeunload 这两个事件，

2017-07-05 15:55:42 1589

原创 Web前端面试题汇总

前端开发面试题；超全整理前端开发面试题——HTML篇（2016年）；超全整理前端开发面试题——CSS篇（2016年）；问题：HTMLDoctype作用？严格模式与混杂模式如何区分？它们有何意义?HTML5 为什么只需要写？行内元素有哪些？块级元素有哪些？空(void)元素有那些？

2017-06-29 19:36:01 943

原创 Web开发——获取查询内容（内容分页显示）【前台页面部分】

代码实现功能描述：根据用户在页面上输入的开始时间和结束时间，从数据库中获取数据，获取的数据以每页10条的格式分页显示在页面上。 Document .rptIntfPortlet { width: 1100px; margin: 0px auto; } .rptIntfPortlet .portletBody .showSection{

2017-06-28 19:06:35 2243

原创 Liferay BuildService学习随笔

1、在service.xml中，如果要在数据库中生成指定名称的表，则要在标签中添加一个新的属性table，table的值即为该表的名，否则表名为app_entity的name值。column标签的类型为java的类型，而不是数据库的类型2、build-Service创建过程中，可能会报因为内存不足，VM创建失败。解决方法：关闭计算机的一些空闲应用，释放计算机内存。3、tom

2017-06-28 17:09:19 1370

转载解决PLSQL Developer 插入中文乱码问题

PLSQL Developer 插入中文乱码问题，如图这个是由于Oracle服务器端字符编码和 oracle 客户端字符编码不一致引起的。检查Oracle服务器端字符编码，用select userenv('language') from dual;select * from v$nls_parameters a where a.PARAMETER = 'NL

2017-06-28 11:27:38 968

原创 JS将复制的页面内容以纯文本的形式粘贴到自己的页面上

需求：从网上复制网页内容，通过页面（不是通过代码）粘贴到自己开发的页面上时，消除原来内容的所有样式，只粘贴纯文本。 #demo{ height: 400px; border:1px solid black; }function setpaste(item){ window.setTimeout("change("+item.id+")",1

2017-06-25 18:33:31 2585

转载 jQuery插件编写

编写插件的目的:给已经有的一系列方法或函数做一个封装，以便在其他地方重复使用，方便后期维护和提高开发效率。jQuery插件类型jQuery插件主要分为3种类型： 1.封装对象方法的插件(对象级别组件开发) 这种插件是将对象方法封装起来，用于对通过选择器获取的jquery对象进行操作，是最常见的一种插件。这类插件可以发挥出jQuery选择器的强大优势。即挂在jQuery

2017-06-24 23:35:09 441

转载 Oracle生成100万条测试数据的方法

Oracle生成一百万测试数据的方法如下：方法一：创建一个表，并同时添加1000000条数据，代码：[sql] view plain copycreate table TestTable as select rownum as id, to_char(sysdate + rownum/24/

2017-06-23 14:15:27 7046

原创 HTML前台分页样例

自己制作的一个分页示例，贴出来和大家分享一下： Document .rptIntfPortlet .portletBody .showSection{ font-size: 12px; } .rptIntfPortlet .portletBody .showSection .showBody .showMore span.input span{ d

2017-06-22 10:34:48 8537

编码一直是让新手头疼的问题，特别是 GBK、GB2312、UTF-8 这三个比较常见的网页编码的区别，更是让许多新手晕头转向，怎么解释也解释不清楚。但是编码又是那么重要，特别在网页这一块。如果你打出来的不是乱码，而网页中出现了乱码，绝大部分原因就出在了编码上了。此外除了乱码之外，还会出现一些其他问题（例如：IE6 的 CSS 加载问题）等等。我写本文的目的，就是要彻底解释清楚这个编码问题！如果你遇

2017-06-15 17:31:39 10018 2

原创 JS移动某些元素到指定位置

一、点击按钮实现页面中的某些元素移动到指定区域（根据用户输入）/ 规定区域（代码中写死的）通过 document.getElementById("demo").appendChild(document.getElementById("test")); 来实现注意：1、也可以通过 getElementsByClassName() 等来实现；2、这里的事件，除了appendChild

2017-06-15 16:05:42 16490

转载 HTML与JSP页面的区别

HTML（Hypertext Markup Language）文本标记语言，它是静态页面，和JavaScript一样解释性语言，为什么说是解释性语言呢？因为，只要你有一个浏览器那么它就可以正常显示出来，而不需要指定的编译工具，只需在TXT文档中写上HTML标记就OK。JSP（Java Server Page）看这个意思就知道是Java服务端的页面，所以它是动态的，它是需要经过JDK编译后把内

2017-06-14 14:41:42 474

原创 Liferay theme，用户权限的判断

$permissionChecker.isOmniadmin() //是否为超级管理员$permissionChecker.isOrganizationAdmin() //是否为组织机构管理员$permissionChecker.isGroupAdmin() //是否为站点管理员$permissionChecker.is

2017-06-14 10:39:08 714

转载 mysql提示Packet for query is too large (1142 > 1024)解决方案

MySQL根据配置文件会限制server接受的数据包大小，有时候大的插入和更新会被max_allowed_packet 参数限制掉，导致失败，提示“Packet for query is too large (1142 > 1024)”。在MySQL的访问台。查看目前配置show VARIABLES like '%max_allowed_packet%';

2017-06-12 15:27:18 2377

原创 JS对象继承

在JS开发中，使用继承，可以使代码更便于维护，减少代码量。JS继承的方法有许多，我在这里列举一下我所知道的集成方法一、对象冒充示例代码如下所示：function ma(name){ this.name=name; this.maShow=function(){ console.log("我的名字是："+this.name+"运行在ma方法中");

2017-06-12 11:40:15 416

转载常用的正则表达式字符表

字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个后向引用、或一个八进制转义符。例如，'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\\' 匹配 "\" 而 "\(" 则匹配 "("。^匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性，^ 也匹配 '\n' 或 '\r' 之后的位置。$

2017-06-09 16:13:19 1226

转载正则表达式贪婪与非贪婪模式

之前做程序的时候看到过正则表达式的贪婪与非贪婪模式，今天用的时候就想不起来了，现在这里总结一下，以备自己以后用到注意。1.什么是正则表达式的贪婪与非贪婪匹配　　如：String str="abcaxc";　　　　Patter p="ab*c";　　贪婪匹配:正则表达式一般趋向于最大长度匹配，也就是所谓的贪婪匹配。如上面使用模式p匹配字符串str，结果就是匹配到：ab

2017-06-09 15:00:29 497

原创页面布局基础信息简介

前言：在页面开发中，页面布局是十分重要的，本篇博客介绍一些布局的基本知识。一、布局的实现方法1、table 传统方法，使用表格元素进行布局。2、float 浮动布局，对元素进行浮动，从而完成布局。3、position 定位布局，我很喜欢的一种布局方式，属性值有static，relative，absolute，fixed

2017-06-08 11:32:00 1091

转载响应式布局总结

响应式布局的开发基础知识本章主要分为以下几个部分正确理解响应式设计响应式设计的步骤响应式设计需要注意的问题响应式网页布局实现原理第一：正确理解响应式布局响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说：现在社会有很多响应产品，例如折叠沙发，折叠床等等，当我们需要把沙发放到一个角落的时候，此刻沙发就好比div吧，而角落

2017-06-07 17:08:03 727

原创前台开发总结08——20170607

1、最轻量级请求(信号灯)问题描述：我们常用的请求方式有Ajax和form表单提交，但是这些请求的方式都是单线程的，访问速度较慢。问题解决：可以使用媒体对象，如Image、Radio和Video。因为媒体对象在访问时可同时20线程加载。eg.var url="/test.php";var arr=['name=xyong','address=qingdao'];var img=n

2017-06-07 15:40:23 438