摘要:前阵一直在做的移动web项目项目已进入尾声,以下总结下在项目中遇到的问题和技术要点开发问题及要点1.viewport 窗口适应通过设置viewport使页面适应设备的宽度 user-scalable设置用户是否可以修改比例 minimum-scale 最新缩放比例 maximum-scal... 阅读全文
posted @ 2015-02-24 14:45 无赖君子 阅读 (246) 评论 (0) 编辑
摘要:IScroll是移动页面上被使用的一款仿系统滚动插件。IScroll5相对于之前的IScroll4改进了许多,使得大家可以更方便的定制所需的功能了。做项目的时候正好用到了这个插件,自己做了一下总结,发在这里方便大家学习IScroll5。官网:http://iscrolljs.com/IScroll最... 阅读全文
posted @ 2015-01-05 18:59 无赖君子 阅读 (19543) 评论 (0) 编辑
摘要: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... 阅读全文
posted @ 2014-04-18 17:00 无赖君子 阅读 (1172) 评论 (4) 编辑
摘要:1 目的本次评比的目标是以移动WebApp开发为基础的JS框架,会有意的排除部分不适用于移动WebApp开发的JS框架,如 jQuery、ExtJS等。希望通过这次评比结果,能找到最合适你移动WebApp应用开发的JS框架。2 方法由于JS框架在功能、特性和应用领域不同,所以,我将现在的主流JS框架分成四个大类:MobilieJavascriptLibrary。移动JS框架,在DesktopJavascript开发中具有代表性的JS框架有jQuery、ExtJS等,而在MobileJavascript开发中比较成熟的有SenchaTouch、jQuery Mobile等;Javascript. 阅读全文
posted @ 2014-02-27 17:23 无赖君子 阅读 (1440) 评论 (2) 编辑
摘要: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/ 阅读全文
posted @ 2014-02-25 15:29 无赖君子 阅读 (368) 评论 (0) 编辑
摘要:垂直居中是一个历史悠久的大问题,要做到兼容所有浏览器少不了要花点时间,网上也流传了很多解决方案,但没发现比我现在用的方案更完美,至少在我的项目是如此。项目中要用到垂直居中而碰到兼容性问题的,一般都是以下几种情况:1、换行文字垂直居中2、图片垂直居中以上都是在固定宽高的容器里垂直居中,不然的话margin,padding便可实现。解决垂直居中无非就从几个方面入手,利用行高等于容器高度,模拟表格单元格特性,定位,css3的display:box一、换行文字垂直居中方法1:结合表格单元格特性和定位来实现CSS代码:/*换行文字垂直居中*/.vc-font1{border:1px solid blac 阅读全文
posted @ 2014-02-23 12:31 无赖君子 阅读 (4022) 评论 (3) 编辑
摘要:发现程序猿写博客前都喜欢吐槽一下,也难怪,平时交流少了,内心积累了不少的骚气,是应该适当发泄一下。哥要发泄了:目前在广州蜂众网效力,这是一家刚创立不久的公司,哥喜欢接触一些新公司,活力充足,发展机会也大。当然有机会去一些知名的大公司(腾讯,百度等),也是非常向往的,这样的镀金公司进去走一趟也学到不少东西。公司目前做前端的就只有两个鸟人,而我就是其中一个,所以任务也挺多的。这也倒是其次,最主要的是在别人留下的烂摊子搅合,真有点心力交瘁。欣慰的是,在这大半年确实进步了不少,代码质量提高不少。===============================================吐槽完毕分割线 阅读全文
posted @ 2014-02-11 17:23 无赖君子 阅读 (1986) 评论 (5) 编辑
摘要: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);并且删除 阅读全文
posted @ 2013-12-10 20:06 无赖君子 阅读 (16174) 评论 (0) 编辑
摘要:前些天有网友发来一些前端面试的题目,虽然说不是很难,但却是我们开发过程中经常碰到的问题,而且有些公司也喜欢面试这类的题目来考察面试者的能力,所以我觉得有必要收集一下有关这些的题目。题目一:找出字符串中出现次数最多的那一个字符?要解答这道题其实很简单,但怎么答得好才是关键,你写出的方法性能好才能得高分 1 // 方法一(推荐) 2 // 用到了正则,然后剔除了已计算过的字符,减少了循环的次数,所以性能是比较好的 3 function getMostChar1(str){ 4 var mostChar = [], 5 maxLen = 0, 6 oldStr... 阅读全文
posted @ 2013-04-29 16:56 无赖君子 阅读 (2578) 评论 (2) 编辑
摘要:最近在做一个项目,要用到之前比较流行的瀑布流布局,网上搜了一下,发现没有比较合适的插件可用(项目紧急,喜欢用现成的),不得不自己写一个,也可能是因为需要结合后台来实现的,所以很难写出一个通用的插件给大家用(json格式,html结构都不一样)。偶尔在网上看到的有关瀑布流的文章(更新于2013-06-05)瀑布流布局浅析瀑布流布局(基于多栏列表流体布局实现)各大瀑布流简析与建议插件——jQuery.Waterfall思路: 其实只要了解了整个流程,要实现这个插件也不难,大家都玩过俄罗斯方块吧,原理差不多,找到合适的地方叠上去就好了,在这里,每个块的宽度是必需给定的,然后计算出列数,再维护一个数. 阅读全文
posted @ 2013-04-23 16:45 无赖君子 阅读 (11640) 评论 (40) 编辑
摘要:IE6下position:fixed的Bug应该是个老问题。不过,今天在搞瀑布流插件写返回顶部按钮时(老是闪动)却花了我不少时间,之前也写过一篇文章解决过,但是是用到css表达式解决,而现在的需求是要在js中动态定位,所以之前的办法不是很合适。今天再来总结一下:方法一:纯css*html{height:100%;overflow:hidden;}*html body{height:100%;overflow:auto;}原理:你拖动的滚动条并不是拖动的整个页面,而仅是body的滚动条优点:视觉效果完美,代码量少,不耗性能缺点:不会触发onscroll事件(因为html没有滚动),可能会影响一些 阅读全文
posted @ 2013-04-23 11:41 无赖君子 阅读 (1804) 评论 (5) 编辑
摘要:关于阴影这个效果,IE和W3C都有实现的代码,但效果却不统一(以W3C的效果为主)。W3C实现代码:box-shadow: 水平偏移 垂直偏移阴影模糊值阴影外延值 insert(是否内阴影);IE的阴影实现代码:progid:DXImageTransform.Microsoft.Shadow(color=颜色, direction=角度, strength=阴影强度);但IE的阴影看起来有点恶心,而且还不可以设置模糊值。可以点击这里查看所以,要想效果跟W3C的效果接近,可以利用IE滤镜的模糊效果达到IE的模糊效果实现代码:filter:progid:DXImageTransform.Micro 阅读全文
posted @ 2013-01-25 17:25 无赖君子 阅读 (3003) 评论 (0) 编辑
摘要:最近的项目都会接触CSS3,万恶的IE却不支持,搜索了一下,发现IE的滤镜挺管用,貌似W3C正在把滤镜标准化。今天先整理一下IE的滤镜效果(请用IE浏览),明天在把CSS3对应的效果写上(请用Webkit内核浏览)。,如果读者还有其他更好的文章,希望能够分享一下,欢迎加入web前端交流群(75701468) 分享您我的经验.IE 滤镜W3C 滤镜 Alpha:设置透明层次. blur:创建高速度移动效果,即模糊效果. Chroma:制作专用颜色透明. DropShadow:创建对象的固定影子. FlipH:创建水平镜像图片. FlipV:创建垂直镜像图片. glow:加光辉在附近对象的边外. 阅读全文
posted @ 2013-01-24 18:03 无赖君子 阅读 (1940) 评论 (1) 编辑
摘要:一直在寻找有关jQuery性能优化方面的小窍门,能让我那臃肿的动态网页应用变得轻便些。找了很多文章后,我决定将最好最常用的一些优化性能的建议列出来。我也做了一个jQuery性能优化的简明样式表,你可以打印出来或者设为桌面背景。一、选择器性能优化建议1. 总是从#id选择器来继承这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。$('#content').hide();或者从ID选择器继承来选择多个元素:$('#content p').hide();2. 在class前面使用tagjQuery中第二快的选择器就是tag选择 阅读全文
posted @ 2013-01-04 15:18 无赖君子 阅读 (338) 评论 (0) 编辑
摘要:原文地址: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系列相应章节的链接,如果你有兴 阅读全文
posted @ 2012-10-26 10:52 无赖君子 阅读 (919) 评论 (0) 编辑