分类目录归档：WEB开发

2016
09-10

超级有用的前端基础技术面试问题收集

说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。闭包有三个特性：1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的。第一：每个特定的域名... 继续阅读 >
2016
09-10

调试 CSS 的方法

我经历过许多CSS代码的调试工作，有别人写的也有自己写的，有移动端平台的也有标准桌面浏览器的，从陈旧的IE到最新的基于Webkit的每日构建。经验告诉我，很多人并没有一个标准的CSS调试流程。我发现在大多数情况下，拥有专业的解决问题的方法，能够节省花在bug上的时间。下面是我总结的经验。我不保证这是最适合的调试CSS的方法，但是确实对我很有效。如何CSS不是你的主要编程语言，调试它可能就像暗黑艺术一样... 继续阅读 >
2016
08-31

如何实施代码重构？

阅读《重构》的笔记献上。重构的定义重构是在不改变软件可观察行为的前提下改善其内部结构。重构的节奏以微小的步伐修改程序。如果你犯下错误，很容易便可发现它。一个方法里面，不应该有很多的代码，我们可以通过分解后重组。好的代码应该清楚的表达出自己的功能，变量名称是代码清晰的关键。尽量减少临时变量，大量参数被传来传去，很容易跟丢，可读性差。提炼出逻辑代码，以便功能复用。... 继续阅读 >
2016
08-29

想成为一个高效的Web开发者吗？来看看大牛分享的经验吧~

作为一个软(ku)件(bi)工(de)程(ma)师(nong)，你有没有觉得做什么事都没时间？没时间学习新东西，没时间去回顾、整理原来写的烂代码，没时间写单元测试，没时间给接管你项目的家伙写文档，没时间思考，没时间喘气，没！时！间！ 额……如果你肯花点时间看看这篇文章，我相信你会明白应该把时间花在哪。我曾以为成为一个技术大牛的唯一途径是玩命地学习与工作。这个想法差点毁了我。身体越来越差，... 继续阅读 >
2016
08-29

为什么说编程是有史以来最好的工作

在过去的16年中，我一直都是一名开发者。不久前，公司的一位实习生问我，做一名开发者，最酷的事情有哪些。以下就是我给出的回答：1.你是真正的实干家。在瑞典这样的国家，劳动者会收到非常好的保护，自己真正的去劳动，要比依靠其他人的才智更有价值。“老板”是一句脏话。2.收入高。这是一个需求量非常高的工作，企业会使劲浑身解数去吸引并且留住优秀的人才——果篮、免费的早中午餐、免费... 继续阅读 >
2016
08-25

为什么我要说 JavaScript 对象字面量很酷？ HOT

在 ECMAScript2015 之前，JavaScript里的对象字面量（也叫对象初始化器）功能很弱。它只能定义两种属性：普通键/值对 {name1:value}Getters {getname(){..}} 以及 setters {setname(val){..}}，用来设置和获取需要计算的值。令人心痛地，对象字面量的所有用法只用一个简单的例子就能囊括：TryinJSBinvarmyObject={myString:'value1',getmyNumber(){ret... 继续阅读 >
2016
08-25

设计和构建你自己的JavaScript代码库：提示与技巧 推荐

代码库：我们一直在使用它们。代码库是开发者把他们会在项目中使用到的代码打包起来形成的，这总能节省时间和避免重复造轮子。拥有一个可重复使用的包，不管是开源的还是闭源的，总比重复构建一样特性的包或者从过去的项目中手动复制粘贴要好。来自作者的更多文章StopMaimingBodies:ThePerilsofPixelFont-SizeES2016:ShouldtheFutureofJavaScriptBeDeveloper-Driven?除了被打包的代码，还可以更精确的形... 继续阅读 >
2016
08-22

试试这４个CSS动画解决方案和资源

随着移动设备的大量使用和CSS3兼容性在浏览器中的普及，越来越多的程序猿开始设计和使用基于CSS3的动画效果解决方案，但是自己编写基于CSS3的动画效果也是一件比较让人纠结的事情，为了快速的完成项目，大家也可以考虑使用一些现成的CSS3的动画效果库，今天这篇文章中，给大家介绍五款比较流行的CSS3类库和资源，希望大家能够喜欢~~Animate.cssanimate.css是我经常在项目中使用的动画效果类库，包含了很丰富的动画过... 继续阅读 >
2016
08-22

JavaScript里的循环方法：forEach，for-in，for-of

JavaScript诞生已经有20多年了，我们一直使用的用来循环一个数组的方法是这样的：for(varindex=0;index<myArray.length;index++){console.log(myArray[index]);}自从JavaScript5起，我们开始可以使用内置的forEach方法：myArray.forEach(function(value){console.log(value);});写法简单了许多，但也有短处：你不能中断循环(使用break语句或使用return语句。JavaScript里还有一种循环方法：for–in。for... 继续阅读 >
2016
08-22

搞懂了这几点，你就学会了Web编程

做了那么多年Web编程，仔细想想，其实本质上就那点事儿，你抓住了几个重点问题，学起来一点都不难。1.理解浏览器/服务器结构(B/S)B/S是从90年代的客户端/服务器端发展而来，共同点都是由一个（或一组）服务器来服务多个客户端。差别在于：首先，C/S结构的客户端可能是由不同语言编写的，例如VB,Delphi,PowerBuilder等，B/S结构中浏览器成为了一个通用的客户端，程序以Web的方式呈现，不需要安装，服务器端的升级就意味着所有... 继续阅读 >
2016
08-19

前端CSS一些小细节 HOT

英文原文：LearningtoLovetheBoringBitsofCSS未来的CSS太让人兴奋了：一方面，是全新的页面布局方式；另一方面，是酷炫的滤镜、颜色等视觉效果。这些CSS，受开发者追捧，被杂志和博客文章铺天盖地地介绍。如果说这些特性是CSS华丽的一面，那我们来看看它朴实的一面：很不起眼的东西，如选择器、单位、函数（方法）。我经常说这是繁琐的东西，但我意思是它们能干漂亮的活，这就是我要分享的。怎么说呢，让... 继续阅读 >
2016
08-19

前端基础的技术面试问题汇总

说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。闭包有三个特性：1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的。第一：每个特定的域名下... 继续阅读 >
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是一门简单的语... 继续阅读 >