分类：WEB开发

2015
12-30

网站平滑迁移到LNMP或LAMP建站环境的方法 HOT

一、LNMP或LAMP建站环境安装1、LNMP官网：1、官方首页：http://lnmp.org/2、LNMP是指Nginx、MySQL、PHP，LAMP是指Apache、MySQL、PHP。只要你原来的VPS面板用的是LNMP或LAMP都可以直接迁移到本文要介绍的LNMP一键安装包。3、在安装LNMP或者LAMP前，对VPS有几点注意：支持CentOS/RHEL/Fedora/Debian/Ubuntu/RaspbianLinux系统需要2GB以上硬盘剩余空间MySQL5.6及MariaDB10必须1G以上内存128M以上内存,Xen... 继续阅读 >

2015
12-26

戏说HTML5

如果有非技术人员问你，HTML5是什么，你会怎么回答？新的HTML规范。。。给浏览器提供了牛逼能力，干以前不能干的事。。。（确切地说应该是给浏览器规定了许多新的接口标准，要求浏览器实现牛逼的功能。。。这里感谢红枫一叶）给浏览器暴露了许多新的接口。。。加了很多新的效果。。。问的人其实并不明白他想问的真正问题，回答的人貌似明白，但又好像少了点什么。牛逼的能力、新的接口、炫酷的效... 继续阅读 >

2015
12-25

实现跨域的五种方法 HOT

从域说起域：域是WIN2K网络系统的安全性边界。我们知道一个计算机网最基本的单元就是“域”，这一点不是WIN2K所独有的，但活动目录可以贯穿一个或多个域。在独立的计算机上，域即指计算机本身，一个域可以分布在多个物理位置上，同时一个物理位置又可以划分不同网段为不同的域，每个域都有自己的安全策略以及它与其他域的信任关系。当多个域通过信任关系连接起来之后，活动目录可以被多个信任域域共享域树：域树由多个域... 继续阅读 >

2015
12-22

JavaScript 查找数组中最大值与最小值 推荐

最小值算法如下：将数组中第一个元素赋值给一个变量，把这个变量作为最小值；开始遍历数组，从第二个元素开始依次和第一个元素进行比较；如果当前的元素小于当前的最小值的话，就把当前的元素值赋值给最小值；移动到下一个元素，继续对第三步操作；当数组元素遍历结束时，这个变量存储的就是最小值；代码如下：//查找数组中最小值functionarrayMin(arrs){varmin=arrs[0];for(vari=1,ilen=... 继续阅读 >

2015
12-22

移动WEB前端开发资源整合 HOT

meta篇1.视窗宽度<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>其中width=device-width是设置视窗宽度为设备视窗宽度，还可以固定宽度，例如：width=640则是640px的宽度（常见于微信）；initial-scale=1.0：设置缩放比例为1.0；minimum-scale=1.0和maximum-scale=1.0：最小缩放比例和最大缩放比例；user-scalable=no：禁止用户自由缩放，u... 继续阅读 >

2015
12-21

JavaScript 判断该对象是否为数组

1.typeof首先我们会想到的是使用typeof来检测数据类型，但是对于Function,String,Number,Undefined等这几种基本类型来说，使用typeof来检测都可以检测到，比如代码如下：functiontest(){}console.log(typeof1);//numberconsole.log(typeoftest);//functionconsole.log(typeof"yunxi");//stringconsole.log(typeofundefined);//undefined但是对于数组或者正则来说，使用typeof来检测的话，那就满足不了，因为... 继续阅读 >

2015
12-20

写出高质量代码的10个Tips

很长一段时间以来，我都在关注如何提高代码质量，也为此做过一些尝试，我想这个话题可能大家会比较感兴趣，在这里分享一下我关于如何提高代码质量的一些体会。1.打好基础写出高质量代码，并不是搭建空中楼阁，需要有一定的基础，这里我重点强调与代码质量密切相关的几点：掌握好开发语言，比如做Android就必须对Java足够熟悉，《EffectiveJava》一书就是教授大家如何更好得掌握Java,写出高质量Java代码。熟... 继续阅读 >

2015
12-20

30+有用的CSS代码片段

