分类：WEB开发

2016
08-16

101种让你的网站更棒的方法

这篇文章最初出版于AwesomeBlog。上周我和一个老客户聊天，她和我说，“Nick，我觉得我的网站需要改进，但是我却不确定到底需要做什么”。于是我就去问了周围很多人，朋友、家人和一些非互联网方向的商务人士。他们都说了同样的话：“我需要一个清单，因为我不知道如何去搭建一个网站，我不得不雇佣一些人，但到最后我依然不知道都做了什么。”所以我列了一个我们在AwesomeWeb中所做的事情的清单（当... 继续阅读 >
2016
08-09

JavaScript 异步进化史

前言JS中最基础的异步调用方式是callback，它将回调函数callback传给异步API，由浏览器或Node在异步完成后，通知JS引擎调用callback。对于简单的异步操作，用callback实现，是够用的。但随着负责交互页面和Node出现，callback方案的弊端开始浮现出来。Promise规范孕育而生，并被纳入ES6的规范中。后来ES7又在Promise的基础上将async函数纳入标准。此为JavaScript异步进化史。同步与异步通常，代码... 继续阅读 >
2016
08-09

面试开发常用的 JavaScript 知识点总结

No1.语法和类型1.声明定义变量类型：var，定义变量；let，定义块域(scope)本地变量；const，定义只读常量。变量格式：以字母、下划线“_”或者$符号开头，大小写敏感。变量赋值：声明但未赋值的变量在使用时值为undefined，未声明的变量直接使用会抛异常。未赋值变量作计算：结果为NaN。例如：varx,y=1;console.log(x+y);//结果为NaN，因为x没有赋值。2.作用域变量作用域... 继续阅读 >
2016
08-06

自己总结的web前端知识体系大全

 1.前言大约在几个月之前，让我看完了《webkit技术内幕》这本书的时候，突然有了一个想法。想把整个web前端开发所需要的知识都之中在一个视图中，形成一个完整的web前端知识体系，目的是想要颠覆人们对于前端只有三大块（html、css、js）的认识——做web前端需要的比这三大块要多得多。拖了好几个月了，但是由于近期将要参加的某一个活动，我不得不这两天把这个东西整出来。说干就干。上午我就开始在办... 继续阅读 >
2016
08-06

关于JavaScript数组，你所不知道的3件事

在编程语言当中，数组（Array）是一个非常常用的功能；它是一种特殊的变量，可以用来同时储存多个数值。然而，在JavaScript方面，数组的功能还有很多其他值得探索的地方。在这篇文字中，我们将会讨论JavaScript数组的三个并不那么常见的功能。1. 给数组添加自定义属性在网上搜寻有关JavaScript数组的定义时，你会发现几乎所有人对于数组的定义都一样：一种对象。事实上，我们用JavaScript处理的所有东西，都可以视为是... 继续阅读 >
2016
08-06

网站渗透思路全方面总结

针对新手写一点渗透的小思路、小技巧，主要讲的是思路，所有不会太详细。经常逛一些好的博客或者门户站，坚持下来，每天学一点思路，你会积累到很多东西，记住：技术需要时间沉淀。（一）针对网站程序，不考虑服务器。一、查找注入，注意数据库用户权限和站库是否同服。二、查找XSS，最近盲打很流行，不管怎样我们的目的是进入后台。三、查找上传，一些能上传的页面，比如申请友链、会员头像、和一些敏感页面等等，注意查看... 继续阅读 >
2016
08-03

前端HTML5几种存储方式的总结

总体情况h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。主要应用：购物车、客户登录对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。目标解决4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器1.本地存储localstorage存储方式：以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。大小：每个域名5M支持情况：注意：IE... 继续阅读 >
2016
08-01

扒一扒 CSS 语言的诞生史

实话说，在过去这一年，这已经成为我好心情的固定来源。即不断地告诉一波波想要像在TeX、MicrosoftWord等常见的文档处理工具中那样方便地控制HTML文档的样式的人们说——安全带系好，受伤别怪我：“很不好意思，你完蛋了！”——马克·安德森1994年在1991年，蒂姆·伯纳斯·李首次提出HTML的时候，并没有给页面添加样式的方法。给定的HTML该如何渲染决定... 继续阅读 >
2016
08-01

带你玩转css3的3D！

话不多说，先上demo酷炫css3走马灯/正方体动画：https://bupt-hjm.github.io/css3-3d/github源码地址：https://github.com/BUPT-HJM/css3-3d酷炫css3翻页动画：https://bupt-hjm.github.io/css3-flip-book/github源码地址：https://github.com/BUPT-HJM/css3-flip-book以上均纯css3实现，没有使用任何js代码，希望能得到大家的star啦~css3的3d起步要玩转css3的3d，就必须了解几个词汇，便... 继续阅读 >
2016
07-19

前端JSer装逼手册

在装逼成本越来越高的JS圈，是时候充值一下了————题记 §开发MacbookPro是标配，美其名曰“提高开发体验”什么？你还在用Spotlight？赶紧给我换Alfred！ 编辑器，Sublime/Atom/VSCode三选一虽然很想用IDE，但一定要忍住，并且与人解释道：“启动速度慢，消耗资源多，不适合我这种完美主义者如果不是为了美观，我宁愿使用V... 继续阅读 >
2016
07-15

提高CSS技术技巧

前言在今天的文章中，我将要聊聊我在一年半的实践中，总结出来的css经验。首先让我提醒你，css是极其简单的一门语言，简单到可以用三个词概括：选择器，属性以及属性的值。这也是一些人不喜欢css的原因：他们觉得写css像孩子玩乐高玩具一样简单。是这样的。。如果你给一个9岁的孩子介绍css的基本原理，他就会搭建一个网站。不过这个网站不会很复杂，也就是一些包含头部，链接，内容图片的页面而已。事实上，css是一门简单的语... 继续阅读 >
2016
07-15

