分类目录归档：WEB开发

2016
04-10

网站不收录的因素有哪些

常常会有人问到网站为什么不收录，网站为什么收录这么少的问题，其实网站的收录并不与排名有直接的联系，那么本文来分析网站不收录的因素有哪些：第一、层级我们说到网站的层级会影响蜘蛛的爬去容易程度，其实并不是这样的。大型网站到了第四层或者第五层、六层都有收录，那是为什么我们企业站在第四层的内容就难以被收了？所有的网站都是一样的，不管是新浪还是我们的企业站，通常为了吸引用户的点击，都会把重要的内容放在放... 继续阅读 >
2016
04-07

四种XML解析方式详解

所周知，现在解析XML的方法越来越多，但主流的方法也就四种，即：DOM、SAX、JDOM和DOM4J下面首先给出这四种方法的jar包下载地址DOM：在现在的JavaJDK里都自带了，在xml-apis.jar包里SAX：http://sourceforge.net/projects/sax/JDOM：http://jdom.org/downloads/index.htmlDOM4J：http://sourceforge.net/projects/dom4j/一、介绍及优缺点分析1. DOM（Document Object Model)    &nb... 继续阅读 >
2016
04-07

JavaScript6里出现了哪些新语法、新特征？

新版本javascript6/ECMAScript2015在去年出来了，我们现在普遍使用的javascript5是在2009年出来的，相隔这么多年，变化比较大，添加了一些很好用的特性。下面就看几个简单而实用的小特性：1、模板文本需要在字符串中加入变量时，通常做法就是使用字符串拼接，如varparam='b';varstr='a'+param+'c';ES6中简单了，可以直接在字符串中添加变量varstr=`a${param}... 继续阅读 >
2016
04-06

如何防范的iframe非法嵌入

WEB工程师在iframe标签上的讨论一直不嫌少，包括其可以用来跨域，方便开发的特性。但另一方面它又不利于对页面进行SEO优化，并且会降低网站的安全性。说到iframe的安全性问题，利用iframe来非法嵌入正规官方网站的页面，同时在页面两边打着自己产品的标语，宣称自己与大网站合作进而推销自己产品的例子，并不少见。那么应该如何保护自己的网站不被非法分子利用呢？其实很简单，一小段JS代码即可：if(window!=top)... 继续阅读 >
2016
04-05

理解Cookie和Session机制

会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。本章将系统地讲述Cookie与Session机制，并比较说明什么时候不能用Cookie，什么时候不能用Session。Cookie机制Cookie技术是客户端的解决方案，Cookie就是由服务器发给客户端的特殊信息，而这些信息以文本文件的方... 继续阅读 >
2016
04-05

详解https是如何确保安全的？

Https介绍什么是HttpsHTTPS（全称：HypertextTransferProtocoloverSecureSocketLayer），是以安全为目标的HTTP通道，简单讲是HTTP的安全版。即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSLHttps的作用内容加密建立一个信息安全通道，来保证数据传输的安全；身份认证确认网站的真实性数据完整性防止内容被第三方冒充或者篡改Https的劣势对数据进行加解密决... 继续阅读 >
2016
04-05

写给后端程序员的HTTP缓存原理介绍

通过Internet获取资源既缓慢，成本又高。为此，Http协议里包含了控制缓存的部分，以使Http客户端可以缓存和重用以前获取的资源，从而优化性能，提升体验。虽然Http中关于缓存控制的部分，随着协议演进，有一些变化。但我觉着，作为后端程序员，在开发Web服务时，只需要关注请求头If-None-Match、响应头ETag、响应头Cache-Control就足够了。因为这三个Http头就可以满足你的需求，并且，当今绝大多数的浏览器，都支持这三个Http... 继续阅读 >
2016
04-04

网络相关基础知识

1，每个网络应用都是基于客户端-服务器模型的，一个应用是由一个服务器进程和一个/多个客户端进程组成的。服务器管理某种资源，并且操作这种资源给客户端提供服务。2，一些基础偏硬件上的概念：对于一个主机而言，网络只是又一种I/O设备，作为数据源和数据接受方。从网络上接受到的数据从适配器经过I/O和存储器总线拷贝到存储器，典型的是通过DMA（DirectMemoryAccess）直接存储器存取方式传送。物理上而言，网络是一个... 继续阅读 >
2016
03-31

IE10/11不支持条件性注释后的替代方法

专门针对IE的条件性注释(Conditionalcomments)是个很奇葩的东西，它是专门给IE浏览器准备的，因为其它浏览器根本不能识别这种标记。之所以需要这种东西，是因为IE实现的网页渲染效果和其它浏览器又很多出入，使用条件性注释可以区别对待的针对浏览器编写CSS等代码。<!--[ifIE]><linkhref="ie.css"rel="stylesheet"><![endif]--><!--[ifIE6]><styletype="text/css">/*stylesforIE6goeshere*/</style><![endif]--... 继续阅读 >
2016
03-28

浏览器与服务器的消息通信

最近工作中遇到一个场景，商家在商家后台需要实时的获取到有没有新订单，有的话是几个；这个需求类似与日常中使用QQ或者微信时的新信息提醒一样，只要有新信息就需要提醒；商家基本在PC上使用，各式浏览器都有:如IE系列（7.0，8.0，9.0及以上），chrome内核，firefox等；功能所属的部署在Tomcat6.0上，如果技术需要可以部署到Tomcat7.0上;我们先做做技术调研，这种浏览器与服务器实时通信的方式有哪些方式。AJA... 继续阅读 >
2016
03-21

前端笔面题常见问题解析

前端开发面试知识点大纲：HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。JavaScript：数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等... 继续阅读 >
2016
03-10

JavaScript 就要统治世界了？

"JavaScript可以……""嘛，不就是操作一下DOM，可以让元素飞来飞去吗""JavaScript是……""不就是用jQuery让网页动起来，顶多就是再用用Ajax和后端进行一下数据交换吗""JavaScript是一门……""最讨厌和鄙视这种弱类型不需要编译的脚本语言了，你说OOP?扯淡的吧，JS有对象吗""……"0x00.前言早上起床惯例刷刷微博，突然看到ReactNative宣... 继续阅读 >
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，用户行为，网站目录和数据加载方式。前两种比较容易遇到，大多数网站都从这些角度来反爬虫。第... 继续阅读 >