分类：WEB开发

2016
03-08

一封写给 jQuery 的情书

我爱你jQuery。我们在一起已经有十年了。要是按照正常情况下JavaScript开发框架的生命周期来计算的话，应该相当于五十多年。我们现在见面的次数已经没有以前那么多了，但是如果和刚认识你那会儿相比，我需要你的程度一点儿也没有降低。我永远不会忘记我们刚在一起时的第一个函数：$(document).ready(function(){alert(‘pageloaded’);});哈哈！我希望你原谅这个看似有点儿鲁莽的消息提示框。我过... 继续阅读 >
2016
03-03

前端工程师是怎样一种职业

前端工程师已经是大家不再陌生的一个软件行业的工种了，尽管这一工种诞生也没几年。作为一名从业三年的前端工程师，我尝试结合业界标准与我的理解，来尽可能诠释一下前端工程师这个职业。这篇文章的适读人群为：非web方向的软件开发者、产品经理以及与产品挂钩的相关人士、正在纠结需不需要招聘一个前端的老板们、刚刚走上工作岗位的前端新手们、以及所有对前端感兴趣的父老乡亲们。前端工程师的英文名为front-endengi... 继续阅读 >
2016
03-03

JS创建对象几种不同方法详解

1、工厂模式弊端：没有解决对象的识别问题，即怎么知道一个对象的类型。2、构造函数模式与工厂模式相比：1、没有显式的创建对象2、直接将属性和方法赋给了this对象3、没有return语句要创建person的实例，必须使用new操作符，以这种方式调用构造函数实际上会经历4个步骤：1、创建一个新对象2、将构造函数的作用域赋给新对象3、执行构造函数中的代码4、返回新对象创... 继续阅读 >
2016
03-03

WEB开发者必备的7个JavaScript函数

我记得数年前，只要我们编写JavaScript，都必须用到几个常用的函数，比如，addEventListener和attachEvent，并不是为了很超前的技术和功能，只是一些基本的任务，原因是各种浏览器之间的差异造成的。时间过去了这么久，技术在不断的进步，仍然有一些JavaScript函数是几乎所有Web程序员必备的，或为了性能，或为了功能。防止高频调用的debounce函数这个debounce函数对于那些执行事件驱动的任务来说是必不可少的提... 继续阅读 >
2016
02-29

JavaScript中this指针指向的彻底理解

首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。为什么要学习this？... 继续阅读 >
2016
02-27

如何找到理想的运营工作，这是一个完整的解决方案，新人也适用

之前讲过如何组建运营团队，是以管理者视角来看的。这次站在运营人员的角度，讲一下怎么找到理想的工作。整体思路是，把跳槽当做一个项目来运营。分为：背景：跳槽的理由是什么目的：希望找什么样的工作手段：通过什么方式找到结论：根据什么做最终决策流程上，从有意向到最终决定，分这几步：启动跳槽，如何把握最优时机求职渠道，哪些渠道靠谱高效撰写简历，认识你从简历开始面试技巧，只是注... 继续阅读 >
2016
02-25

开发者必备的网站-你都收藏了么？

Google不管是新手程序员还是老手程序员，工作和学习过程中都会遇到一些问题，那么遇到问题利用Google搜索估计是最快解决方案。而且Google的结果，让你很容易解决问题。关键是Google不做恶，没广告。Github作为全世界最大的同性交流网站（代码托管平台），上面有各种大牛，作为新手的我只能默默地去撸大牛的代码，期待能和大牛的差距一步步减少。除了学习之外，你也可以利用闲暇的时间来来将自己的开源项目放在上面，从侧面... 继续阅读 >
2016
02-22

移动前端知识总结 HOT

移动前端知识总结 meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>忽略将页面中的数字识别为电话号码<metaname="format-detection"content="telephone=no"/>忽略Android平台中对邮箱地址的识别<metaname="format-detection"content="email=no"/>当网站添加到主屏幕快速启动方式，可隐藏地... 继续阅读 >
2016
02-17

JavaScript 创建对象模式与最佳实践 HOT

在JavaScript中“创建对象”是一个复杂的话题。这门语言提供了很多种创建对象的方式，不论新手还是老手都可能对此感到无所适从，不知道应该选择哪一种。不过，尽管创建对象的方法很多，看上去语法差异也很大，但实际上它们的相似性可能比你所以为的要多。本文将带领你踏上一段梳理对象创建方法的旅程，为你揭示不同方法之间的依赖与递进关系。对象字面量我们的第一站毫无疑问就是创建对象最简单的方法，对象字面量。JavaScript... 继续阅读 >
2016
01-28

怎么搞定企业网站需求？

接的企业网站外包项目是个坑，有时候比自身产品还难做。对企业客户提供建设网站服务时，我们通常都要进行需求了解，下面对普通企业网站的需求做一个简要总结。一.大致需求现有网站情况可分为：已有网站需要改版，已有网站需要新建，无网站需要新建。这对现有网站会有一定参考意义。企业网站的浏览群体定位最先应该有的是一个浏览群体的定位。是一般浏览者，潜在消费者，公司内部人员，求职者，还是国外用户。多数企业网站... 继续阅读 >
2016
01-25

常见的反爬虫和应对方法

0x01常见的反爬虫这几天在爬一个网站，网站做了很多反爬虫工作，爬起来有些艰难，花了一些时间才绕过反爬虫。在这里把我写爬虫以来遇到的各种反爬虫策略和应对的方法总结一下。从功能上来讲，爬虫一般分为数据采集，处理，储存三个部分。这里我们只讨论数据采集部分。一般网站从三个方面反爬虫：用户请求的Headers，用户行为，网站目录和数据加载方式。前两种比较容易遇到，大多数网站都从这些角度来反爬虫。第... 继续阅读 >
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

提高WEB用户体验至关重要的几点 一个精通算法经验丰富的后端工程师，也不一定能够完成出色的前端页面，对逻辑经验丰富的程序员来说，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的接口设计的是有问题的，也就是说设计的太底层了，根本不友好，那么... 继续阅读 >