分类：WEB开发

2015
10-22

10个必须把握的jQuery小技巧 推荐

收集的10个jQuery小技巧/代码片段，可以帮你快速开发。1.返回顶部按钮你可以利用animate和scrollTop来实现返回顶部的动画，而不需要使用其他插件。//Backtotop$('a.top').click(function(){$(document.body).animate({scrollTop:0},800);returnfalse;});<!--Createananchortag--><aclass="top"href="#">Backtotop</a>改变scrollTop的值可以调整返回距离顶部的距离，而animate的第二个参数是执行返回动... 继续阅读 >

2015
10-15

PHP 判断设备是否是手机还是平板的方法 推荐

/***PHP判断设备是否是手机还是平板的方法*@staticvarbool$is_mobile*@returnbool*/functionwp_is_mobile(){static$is_mobile=null;if(isset($is_mobile)){return$is_mobile;}if(empty($_SERVER['HTTP_USER_AGENT'])){$is_mobile=false;}elseif(strpos($_SERVER['HTTP_USER_AGENT'],'Mobile')!==false//manymobiledevices(alliPhone,iPad,etc.)||strpos($_SERV... 继续阅读 >

2015
10-13

站长必须知道这些有利于SEO的网站 推荐

一个新的网站上线之后，最基本的SEO内容就是将网站域名加入到各种站长平台，提交到各种所有引擎入口，这里收录了几乎所有的网站大全，将网站提交到这些平台中，你的网站将大大提高权重。一、搜索引擎网站收录地址大全|SearchEngine搜索引擎提交网址百度搜索网址提交入口口http://zhanzhang.baidu.com/sitesubmit/index360搜索引擎登录入口http://i... 继续阅读 >

2015
10-08

基于 HTML5 的 3D 网络拓扑树呈现 HOT

在HTforWeb中2D和3D应用都支持树状结构数据的展示，展现效果各异，2D上的树状结构在展现层级关系明显，但是如果数据量大的话，看起来就没那么直观，找到指定的节点比较困难，而3D上的树状结构在展现上配合HTforWeb的弹力布局组件会显得比较直观，一眼望去可以把整个树状结构数据看个大概，但是在弹力布局的作用下，其层次结构看得就不是那么清晰了。所以这时候结构清晰的3D树的需求就来了，那么这个3D树具体长成啥样呢，我们... 继续阅读 >

2015
09-30

使用字符串(STRINGS)设置样式 推荐

今年在墨尔本(澳大利亚)举办的CSSConf中，我有一个主题需要演讲——"StylingWithSTRINGS"。该讲座主要介绍的是在组件中如何使用Flexbox、currentColor和em，在浏览器中快速实现Web应用程序所需要的风格。特别提醒：原文提供了一个视频，不过需要翻。大家都懂的。这里归纳了几个要点：布局(Layout)当你创建一个移动应用的布局时，并不是整个页面滑动，而只是某些部分。比如说，页面的头部和脚部是固定的，只是中间的主内容区... 继续阅读 >

2015
09-30

CSS中你不知道的小技巧 推荐

CSS中的级联(cascade)在同一时间可谓是幸福的，也可以说是痛苦不堪的。通常能工作得非常好，但有问题的时候，也让人们都很激动，甚至事件中也离开不CSS。我们所涉及的不仅是CSS的级联也还涉及到CSS的权重。不是说碰到特殊问题才显得困难，可以说CSS的困难无处不在。在这篇文章中，我将通过一些示例来向大家展示一些CSS的小技巧，让你知道如何使用CSS的级联能变得更友好，也减少一些不必要的需求，从而也减少权重上遇到的麻烦。... 继续阅读 >

2015
09-30

无聊的前端工程师

酷炫的前端工程师热衷于超越各种极限，他们总喜欢追逐最新、最优秀、最耀眼的用户界面框架和前端编程库。我们经常发现，他们一直在试图缩小Web程序与原生程序之间的差距，而且，正是由于这个原因，他们已将用户界面的外观和行为变得越来越像一款原生程序。你可能会问，是哪一类应用程序？iPhone？Android？哪个版本？这些问题都很不错，可惜与我们讨论的主题无关。然而，还有一类前端工程师，我们姑且称其为无聊的前端工程... 继续阅读 >

2015
09-30

深入学习JavaScript对象

JavaScript中，除了五种原始类型（即数字，字符串，布尔值，null，undefined）之外的都是对象了，所以，不把对象学明白怎么继续往下学习呢？一.概述对象是一种复合值，它将很多值（原始值或其他对象）聚合在一起，可通过属性名访问这些值。而属性名可以是包含空字符串在内的任意字符串。JavaScript对象也可以称作一种数据结构，正如我们经常听说的“散列（hash）”、“散列表（hashtable）”、&ld... 继续阅读 >

2015
09-26

深入浅出 妙用Javascript中apply、call、bind

网上文章虽多，大多复制粘贴，且晦涩难懂，我希望能够通过这篇文章，能够清晰的提升对apply、call、bind的认识，并且列出一些它们的妙用加深记忆。apply、call 在javascript中，call和apply都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部this的指向。JavaScript的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」... 继续阅读 >

2015
09-21

HTML必须知道的一些知识点 推荐

一、标签语义化html标签语义化是让大家直观的认识标签和属性的用途和作用，好处最主要的是对搜索引擎友好。Eg:1、如果你想在页面中突出”奥巴马”这三个字，让搜索引擎重视它，如果你这么写：<div> 奥巴马</div>对于搜索引擎来说，它也只是一个普通得不能再普通的三个字而已，尽管它是指代美国总统。那么应该怎样才能让搜索引擎知道它的重要性呢？来看看语义化的写法吧：<h1>奥巴马</h1>奥巴马看了后，乐了，哥本来就应该备受... 继续阅读 >

2015
09-18

网页性能管理详解

你遇到过性能很差的网页吗？这种网页响应非常缓慢，占用大量的CPU和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。你会有什么反应？我猜想，大多数用户会关闭这个页面，改为访问其他网站。作为一个开发者，肯定不愿意看到这种情况，那么怎样才能提高性能呢？本文将详细介绍性能问题的出现原因，以及解决方法。一、网页生成的过程要理解网页性能为什么不好，就要了解网页是怎么生成的。网... 继续阅读 >

2015
09-17

百度蜘蛛抓取网站的基本规则

网站做优化的都是希望搜索引擎蜘蛛可以快速抓取，这些大家都是希望的。但是蜘蛛抓取SEO网站的基本规则又是怎样的?第一：高质量内容网站高质量内容永远是搜索引擎蜘蛛抓取的首选。不管是谷歌还是百度，高质量的东西都是搜索引擎争抢的热点。还有就是蜘蛛和用户一样都是很喜欢新的东西，很久没有更新的网站内容，对搜索引擎蜘蛛没有丝毫吸引力。因此蜘蛛只会索引到网站，但不会把网站内容放进数据库。所以必要的高质量的内容... 继续阅读 >

2015
09-17

PHP简单方式获取视频预览图

<?phpconvertToFlv("some-video-input.avi","output.jpg");functionconvertToFlv($input,$output){echo"Converting$inputto$output<br/>";$command="ffmpeg-v0-y-i$input-vframes1-ss5-vcodecmjpeg-frawvideo-s286x160-aspect16:9$output";echo"$command<br/>";shell_exec($command);echo"Converted<br/>";}?> 继续阅读 >

2015
09-17

PHP防XSS 防SQL注入的代码 推荐

functiongjj($str){$farr=array("/\\s+/","/<(\\/?)(script|i?frame|style|html|body|title|link|meta|object|\\?|\\%)([^>]*?)>/isU","/(<[^>]*)on[a-zA-Z]+\s*=([^>]*>)/isU",);$str=preg_replace($farr,"",$str);returnaddslashes($str);}functionhg_input_bb($array){if(is_array($array)){foreach($arrayAS$k=>$v){$array[$k]=h... 继续阅读 >

2015
09-17

PHP投票小程序、防超时、防IP限制 推荐

<?phpset_time_limit(0);//防止超时functiontoupiao($i){$proxy=array('182.48.116.51:8080','110.177.63.191:9999','221.10.40.238:80','221.10.40.236:83','221.10.40.237:80','221.10.102.199:82','42.121.0.247:9999','42.121.28.111:3128','117.135.194.139:80','119.147.91.21:80','58.247.109.243:80','118.233.36.246:8585');$url="http://www.example.com/tea/love.php";$ch=cu... 继续阅读 >

2015
09-17

判断用户是否使用代理的PHP代码

<?php/*******************************************************isProxy*checkwhetherclientisunderProxyornot*$_SERVER['HTTP_X_FORWARDED_FOR']ispivotalhere*ifclientisunderProxy,returnstrue*ifclientisnotunderProxy,returnsfalse******************************************************/functionisProxy(){return(!empty($_SERVER['HTTP_X_FORWARDED_FOR']))?tr... 继续阅读 >

2015
09-17

Web开发人员最易犯下的十种常见错误

对于如何完成同一项任务，摆在我们面前的方案选项似乎无穷无尽，特别是在开发一套能够运作在现代网络环境之下的网站时。Web开发人员首先需要挑选一套Web托管平台及底层数据存储机制，并利用由提供的工具编写HTML、CSS以及JavaScript代码，考虑如何实现设计效果以及哪些潜在JavaScript库/框架可能会被包含于其中。一旦选择被细化到这一层面，我们就能在网络上找到大量相关文章、论坛以及示例，并借此了解如何打造出更为出... 继续阅读 >

2015
09-14

检测一个函数是否是JavaScript原生函数

在我的开发工作中经常会遇到需要判断一个函数是否是JavaScript原生函数的情况，有时候这是一个很必要的工作，你需要知道这个函数是浏览器自身提供的，还是由第三方封装、伪装成原生函数。当然，最好的方法是考察执行这个函数的toString方法的返回值。TheJavaScript完成这个任务的方法非常简单：functionisNative(fn){return(/\{\s*\[nativecode\]\s*\}/).test(''+fn);}toString方法会返回这个方法的字符串形式，然后用... 继续阅读 >

2015
09-12

Sublime Text3技巧使用 推荐

写在前面的话：平时做项目中在用eclipse和vs，但是对于一些小项目，感觉没有必要搞那么大的一个工具使用，比如写个小微商城，搞个小脚本了什么，所以就一直在用SublimeText，界面清新简洁，没有多余的令强迫症用户抓狂的点，所以今天也简单总结一下我使用过程中用的最多的一些小技巧，分享给大家。一、SublimeText2orSublimeText3？虽然两者用起来差不多，但还是用最新版本吧，虽然是beta版，但是毕竟也有了一些更新，比... 继续阅读 >

2015
09-11

移动Web开发规范详细

以下规范建议，均是Alloyteam在日常开发过程中总结提炼出的经验，规范具备较好的项目实践，强烈推荐使用。字体设置使用无衬线字体body{font-family:"HelveticaNeue",Helvetica,STHeiTi,sans-serif;}iOS4.0+使用英文字体HelveticaNeue，之前的iOS版本降级使用Helvetica。中文字体设置为华文黑体STHeiTi。需补充说明，华文黑体并不存在iOS的字体库中（http://support.apple.com/kb/HT5484?viewlocale=en_US），但... 继续阅读 >

2015
09-02

推荐 10 个超棒的 CSS3 代码生成工具

新的在线工具和WebApp帮助开发者快速地创建网站而不用写代码。前端开发已经在框架和代码库方面有了很大的进展。但是许多开发者已经忘记了代码生成器在构建网站时的价值。下面的资源是完全免费的WebApp，这些WebApp能够为模板，渐变，甚至浏览器属性的前缀生成CSS3代码。如果你是前端开发者，这些资源可以帮助你节省很多时间，并可以为以后的项目提供可复用的源码。1.CSS3GeneratorCSS3Generator是... 继续阅读 >

2015
08-31

前端开发人员为什么应该拿高薪

市场需求决定产品价格最重要的是供求关系。技术水平重要，但绝没有市场供给关系重要。不能理解的话举个简单例子，空气重要么？重要，人没了空气活不了，但是为什么不值钱？就是因为在市场关系中是供远远大于求的。现在是互联网公司的春天，很多公司如雨后春笋般发展，所以对前端开发的需求很旺盛，都是处在供小于求的情况。随便上招聘网一搜，北上广深这些一线城市不说，二线城市一个月的招聘消息都不少。更别说现在... 继续阅读 >

2015
08-28

Web开发转向移动开发 我是这样做到的 HOT

我的职业开发生涯是作为一个Web开发人员开始的，使用的是PHP。不久后，我切换到.NET生态系统，使用C#和ASP.NET MVC框架 来继续搞web开发。我一直以来创建的都是Web应用程序，直到最近……几个月前，我开始用Android和iOS来开发移动应用程序，然后多亏Xamarin，我依然可以使用C#。我之所以写这篇文章是想分享一下我做了这个改变之后的感受。为什么下这个决定你可能会问，为什么我会决定从Web开发转向移动开发。因为... 继续阅读 >

2015
08-26

浏览器可以有多快？

React.js以高效的UI渲染著称，其中一个很重要的原因是它维护了一个虚拟DOM，用户可以直接在虚拟DOM上进行操作，React.js用diff算法得出需要对浏览器DOM进行的最小操作，这样就避免了手动大量修改DOM的时候造成的性能损失。等等，明明是在中间加了一层，为什么结果反而变快了呢？React.js的核心思想是认为DOM操作是缓慢的，因此可以需要最小化DOM操作，以换取整体的性能提升。DOM操作慢是有目共睹的，而其... 继续阅读 >