2017年07月_霜月枫桥

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

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

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

2017-07-31 17:35:52 3522 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 3377

原创前台开发总结09_20170728

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

2017-07-28 15:06:00 404

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

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

2017-07-28 10:07:42 957

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

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

2017-07-27 17:11:24 3835

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

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

2017-07-26 17:49:59 24642

原创 Liferay Service Buider实现分页功能

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

2017-07-24 16:11:50 765

转载 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 664

转载 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 367

转载 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 549

转载对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 1594