FruitHardCandy-优快云博客

天猫前端9.10日深圳专场好机会！！

详细介绍请参考: https://zhuanlan.zhihu.com/p/28938124 速速联系我！

2017-09-06 23:04:27 255

原创适应不同手机分辨率的media query

转载请注明：转载自WEB前端开发(www.css119.com)-关注常见的WEB前端开发问题、最新的WEB前端开发技术(webApp开发、移动网站开发)、最好的WEB前端开发工具和最全的WEB前端开发w3cschool手册 Media Queries这功能是非常强大的，他可以让你定制不同的分辨率和设备，并在不改变内容的情况下，让你制作的web页面在不同的分辨率和设备下都能显示正常...

2014-06-17 15:17:33 303

原创 js区分苹果浏览器和安卓浏览器

2014-06-17 15:08:30 519

原创可以根据不同的终端类型适当的改变正则表达式

转载请注明：转载自WEB前端开发(www.css119.com)-关注常见的WEB前端开发问题、最新的WEB前端开发技术(webApp开发、移动网站开发)、最好的WEB前端开发工具和最全的WEB前端开发w3cschool手册 <script type="text/javascript">if(/AppleWebKit.*mobile/i.test(navigator....

2014-06-17 14:55:42 257

原创使用的移动端Web开发常识

转载请注明：转载自WEB前端开发(www.css119.com)-关注常见的WEB前端开发问题、最新的WEB前端开发技术(webApp开发、移动网站开发)、最好的WEB前端开发工具和最全的WEB前端开发w3cschool手册如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webapp的开发已...

2014-06-17 14:52:59 323

原创 zepto点透研究【转】

文章源自:http://blog.youyo.name/archives/zepto-tap-click-through-research.html zepto tap “点透”研究在使用zepto框架的tap来移动设备浏览器内的点击事件，来规避click事件的延迟响应时，有可能出现点透的情况，下面是一个例子：先看看zepto RC1版本的tap模拟事件的实现方法：Js代...

2013-11-13 17:05:05 199

原创 CSS中z-index的层级树概念

CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺序捉摸不透, 将 z-index 的值设得很大也未必能将节点显示在最前面. 本文将通过一些例子对 z-index 的使用方法进行分析, 并且为各位带入 z-index 层级树的概念. 这个星期我们团...

2013-09-18 15:06:14 207

报错找不到jquery-1.10.2.min.map解决办法

我先说一下什么是source map文件。 source map文件是js文件压缩后，文件的变量名替换对应、变量所在位置等元信息数据文件，一般这种文件和min.js主文件放在同一个目录下。比如压缩后原变量是map，压缩后通过变量替换规则可能会被替换成a，这时source map文件会记录下这个mapping的信息，这样的好处就是说，在调试的时候，...

2013-09-12 16:15:55 397

原创字符编码笔记：ASCII，Unicode和UTF-8

1. ASCII码我们知道，在计算机内部，所有的信息最终都表示为一个二进制的字符串。每一个二进制位（bit）有0和1两种状态，因此八个二进制位就可以组合出 256种状态，这被称为一个字节（byte）。也就是说，一个字节一共可以用来表示256种不同的状态，每一个状态对应一个符号，就是256个符号，从 0000000到11111111。上个世纪60年代，美国制定了一套字符编码，对英语字符与二...

2013-09-10 09:59:15 159

原创 Unable to add window is not valid; is your activity running?

郁闷的Bug，终于解决了，分享一下解决方案！错误: android.view.WindowManager$BadTokenException: Unable to add window -- token android.app.LocalActivityManager$LocalActivityRecord@435def20 is not valid; is your activity run...

2013-06-25 11:49:00 243

javascript的闭包和变量

for(var i=0;i<10;i++) { setTimeout(function() { console.log(i); }, 300);}运行它可以发现，连续输出了10个10.为什么呢？因为 “i” 这个变量在内存里只保存了一份。当调用settimeout方法时，往js事件线程的等待队列排入了十个执行函数，一直到每个300ms结束，这十个执行函数才被调用，此时内存里的 “i” 这...

2013-06-24 16:18:24 179

Chorme下iframe请求多次的解决办法&SimpleModal的chorme bug

Chorme下iframe加载会出现两次大家有没有遇到过这种情况？在我的项目中就遇到这种问题了，所以我想把我的解决办法说一下以让大家不用在这个上面费时间，我的问题是在用JQuery插件SimpleModal的时候发现的，会加载两次html请求，后来一步一步调试加查看一下资料，iframe的onload会在chorme下调用两次，下面是一个小demo可以让你查看出来； <...

2013-06-09 10:53:36 807

原创正则表达式概述

常用的正则表达式匹配中文字符的正则表达式： [\u4e00-\u9fa5] 匹配双字节字符(包括汉字在内)：[^\x00-\xff] 匹配空行的正则表达式：\n[\s| ]*\r 匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/ 匹配首尾空格的正则表达式：(^\s*)|(\s*$)匹配Email地址的正则表达式：\w+([-...

2013-06-06 16:39:13 199

原创 javascript的事件冒泡

什么是JS事件冒泡？：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。如何来阻...

2013-06-06 11:05:46 180

可视化操作Android的SQLite数据库

android移动设备开发数据库为SQLite,SQLite虽然不如Oracle或者MySql功能强大，但它轻量级，毕竟手机你不能期待它功能强大到哪种程度，除非未来手机内存能大到我们满足为止。 SQLite能不能像我们用PLSql一样可视化吗？当然可以，下面我就介绍一下，我们总不能总是通过SQLiteHelper在那里操作，我们需要看一眼数据库里面的数据真的变化...

2013-05-31 16:33:58 808 1

原创 android设定手机的显示模式，横竖屏，是否全屏

在开发android的应用中，有时候需要限制横竖屏切换。只需要在AndroidManifest.xml文件中加入android:screenOrientation属性限制。1 android:screenOrientation="landscape"是限制此页面横屏显示，2 android:screenOrientation="portrait"是限制此页面数竖屏显示。and...

2013-05-16 11:47:15 311

window下基于eclipse的Nodejs工程项目配置步骤

因为项目需要，我们要引用node.js作为网络服务端二方库，所以要搭建一套开发环境。网上的资料分散有的甚至有歧义，而且很少有详细说明如何在windows系统下，基于eclipse搭建Node工程的，所以我在这里把我搭建的步骤详细列出来，有异议的可以给我提出：环境的准备： 1.下载NodeJS,基于windows的NodeJS安装文件是exe可执行文件，文...

2013-04-26 13:40:48 337

深入了解canvas

一、简单图形，整套的属性和方法专门用于绘制矩形：1、fillStyle可以设置为CSS颜色、一个图案或一种颜色渐变。fillStyle默认是纯黑色，你可以设置成你喜欢的任意颜色。只要页面打开着，每个绘图上下文都会记录自己的属性，除非你重置过它。2、fillRect(x,y,width,height)绘制一个矩形，并以当前的fillStyle来填充。3、srtokeStyle和f...

2012-12-19 19:16:21 206

原创 Highcharts中文API

var chart = new Highcharts.Chart({chart　　　　alignTicks　　　　:true　　Boolean　　多个y轴时对他们公共轴心的选取，ture为自动选取较适宜的公共轴心　　　　animation　　　　:true　　BooleanObject　　动画更新效果　　　　backgroundColor　　　　:Color　　绘图区背景色...

2012-12-12 15:15:04 185

浏览器参数及JS基础配置总结

1.用script标签引入javascript时，浏览器对于javascript的加载某些是并行的，某些是串行的，如IE8，Chorme2和firefox3都是串行加载的。2.charset编码也就是页面编码建议要明确设置，不然会导致不必要的错误。可以在header中设置，也可以在meta中设置，建议在meta中设置，浏览器加载html时会先加载头部，并顺序读取meta中的char...

2012-12-11 14:40:13 313

原创 jquery.fn.extend与jquery.extend的区别

jQuery为开发插件提拱了两个方法，分别是：JavaScript代码jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方...

2012-11-27 17:10:10 158

Backbone.js选型使用分析

Backbone是一款很不错的轻量级的提供前端MVC模型编程的解决方案，其提供的Model,View,Controller等接口可以帮我们很清晰的从一大堆海量代码中解脱出来，Backbone本身就体积很轻有个4K-5K的样子，依赖也很少，只有一个underscroe,里面提供了一大堆数组操作还有模板解析的函数。我目前也在重构整个前端的代码，之前的代码因为公司初创的缘故，在...

2012-11-12 13:09:16 194

一个很简短的实现页面滚屏一小段的JS 与之共享

如果有朋友在项目中需要实现，打开页面后要实现锚滚动一段以定位到页面的某一个部分，可以用一下代码：//滚屏var currentpos=document.body.scrollTop+500;window.scroll(0,currentpos);这段代码放在$.ready()或者window.onload()中可以实现自动定位到向下滚动500...

2012-10-10 10:51:39 184

以风投的眼光来揣度自己的产品竞争力在哪

前一篇文章我在思考，我们的产品做出来有没人要，是揣度用户的需求。而我认为产品设计初期我们作为产品设计师就要揣度自己的产品在同行业中有无竞争力，是创新还是复制。当然在这个互联网泡沫化的市场上，我们不能拍拍脑袋就说创新或者复制才有出路，影响的因素太多，好的产品一下突破到市场龙头位置的很少，如思科那样是在一个社会最需要它产品的时代它刚好可以提供那种技术。所以我认为无论是创...

2012-09-25 13:45:50 220

我们做出来的产品到底有没人要？

我所在的公司属于创业型公司，我们打算把国外的一套模式形成一个在这个领域国内暂无的产品推广成功，这是我们的想法，但也毕竟是我们的想法，并未进行过周密的用户市场调研，也就是说产品在国内大面积普及的可行性只是我们臆想的，并非客户告诉我们：我们需要这个产品。大部分情况都是如此，我们想做一个产品，是因为我们觉得用户需要，而很有可能用户并非需要，说一个比较白的例子：用户能用纸记下来的东西，他...

2012-09-24 13:28:13 196

用JS实现效率最高的查找-折半查找的改进(可以查到不在数组中的值的位置)

效率最高的查找方法-折半查找，也叫做二分法查找；可以在最短时间内找到一个数字在一个数组中的index定位，但有些时候我们需要实现一个不在数组中的值“将”位于已有数组中的第几位的场景，下面是我用JS实现的代码，对于折半查找的原理请百度或者google一下，当然360也是可以的。 // 计算indexvar _myIndex = function(list, key) {...

2012-09-24 10:06:57 317

对于互联网产品可行性测试的一点看法

最近比较关注互联网产品的从需求到发布的各种知识。在产品开发完成后上线发布前有一项可做可不做的工作叫做产品可行性测试，说白了就是让用户试用一下，然后问问你觉得这玩意儿好用吗？目的是从中发现一些问题以便在上线前解决掉的，让用户体验更好，尽可能提高满意度。说可做可不做的意思是说，对于小项目或者快步小跑的创业型公司来说，从需求提出到产品发布会被时间的紧迫性影响，所以一般流程会将此步骤省...

2012-09-17 14:38:03 332

原创 JQuery Show()的几种效果总有一种是你需要的

1 show()方法和hide()方法$("selector").show() 从display:none还原元素默认或已设置的display属性$("selector").hide() 设置元素的display样式为none，等于$("selector").css("display","none")（注：传入参数后，.show()和.hide()方法同时动画改...

2012-09-17 14:11:33 1232

原创 Discuz! 报错: Can not connect to MySQL server

Discuz! info: Can not connect to MySQL serverTime: 2009-5-3 4:20amScript: /bbs/index.phpError: Access denied for user 'username'@'localhost' (using password: NO)Errno.: 1045Similar error...

2012-09-06 12:46:10 998

jquery cookie控制过期时间解决方案

jquery.cookie()方法可以设置cookie，默认条件下是浏览器关闭cookie即失效，用下面方法可以解决这个问题:<script type="text/javascript"> var expiresDate= new Date();expiresDate.setTime(expire.getTim...

2012-08-22 11:49:24 595

CSS制作圆角图片效果

网页设计的大多数地方都会用到圆角效果，如导航条，如按钮等，实际上使用CSS就可以制作出简单的圆角效果，可以试一试我下面的方法~~源代码(直接使用就好了)：<html> <head> <style> span { /* 这里也可以换成图片 */...

2012-08-15 08:48:51 549

部分浏览器(如chorme)缓存js的问题解决

开发网站的过程中前端对浏览器的兼容性是一大头疼的问题，部分浏览器会自动缓存JS甚至是request请求的结果，导致后台虽然执行成功，前台的操作似乎没起什么作用，因为看不到及时的效果！在执行的请求或者js前面加这一段话就好了(for jquery)： jQuery.ajaxSetup({ ...

2012-07-31 16:01:39 184

IE6下不能识别trim方法的解决办法(javascript)

我们有时候会按需求在前端用trim()方法将html中的空格去掉，如下面代码： $("#info-2").html().trim()但IE6下对trim()方法不能识别，解决办法是只要在代码前面加上这段话就好了(去掉注释)，如下： //ie6不认识trim方法 if...

2012-07-31 13:49:47 262

IE6下链接a的onclick事件失效的解决办法

在IE6下，HTML的链接a标签的onclick事件会不起作用，这是因为IE6内核解释a标签的方式认为href的优先级要高于onclick，这会造成onclick方法不起作用，如下面代码: <a onclick="test()" href="javascript:void(0)">test</a>...

2012-07-31 13:17:28 287

ExtJS4.1自带API打不开的问题解决

在官网上下载的ExtJS4.1开发包中DOC文件包中带有ExtJS的API，但是直接打开index.html是打不开的，这时你可以用firebug调试一下，实际上是报错的，在哪里报的错呢？因为index.html引用的是ext.js文件，这个文件里面是有错误的，所以把它改成ext-all.js，就可以打开且不报错了。Please try again!...

2012-07-04 13:46:13 158

李开复写给女儿的信

你必须找到除了爱情之外，能够使你用双脚坚强站在大地上的东西。你要找到谋生的方式，最重要是能让自己开心的方式，现在考虑不晚了。你必须把那些浮如飘絮的思绪，渐渐转化为清晰的思路和简单的文字。华丽和漂浮都不易长久，你要知道，给予文字阅读快感不够的，内容、思想、境界、灵魂、精神和智慧，这些才重要。不要多看那些和你一个路数的女作家的文字。不要琐碎，无病呻吟。不要想到什么就写。不要流...

2012-06-27 13:09:04 233