在一篇文章中收集所有的CSS代码片段几乎是不可能的事情，但是我们这里列出了一些相对于其他的更有用的代码片段，不要被这些代码的长度所吓到，因为它们都很容易实现，并且具有良好的文档。除了那些解决常见的恼人的问题外，也包含了一些解决新问题的新技术。1.垂直对齐如果你之前遇到过这个问题，你就应该知道它是多么的烦人，幸运的是，现在你可以使用CSS3变换来解决这个问题：.vc{position:relative;top... 继续阅读 >

2015
12-18

JavaScript 开发的45个技巧 推荐

JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人员，现如今已成了招聘市场最受追捧的人。在这篇文章里，我将分享一些JavaScript的技巧、秘诀和最佳实... 继续阅读 >

2015
12-16

为什么说DOM操作很慢

一直都听说DOM很慢，要尽量少的去操作DOM，于是就想进一步去探究下为什么大家都会这样说，在网上学习了一些资料，这边整理出来。首先，DOM对象本身也是一个js对象，所以严格来说，并不是操作这个对象慢，而是说操作了这个对象后，会触发一些浏览器行为，比如布局（layout）和绘制（paint）。下面主要先介绍下这些浏览器行为，阐述一个页面是怎么最终被呈现出来的，另外还会从代码的角度，来说明一些不好的实践以及一些优... 继续阅读 >

2015
12-15

HTTP状态码作用

HTTP状态码的作用是：web服务器用来告诉客户端，发生了什么事。状态码位于HTTPResponse的第一行中，会返回一个”三位数字的状态码“和一个“状态消息”。”三位数字的状态码“便于程序进行处理，“状态消息”更便于人理解。状态码分类HTTP状态码被分为五大类，目前我们使用的HTTP协议版本是1.1，支持以下的状态码。随着协议的发展，HTTP规范中会定义更多的状态码。小技巧：假如你看到一个状态码518，你并不知道具体5... 继续阅读 >

2015
12-15

年总结2015前端面试题集锦及答案解析

FE-interview个人收集的前端知识点、面试题和答案，参考答案仅代表个人观点，方便复习。HTML，HTTP，web综合问题常见排序算法的时间复杂度,空间复杂度前端需要注意哪些SEO合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有... 继续阅读 >

2015
12-11

哪些JavaScript IDE最好用？

阅读本文之前，分享大家一张图片，看图会发现JavaScript开发需求最高，占比达到42.84%，因此掌握JavaScript语言好工作就不愁啦，工欲善其事必先利其器，那么选择IDE来开发是至关重要的，本文指出常用的几款JavaScriptIDE，分析其优缺点，如有不完善的请大家补充WebStorm优点：1.关键字提示使用WebStorm开发时，它会自动提示JS变量，关键字，方法，函数或参数名，可帮助你快速输入，避免一些低级的输入... 继续阅读 >

2015
12-08

对抗拖库 —— Web 前端慢加密

0x00前言天下武功，唯快不破。但密码加密不同。算法越快，越容易破。0x01暴力破解密码破解，就是把加密后的密码还原成明文密码。似乎有不少方法，但最终都得走一条路：暴力穷举。也许你会说还可以查表，瞬间就出结果。虽然查表不用穷举，但表的制造过程仍然需要。查表只是将穷举提前了而已。密码加密，用的都是单向散列计算。既然单向，那就是不可逆，那只能穷举。穷举的原理很简单。只要知道密... 继续阅读 >

2015
12-07

浏览器 HTTP 缓存原理分析 推荐

以前项目中遇到了很多浏览器缓存相关的问题，也在网上查过资料，搞过服务器的配置，来确保客户端加载服务器资源的速度和资源有效性。最近仔细看了下http协议中和缓存相关的一些属性，总结一下。浏览器缓存原理文字版描述①浏览器第一次访问服务器资源/index.html在浏览器中没有缓存文件，直接向服务器发送请求。服务器返回 200OK，实体中返回index.html文件内容，并设置一个缓存过期时间，一个文件修改时间，一个根... 继续阅读 >

2015
12-02

web前端规范

1.规范说明此为前端开发团队遵循和约定的代码书写规范，意在提高代码的规范性和可维护性。此规范为参考规范，不全是硬性要求，部分硬性约定见下一条书写规范，统一团队编码规范和风格。让所有代码都是有规可循的，并且能够得到沉淀，减少重复劳动。1.1结构说明--项目结构----|----CSS文件结构----|----JS文件结构2.书写规范2.1样式与内容分离2.1.1项目结构---|----index.html入口页|----... 继续阅读 >

2015
11-27

中小型网站架构分析及优化

先看网站架构图：以上网站架构广泛运用中大型网站中，本文从架构每一层分析所用主流技术和解决手段，有助于初入网站运维朋友们，进一步对网站架构认识，从而自己形成一套架构概念。第一层：CDN国内网络分布主要南电信北联通，造成跨地区访问延迟大问题，对于有一定访问量网站来说，增加CDN（内容分发网络）层可有效改善此现象，也是网站加速的最好选择。CDN把网站页面缓存到全国分布的节点上，用户访问时从最... 继续阅读 >

2015
11-21

web 页面内容优化管理与性能技巧 HOT

回想一下，以前我们不得不花费大量时间去优化页面内容（图片、CSS等等），如今用户有更快速的互联网链接，我们似乎能够使用更大的图像或更大的闪存文件，里面包含的有视频或者图片。然而，随着移动开发的兴起，我们又回到了过去的窘状。网站优化是十分重要的，需要下载的内容少，反应速度快，就能使我们加载应用程序更快速。图片：控制在合适的尺寸大小很多时候我们在不同的网站使用同样的图像，例如一个网上商店，... 继续阅读 >

2015
11-20

前端程序员应该知道的 15 个 jQuery 小技巧

通过使用jQuery中的animate 和scrollTop 方法，不用插件就可以创建一个滚动到顶部的简单动画：//Backtotop$('.top').click(function(e){e.preventDefault();$('html,body').animate({scrollTop:0},800);});<!--Createananchortag--><aclass="top"href="#">Backtotop</a>改变scrollTop 的值可以更改你想要放置滚动条的位置。所有你真正需要做的是在800毫秒的时间内设置文档主体的动画，直到... 继续阅读 >

2015
11-19

微信红包的技术实现原理 HOT

以下内容来源于QCon某高可用架构群聊天记录整理背景：有某个朋友咨询微信红包的架构，在官方或非官方同学的解释和讨论中得出以下讨论内容，在此期间有多个同学发红包做现网算法测试。抢红包过程当有人在群里发了一个N人的红包，总金额M元，后台大概发生的事情如下：一、发红包后台操作：在数据库中增加一条红包记录，存储到CKV，设置过期时间；在Cache（可能是腾讯内部kv数据库，基于内存，有落地，有内核态网络... 继续阅读 >

2015
11-17

Web应用程序遭黑客入侵的五大征兆

大多数针对Web应用程序的攻击都非常隐蔽，不容易发现。从2015威瑞森数据泄漏调查报告来看，攻击者平均可以在网络上潜伏205天不被发现。许多组织都是从其他人那里发现安全受到了威胁。近日，InfoWorld资深编辑FahmidaY.Rashid在一篇文章中分析了Web应用程序遭黑客入侵的五大征兆，并提出了一些确保应用程序安全的建议。征兆1：应用程序行为反常应用程序监控是发现可疑行为的最好方式。Fahmida提到了以下几种异常... 继续阅读 >

2015
11-17

如何给网页内容上所有的img标签加上alt属性

如何给网页上所有的img标签加上alt属性给img标签加上alt属性是为了更好的让搜索引擎识别，告诉它这是什么东西，但有时页面内容非常多的时候，有些img标签的alt属性就会漏写，检查起来非常烦，或者想让页面上布局更多的关键词，这就可以利用Jquery的一段代码来填补这些不足了，原理是这样的，先得出页面上所有的img标签的总数量，然后用一个for循环去查找每个img标签中有没有alt属性，如果没有，则就加上自己定义的alt属性，如果存... 继续阅读 >

2015
11-17

当你输入一个网址后按回车，实际会发生什么? HOT

英文原文：WhatreallyhappenswhenyounavigatetoaURL，编译：寒冬星空作为一个软件开发者，你一定会对网络应用如何工作有一个完整的层次化的认知，同样这里也包括这些应用所用到的技术：像浏览器，HTTP，HTML，网络服务器，需求处理等等。本文将更深入的研究当你输入一个网址的时候，后台到底发生了一件件什么样的事～1.首先嘛，你得在浏览器里输入要网址: 2.浏览器查找域名的IP地址导航的第一步是通过访问... 继续阅读 >

2015
11-16

移动端web开发技巧 HOT

这是一个最好的时代，因为我们站在潮流中；但也是一个最坏的时代，因为我们站在潮头上。META相关1.添加到主屏后的标题（IOS）<metaname="apple-mobile-web-app-title"content="标题">2.启用WebApp全屏模式（IOS）当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果）<metaname="apple-mobile-web-app-capable"content="yes"/><metaname="apple-touch-fullscreen"conte... 继续阅读 >