摘要：
前阵一直在做的移动web项目项目已进入尾声,以下总结下在项目中遇到的问题和技术要点开发问题及要点1.viewport 窗口适应通过设置viewport使页面适应设备的宽度 user-scalable设置用户是否可以修改比例 minimum-scale 最新缩放比例 maximum-scal... 阅读全文
摘要：
IScroll是移动页面上被使用的一款仿系统滚动插件。IScroll5相对于之前的IScroll4改进了许多，使得大家可以更方便的定制所需的功能了。做项目的时候正好用到了这个插件，自己做了一下总结，发在这里方便大家学习IScroll5。官网：http://iscrolljs.com/IScroll最... 阅读全文
摘要：
Workaround to install as a serviceYou can manually install 2.6.0 as a service on Windows from an Administratorcmdprompt.Assuming you have installed Mo... 阅读全文
摘要：
1 目的本次评比的目标是以移动WebApp开发为基础的JS框架，会有意的排除部分不适用于移动WebApp开发的JS框架，如 jQuery、ExtJS等。希望通过这次评比结果，能找到最合适你移动WebApp应用开发的JS框架。2 方法由于JS框架在功能、特性和应用领域不同，所以，我将现在的主流JS框架分成四个大类：MobilieJavascriptLibrary。移动JS框架，在DesktopJavascript开发中具有代表性的JS框架有jQuery、ExtJS等，而在MobileJavascript开发中比较成熟的有SenchaTouch、jQuery Mobile等；Javascript. 阅读全文
摘要：
1 创建主屏幕图标 （Creating a home screen icon ，for ios）//57*57developer.apple.com/library/IOs/#documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.htmldeveloper.apple.com/library/IOs/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/ 阅读全文
摘要：
垂直居中是一个历史悠久的大问题，要做到兼容所有浏览器少不了要花点时间，网上也流传了很多解决方案，但没发现比我现在用的方案更完美，至少在我的项目是如此。项目中要用到垂直居中而碰到兼容性问题的，一般都是以下几种情况：1、换行文字垂直居中2、图片垂直居中以上都是在固定宽高的容器里垂直居中，不然的话margin，padding便可实现。解决垂直居中无非就从几个方面入手，利用行高等于容器高度，模拟表格单元格特性，定位，css3的display:box一、换行文字垂直居中方法1：结合表格单元格特性和定位来实现CSS代码：/*换行文字垂直居中*/.vc-font1{border:1px solid blac 阅读全文
摘要：
发现程序猿写博客前都喜欢吐槽一下，也难怪，平时交流少了，内心积累了不少的骚气，是应该适当发泄一下。哥要发泄了：目前在广州蜂众网效力，这是一家刚创立不久的公司，哥喜欢接触一些新公司，活力充足，发展机会也大。当然有机会去一些知名的大公司（腾讯，百度等），也是非常向往的，这样的镀金公司进去走一趟也学到不少东西。公司目前做前端的就只有两个鸟人，而我就是其中一个，所以任务也挺多的。这也倒是其次，最主要的是在别人留下的烂摊子搅合，真有点心力交瘁。欣慰的是，在这大半年确实进步了不少，代码质量提高不少。===============================================吐槽完毕分割线 阅读全文
摘要：
ecshop问题一：商城首页报错 Strict Standards: Only variables should be passed by reference in D:\wamp\ecshop\includes\cls_template.php on line 422解决方法：找到提示错误的文件cls_template.php 及行号把$tag_sel = array_shift(explode(' ', $tag));改成：$tag_arr = explode(' ', $tag); $tag_sel = array_shift($tag_arr);并且删除 阅读全文
摘要：
前些天有网友发来一些前端面试的题目，虽然说不是很难，但却是我们开发过程中经常碰到的问题，而且有些公司也喜欢面试这类的题目来考察面试者的能力，所以我觉得有必要收集一下有关这些的题目。题目一：找出字符串中出现次数最多的那一个字符？要解答这道题其实很简单，但怎么答得好才是关键，你写出的方法性能好才能得高分 1 // 方法一(推荐) 2 // 用到了正则，然后剔除了已计算过的字符，减少了循环的次数，所以性能是比较好的 3 function getMostChar1(str){ 4 var mostChar = [], 5 maxLen = 0, 6 oldStr... 阅读全文
摘要：
最近在做一个项目，要用到之前比较流行的瀑布流布局，网上搜了一下，发现没有比较合适的插件可用(项目紧急，喜欢用现成的)，不得不自己写一个，也可能是因为需要结合后台来实现的，所以很难写出一个通用的插件给大家用(json格式，html结构都不一样)。偶尔在网上看到的有关瀑布流的文章(更新于2013-06-05)瀑布流布局浅析瀑布流布局（基于多栏列表流体布局实现）各大瀑布流简析与建议插件——jQuery.Waterfall思路： 其实只要了解了整个流程，要实现这个插件也不难，大家都玩过俄罗斯方块吧，原理差不多，找到合适的地方叠上去就好了，在这里，每个块的宽度是必需给定的，然后计算出列数，再维护一个数. 阅读全文
摘要：
IE6下position:fixed的Bug应该是个老问题。不过，今天在搞瀑布流插件写返回顶部按钮时(老是闪动)却花了我不少时间，之前也写过一篇文章解决过，但是是用到css表达式解决，而现在的需求是要在js中动态定位，所以之前的办法不是很合适。今天再来总结一下：方法一：纯css*html{height:100%;overflow:hidden;}*html body{height:100%;overflow:auto;}原理：你拖动的滚动条并不是拖动的整个页面，而仅是body的滚动条优点：视觉效果完美，代码量少，不耗性能缺点：不会触发onscroll事件(因为html没有滚动)，可能会影响一些 阅读全文
摘要：
关于阴影这个效果，IE和W3C都有实现的代码，但效果却不统一(以W3C的效果为主)。W3C实现代码：box-shadow: 水平偏移 垂直偏移阴影模糊值阴影外延值 insert(是否内阴影);IE的阴影实现代码：progid:DXImageTransform.Microsoft.Shadow(color=颜色, direction=角度, strength=阴影强度);但IE的阴影看起来有点恶心，而且还不可以设置模糊值。可以点击这里查看所以，要想效果跟W3C的效果接近，可以利用IE滤镜的模糊效果达到IE的模糊效果实现代码：filter:progid:DXImageTransform.Micro 阅读全文
摘要：
最近的项目都会接触CSS3，万恶的IE却不支持，搜索了一下，发现IE的滤镜挺管用，貌似W3C正在把滤镜标准化。今天先整理一下IE的滤镜效果(请用IE浏览)，明天在把CSS3对应的效果写上(请用Webkit内核浏览)。，如果读者还有其他更好的文章，希望能够分享一下，欢迎加入web前端交流群（75701468） 分享您我的经验.IE 滤镜W3C 滤镜 Alpha：设置透明层次. blur：创建高速度移动效果，即模糊效果. Chroma：制作专用颜色透明. DropShadow：创建对象的固定影子. FlipH：创建水平镜像图片. FlipV：创建垂直镜像图片. glow：加光辉在附近对象的边外. 阅读全文
摘要：
一直在寻找有关jQuery性能优化方面的小窍门，能让我那臃肿的动态网页应用变得轻便些。找了很多文章后，我决定将最好最常用的一些优化性能的建议列出来。我也做了一个jQuery性能优化的简明样式表，你可以打印出来或者设为桌面背景。一、选择器性能优化建议1. 总是从#id选择器来继承这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。$('#content').hide();或者从ID选择器继承来选择多个元素:$('#content p').hide();2. 在class前面使用tagjQuery中第二快的选择器就是tag选择 阅读全文
摘要：
原文地址：ECMA-262核心-美拓Blog对象(An Object)原型链(A Prototype Chain)构造函数(Constructor)执行上下文栈(Execution Context Stack)执行上下文(Execution Context)变量对象(Variable Object)活动对象(Activation Object)作用域链(Scope Chain)闭包(Closures)this指针(This Value)总结(Conclusion)本文是对学习“ECMA-262-3 in detail”系列的一个总结和回顾，本文每个部分都有对ES3系列相应章节的链接，如果你有兴 阅读全文