前端开发正则表达式详解

“\d{4}-\d{7}”验证字符串是否符合常用固定电话号码的常用形式“\d”表示任意是数字字符，”{4}”表示紧邻它前面的元素重复4次，”\d{7}”表示任意7个数字字符组成的字符串，”-“表示普通的连字符“*”表示它前面的元素重复零次或多次，”bc”表示bc作为一个整体出现“(\d)a*\1″表示两个相同的数字中间夹杂另个或多个a建立正则表达式：newRegExp(“pattern”,”flags”)、/pattern/flagspattern是构造好的... 继续阅读 >
2016
07-07

十年WEB技术发展历程

一个小分享，知识有限，抛砖引玉。ajax03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，"您填写的信息有误，请重填"。然后跳转回注册页面，以此循环。我现在时常想，如果当时ajax能普及开来，我就可... 继续阅读 >
2016
07-07

不同优秀程度JavaScript开发者的差别

“优秀绝非偶然.它总是由强烈的意图、真诚的付出以及聪明的行动带来的。优秀代表着明智的选择——选择，而不是机会，它会决定着你的命运。“–亚里士多德我们所有人都想成为自己所在领域的佼佼者，但是很少有人付出时间和努力去实现自己所想。成为优秀的人很难，任何职业都是这样。评估一个JavaScript开发者的优秀程度是非常难的事情。是什么成就一个优秀的JavaScript开发者呢？... 继续阅读 >
2016
07-04

一个靠谱的前端开源项目需要什么？

0.前言写前端代码一段时间之后，你可能会萌生做一个开源项目的想法，一方面将自己的好点子分享出去让更多的人受益，另一方面也可以在社区贡献的环境下学到更多的东西从而快速成长。但是开源项目也有开源项目的玩法，一些可能没有注意的点，也许会让你的好点子和许多人失之交臂，在这里笔者以自身经验出发，聊一聊笔者心目中的靠谱的Github前端开源项目应该具有什么。当然我们讨论的只是一个项目至少需要什么才是靠... 继续阅读 >
2016
06-27

谈一谈越来越难做的前端

我接触前端的时间不长也不短，13年入门，14年初在百度实习，14中正式参加工作，掐指一算4年整。然而这四年间前端的变化已经让很多人摸不着头脑。 昨天还发了一条状态，调侃jQuery是一个坚韧的社区，有人留言问我为什么这么说。记得刚入前端这个坑时，jQuery异常火爆，图书馆的相关书籍俯拾皆是，博客园上的文章介绍多若繁星，jQuery插件铺天盖地，可谓盛况空前。然而，随着多端设备的兴起和界面需求... 继续阅读 >
2016
06-27

JavaScript 创建对象: 方法一览与最佳实践

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

使用 <pre> 标签样式的注意事项

你可能正在使用<pre>标签。这是一个HTML中非常特别的标签，它允许其中的空格真正显示出来。例如：四个空格将真实显示成四个空格。这不同于其他标签通常的做法，其他标签会将之间的空白压缩成一个。从这一点来说，<pre>标签真的是很有用。你在<pre>标签中使用<code>标签吗？<pre>标签的“pre”的意思是“preformattedtext”（预格式化的文本），没有特别规定里面的文本是什么内容... 继续阅读 >
2016
06-18

用 CSS 隐藏页面元素的 5 种方法

用CSS隐藏页面元素有许多种方法。你可以将opacity设为0、将visibility设为hidden、将display设为none或者将position设为absolute然后将位置设到不可见区域。你有没有想过，为什么我们要有这么多技术来隐藏元素，而它们看起来都实现的是同样的效果？每一种方法实际上与其他方法之间都有一些细微的不同，这些不同决定了在一个特定的场合下使用哪一个方法。这篇教程将覆盖到那些你需要记住的细小不同点，让... 继续阅读 >
2016
06-17

SSO单点登录三种情况的实现方式详解

单点登录（SSO——SingleSignOn）对于我们来说已经不陌生了。对于大型系统来说使用单点登录可以减少用户很多的麻烦。就拿百度来说吧，百度下面有很多的子系统——百度经验、百度知道、百度文库等等，如果我们使用这些系统的时候，每一个系统都需要我们输入用户名和密码登录一次的话，我相信用户体验肯定会直线下降。当然，对于个人博客这类系统来说根本就用不上单点登录了。假如，我们的系统很庞大，但是... 继续阅读 >
2016
05-25

4类JavaScript内存泄露及如何避免

原文：4TypesofMemoryLeaksinJavaScriptandHowtoGetRidOfThem译文来自：Alon'sBlog本文将探索常见的客户端JavaScript内存泄露，以及如何使用Chrome开发工具发现问题。简介内存泄露是每个开发者最终都要面对的问题，它是许多问题的根源：反应迟缓，崩溃，高延迟，以及其他应用问题。什么是内存泄露？本质上，内存泄露可以定义为：应用程序不再需要占用内存的时候，由于某些原因，内存没有被操作系统或可用... 继续阅读 >
2016
05-10

好代码的科学定义

你如何定义好的代码？本文通过咨询65个开发人员同一个问题从而得出了一个伪科学的答案  =-=！。首先我们相信写好代码是非常重要的。为什么呢？首先，好代码比差代码更有趣，成本更低。其次，代码好，就意味着你正在构建的产品有可能会更好。第三，也是非常关键的一点，写出好的代码是我们的职责：毕竟，我们的工作就是写代码。方法此65名开发人员都是某个职位的应聘者，并且大多偏向于使用Java或Scala技能，通... 继续阅读 >