分类目录归档：WEB开发

2016
01-22

Web程序员常见的5个错误及解决方案

我是那种脾气暴躁的web用户，但我认为正是如此才驱使我成为一名良好的web开发人员。我会对那些会导致使用网站变得困难的事情恼火，我认为事情越简单越方便越好。这里有五个常见的可用性错误，以及如何避免它们的解决方案。使用submit 代替 click 事件；使用<Form>标签！我自己也不知道有多少次我曾试着用 ENTER 键（或移动方向/enter键）提交表格，然后却什么都没发生。然后我点击或使用提... 继续阅读 >

2016
01-22

浏览器缓存知识小结及应用

浏览器缓存，也就是客户端缓存，既是网页性能优化里面静态资源相关优化的一大利器，也是无数web开发人员在工作过程不可避免的一大问题，所以在产品开发的时候我们总是想办法避免缓存产生，而在产品发布之时又在想策略管理缓存提升网页的访问速度。了解浏览器的缓存命中原理，是开发web应用的基础，本文着眼于此，学习浏览器缓存的相关知识，总结缓存避免和缓存管理的方法，结合具体的场景说明缓存的相关问题。希望能对有需要的人... 继续阅读 >

2016
01-19

创业公司中运营人员的典型一天是怎么度过的？

产品不同、产品阶段不同、运营团队的配置不同，运营岗位的差异会导致大家日常的工作会不一样；这里说一下通行的日常工作是什么。作者章鱼怕黑，个人微信（zyulaoshi），连续创业者。一、信息积累无论做何种运营，信息的积累一定要够。在移动互联网时间，所谓的碎片时间在当下已经不太碎片，我们玩朋友圈、游戏的时间动辄就是半个小时以上，发一条朋友圈然后在等待点赞或者是等待评论中渡过。《娱乐至死》中奥威尔担心的是：... 继续阅读 >

2016
01-19

跨域访问和防盗链基本原理（二） HOT

二、跨域访问基本原理在上一篇，介绍了盗链的基本原理和防盗链的解决方案。这里更深入分析一下跨域访问。先看看跨域访问的相关原理：跨网站指令码。维基上面给出了跨站访问的危害性。从这里可以整理出跨站访问的定义：JS脚本在浏览器端发起的请求其他域（名）下的网站数据的HTTP请求。这里要与referer区分开，referer是浏览器的行为，所有浏览器发出的请求都不会存在安全风险。而由网页加载的脚本发起请求则会不可控，甚至可以... 继续阅读 >

2016
01-19

跨域访问和防盗链基本原理（一） HOT

一、什么是防盗链网站资源都有域的概念，浏览器加载一个站点时，首先加载这个站点的首页，一般是index.html或者index.php等。页面加载，如果仅仅是加载一个index.html页面，那么该页面里面只有文本，最终浏览器只能呈现一个文本页面。丰富的多媒体信息无法在站点上面展现。那么我们看到的各类元素丰富的网页是如何在浏览器端生成并呈现的？其实，index.html在被解析时，浏览器会识别页面源码中的img，script等标签，标签内部一... 继续阅读 >

2016
01-15

jQuery升级踩坑大全

背景jQuery想必各个web工程师都再熟悉不过了，不过现如今很多网站还采用了很古老的jQuery版本。其实如果早期版本使用不当，可能会有DOMXSS漏洞，非常建议升级到jQuery1.9.x或以上版本。前段时间我就主导了这件事情，把公司里我们组负责的项目jQuery版本从1.4.2升级到了jQuery1.11.3。jQuery官方也为类似升级工作提供了jQueryMigrate插件。言归正传。坑从何处来jQuery1.11.3是1.x时代的最后一个版本（作者... 继续阅读 >

2016
01-12

提高网站加载速度的解决方案有多少（下） 推荐

在方案上中我介绍了一些常见的网站加载速度优化方案，今天看了一下几个帖子的回复，有人说只要在页面不放上大图片就OK，看起来这句话是理所当然的，其实并非如此，图片对于整体页面加载速度的影响是有区分的，大家看看下面一张图： 这是我的博客中几张img图片加载情况，可以看到虽然延迟了onload的时间，但是丝毫不影响domcontentloaded事件发生，这是因为浏览器一般只对css中的图片进行阻塞，只有在css文件（包括backgro... 继续阅读 >

2016
01-12

提高网站加载速度的解决方案有多少（上） 推荐

一个Web站点是否吸引人当然是由它的内部决定，但不管这个站点有多迷人，只要它的加载速度足够长，就能完全让访客忽视掉这些别具一格的内容。这个观点并不新颖，如今越来越多的开发者也注意到这一点，甚至也成为前端工程师必备的技能。听着像是有些复杂，如果摊开这些影响加载速度的问题细致分析，对多数具备基本html知识的站长来说，掌握它们也并不是一件困难的事。 我们不妨这样来考虑问题，一个页面的加载究竟向服务端请... 继续阅读 >

2016
01-12

提高WEB用户体验至关重要的几点 HOT

一个精通算法经验丰富的后端工程师，也不一定能够完成出色的前端页面，对逻辑经验丰富的程序员来说，html/css显得繁琐低效，即便是SASS、LESS这样的框架也难以让传统程序员理解前端工程师，多数人眼中前端是编程与设计各占一部分的新职业，特别是在众人把用户体验挂在口中时，更让人觉得前端应当对此有独特的理解。其实在我看来，用户体验这东西不管是从哪方面来说都没有一个确切的定义，可能前端可以更多的用经验来认识它，亦有... 继续阅读 >

2016
01-11

web App VS native App，路遥知马力

HTML5HTML5这个概念也已经炒作了几年了，看了很多关于HTML5的文章，包括一些技术书籍，对这一概念吹的雨里雾里，说了一大堆新特性讲了一大堆抽象的概念。搞得我很长时间才搞清楚什么是HTML5。其实没什么太多的东西，就是督促各个浏览器厂商都支持一些新的比较实用的属性，大家的行为尽量保持一致。给HTML添加了一些实用的标签，让一部分以前需要写很多JS代码才能实现的效果，只需要一个标签就可以简单搞定，当然这是在得到了浏... 继续阅读 >

2016
01-10

Web端裁剪图片方法

由于在Web端，JavaScript不能直接处理本地文件，因此可以在后台裁剪图片，或者利用html5的canvas来处理。方法1：传送到后台剪切步骤1：上传图片到后台，向前端返回图片URL利用input标签，将文件发送到后台。<inputid="image"type="file"name="image"/>可以使用jQuery中的ajaxFileUpload方法$.ajaxFileUpload({url:'live/apply/uploadImage',//用于文件上传的服务器... 继续阅读 >

2016
01-04

不可错过的javascript迷你库

最近看着下自己的githubstar，把我吓坏了，手贱党，收藏癖的我都收藏了300+个仓库了，是时候整理一下了。Unix主张kiss，小而美被实践是最好用的，本文将介绍笔者收集的一些非常赞的开源库。这些库的共性是非常小，而且功能单一。cookie.js如果你操作过cookie的接口，那么你一定会感觉这东西的规范真的是太复杂了，根本记不住啊，其实你是对的，因为cookie的接口设计的是有问题的，也就是说设计的太底层了，根本不友好，那么... 继续阅读 >

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有... 继续阅读 >