摘要：
前端经典笔试题（腾讯前端，三栏布局）旧公司辞职的工作已经做得七七八八了，今天去了一家公司招聘会，周末的招聘会，说明还是有心要找人的。刚去到，感觉人特别的多。不过一个小时的笔试过后人已经见少了。其中有一首题，觉得特别经典，当时在搜索笔试题时有见过，源于腾讯的一道题。当时感觉纯笔头写有纰漏，在此重新写一篇。实现一个三栏布局的网页，中间部分要自适应宽度并且优先加载。左边宽150px;右边栏宽200px;我的思路：既然左右有固定宽度，当然要设置了。中间优先加载，按照HTML顺序解释的原则，即中间放在文档前面。而中间放在前又会影响文档流的布局，所以在此改变一下元素的相对位置即可，解法应该有不少，解法网上 阅读全文
摘要：
#浅谈web语义化##web语义化是什么HTML5标准出来的时候，我曾经诧异为什么要定义这么多header footer nav article标准，DIV不挻好的嘛，方便开发人员记忆啊。但当页面开发完，面对所有都是DIV标签的网页，就会混乱了，到底哪里是页头，哪里是正文。当然我们可以用浏览器打开，F12一下，就一目了然了，但如果是网络爬虫，那就没这么容易识别到这个东西了。引用wiki的定义，[语义化](http://zh.wikipedia.org/wiki/%E8%AF%AD%E4%B9%89%E5%8C%96)是前端开发里面的一个专用术语，其优点在于标签语义化有助于构架良好的html结构 阅读全文
摘要：
#浅谈表现与数据分离##表现与数据分离是什么伴随着一个程序的业务逻辑，会产生数据；数据从持久层抽出，经过一定逻辑，就会表现到程序界面上。一个程序在界面上的表现和保存下来的数据不应该是耦合的，数据应该可以对应多个表现界面。我们常说的表现与数据分离一般是指实现这个现象的技术，尤其是指一种代码组织的方式。##常用方式`MVC`是我们经常听到的一种代码组织方式，用于使表现与数据分离。传统的MVC结合HTTP请求，把respone到浏览器的HTML全部算作为V。web2.0兴起后，在HTML上也包含着较多的业务逻辑，于是前端的MVC也逐渐产生，并有`MVVM`等新的针对于前端的代码组织方式及其他MV*框 阅读全文
摘要：
#浅谈w3c标准##w3c标准是什么w3c标准包括多个方面，官方是从应用角度分的，相关的文档可以戳[这里](http://www.w3.org/standards/)。如果从WEB技术角度，可以分为三个方面的标准：**结构、表现、行为**。结构主要指(X)HTML标准，包括各种标签的名字、属性、语义及其他相关标准。表现主要指CSS，包括各种定位、颜色、大小等方面的标准。行为主要指Javascript，其实主要由ECMA国际制定的标准，但由于在万维网上广泛应用，开发人员也要关注。Javascript的词法、表达式、语句等方面也有一系列的标准。Javascript没有像Java JDK那样的现成二 阅读全文
摘要：
#切身体会，从项目中小结出 前端程序员容易忽视的一些基础知识##基础数据结构与算法现在有两个不同的JSON，比较复杂，可以参考[这里](http://www.cnblogs.com/p2227/p/3546725.html)的DEMO中返回的JSON。要比较它们的差异，除了用现成的工具如`beyond compare`以外，如果我们的机器上没有安装这个工具，能如何较快解决？作为一个程序员，一个个对比是不可行的，对比完也不会有什么收获。我会把之放进Excel中（如果你机器连这个都没有，那忽视我），先排序，再用`二分法`去快速定位找到有差异的JSON属性，即使是1024个字段的大数据，也最多10次 阅读全文
摘要：
#从 Page not found: / 提示说起，我是怎么发现webstrom与myeclipse冲突问题的##从前面发表了两篇博文，[webstorm+nodejs+JetBrains IDE Support+chrome打造前端开发神器](http://www.cnblogs.com/p2227/p/3551659.html) 和 [【整理】JavaEE基本框架（Struts2+Spring+MyBatis三层，Struts MVC）之间的关系](http://www.cnblogs.com/p2227/p/3551243.html)，可以知道我的电脑是同时安装了webstorm和Jav 阅读全文
摘要：
#webstorm+nodejs+JetBrains IDE Support+chrome打造前端开发神器-- 工欲善其事 必先利其器##各工具介绍`webstorm`是**JetBrains**公司发布的一个web开发IDE，支持代码提示、补全、定位、与git集成等等各种功能，已经跟传统强类型语言的开发环境感觉无多大差异。`node`是一个服务端的 javascript运行环境`JetBrains IDE Support`俗称JB插件(⊙o⊙)，是一个chrome的插件。与webstorm联合使用，是沟通它俩的桥梁。各个工具独立使用可能都有人知道，但本文讲述的是把他们联合起来使用的案例。## 阅读全文
摘要：
#【整理】JavaEE基本框架（Struts2+Spring+MyBatis三层，Struts MVC）之间的关系[visio文件下载](http://files.cnblogs.com/p2227/JavaEE_Frameworks.7z)##概述一个JavaEE的项目，页面用JSP，后台用了Struts2+Spring+MyBatis，数据库用的是Oracle，这么多技术名词，他们之间的关系如何，整体是怎么运作的，用什么东西进行关联？这是开发过程 阅读全文
摘要：
利用 Oracle EM 企业管理器 进行oracle SQL的优化（自动生成索引）##应用情景项目中有大量的SQL，尤其是涉及到统计报表时，表关联比较多，当初开发建表时也没搞好索引关联的，上线后发现查询很低。Oracle自带的EM控制台带有自动优化功能，能给出优化方案，本人主要利用其来给出索引的建立方案，应用上后SQL查询效率大大提高。本人机器上安装的是oracle 11g##启动EM的环境条件1. 安装并正常启动oracle 11g 2. 确认oracle控制台的服务是启动的，发会现它 阅读全文
摘要：
#Javascript模板及其中的数据逻辑分离思想##需求描述项目数据库的题目表描述了70-120道题目，并且是会变化的，要根据数据库中的数据描述，比如，选择还是填空题，是不是重点题，题目总分是多少等等有条件地渲染出题目的内容，并且能做完后保存回数据库，打印出来。##以前的实现由后台（structs2+spring+ibaties）查询，扔出JSON ，前台就是无穷无尽的if,switch。一但有要修改，就要吐血了，也不知道要改多少个地方##思考与改进结合自己的[正则表达式](http://www.cnblogs.com/p2227/tag/%E6%AD%A3%E5%88%99%E8%A1%A 阅读全文
摘要：
#为operamasks增加HTML扩展方式的组件调用##背景之前的[博文](http://www.cnblogs.com/p2227/p/3540858.html)中有提及到，发现easyui中的combobox,datebox,layout都有效率问题，其中layout的问题在[这里](http://www.cnblogs.com/p2227/p/3541162.html)有直接的解决方法，而combobox,datebox的问题其实在layout的DEMO中也处理了，这里主要是写其处理过程。##处理旧问题，发现新问题既然easyui的组件有问题，没什么好说了，换另外一个组件好了，当时试了 阅读全文
摘要：
#对easyui datagrid组件的一个小改进##问题在实际项目中使用datagrid时，受版面限制，有时候表格不能太大，这时候表格里面的内容就不能完全显示，用户需要经常拖动调整列宽才能看完整##规划与思考一览datagrid的API，有几点值得思考* `fitColumns`属性，**True to auto expand/contract the size of the columns to fit the grid width and pr 阅读全文
摘要：
#本人为项目组制定的一份页面优化指南（easyui页面优化方案）##背景这是一篇我之前为项目组制定的页面优化指南，主要是面向表单页面，典型的像[注册用户](https://passport.cnblogs.com/register.aspx)那样的页面。本人的项目主要是基于easyui的，一开始都是直接用其中的layout进行布局，但对于一个实际项目中有100-200甚至更加多字段的表单项，载入的效率很成问题经过**本人的分析**（具体的分析过程见[这里](http://www.cnblogs.com/p2227/p/3540858.html)），发现layout,datebox,combob 阅读全文
摘要：
#项目常用jquery/easyui函数小结##背景项目中经常需要使用到一些功能，封装、重构、整理后形成代码沉淀，在此进行分享##代码```javascript /** * @author gaohuia * @site http://www.zeroplace.cn/ * 使用方式:$("#fm").serializeObject(); */(function($){ //把表单序列化成对象 $.fn.extend({ serializeObject:function(){ if(this.length>1){ ret... 阅读全文