201608-16 101种让你的网站更棒的方法 这篇文章最初出版于AwesomeBlog。上周我和一个老客户聊天,她和我说,“Nick,我觉得我的网站需要改进,但是我却不确定到底需要做什么”。于是我就去问了周围很多人,朋友、家人和一些非互联网方向的商务人士。他们都说了同样的话:“我需要一个清单,因为我不知道如何去搭建一个网站,我不得不雇佣一些人,但到最后我依然不知道都做了什么。”所以我列了一个我们在AwesomeWeb中所做的事情的清单(当... 继续阅读 >
201608-06 自己总结的web前端知识体系大全 1.前言大约在几个月之前,让我看完了《webkit技术内幕》这本书的时候,突然有了一个想法。想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆人们对于前端只有三大块(html、css、js)的认识——做web前端需要的比这三大块要多得多。拖了好几个月了,但是由于近期将要参加的某一个活动,我不得不这两天把这个东西整出来。说干就干。上午我就开始在办... 继续阅读 >
201607-19 前端JSer装逼手册 在装逼成本越来越高的JS圈,是时候充值一下了————题记 §开发MacbookPro是标配,美其名曰“提高开发体验”什么?你还在用Spotlight?赶紧给我换Alfred! 编辑器,Sublime/Atom/VSCode三选一虽然很想用IDE,但一定要忍住,并且与人解释道:“启动速度慢,消耗资源多,不适合我这种完美主义者如果不是为了美观,我宁愿使用V... 继续阅读 >
201606-27 谈一谈越来越难做的前端 我接触前端的时间不长也不短,13年入门,14年初在百度实习,14中正式参加工作,掐指一算4年整。然而这四年间前端的变化已经让很多人摸不着头脑。 昨天还发了一条状态,调侃jQuery是一个坚韧的社区,有人留言问我为什么这么说。记得刚入前端这个坑时,jQuery异常火爆,图书馆的相关书籍俯拾皆是,博客园上的文章介绍多若繁星,jQuery插件铺天盖地,可谓盛况空前。然而,随着多端设备的兴起和界面需求... 继续阅读 >
201604-20 前后端分离了,然后呢? 前言前后端分离已经是业界所共识的一种开发/部署模式了。所谓的前后端分离,并不是传统行业中的按部门划分,一部分人纯做前端(HTML/CSS/JavaScript/Flex),另一部分人纯做后端,因为这种方式是不工作的:比如很多团队采取了后端的模板技术(JSP,FreeMarker,ERB等等),前端的开发和调试需要一个后台Web容器的支持,从而无法做到真正的分离(更不用提在部署的时候,由于动态内容和静态内容混在一起,当设计动态静态分流的... 继续阅读 >
201604-12 前端进阶成大神之路 在几年前,天空一声巨响,ajax闪亮登场.前端宝宝们如获至宝~已经表单提交神马的,真的太心累了.有了ajax之后,网页的性能可大幅提升,告别刷新,告别如水的流量.不过,长江后浪推前浪,一代更比一代强.由于ajax被同域限制着,导致,多服务器配置,云服务资源的存储没办法充分利用.所以,业界想到另外一种方法--JSONP.JSONP实际上和ajax没有半点关系,唯一相同的就是都是异步执行,而且JSONP完美解决了CD(crossdomain)... 继续阅读 >
201603-21 前端笔面题常见问题解析 前端开发面试知识点大纲:HTML&CSS:对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。JavaScript:数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等... 继续阅读 >
201603-18 2016年Web前端面试题目汇总 以下是收集一些面试中经常会遇到的经典面试题以及自己面试过程中无法解决的问题,通过对知识的整理以及经验的总结,重新巩固自身的前端基础知识,如有错误或更好的答案,欢迎指正。:)HTML/CSS部分1、什么是盒子模型?在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以... 继续阅读 >
201603-03 前端工程师是怎样一种职业 前端工程师已经是大家不再陌生的一个软件行业的工种了,尽管这一工种诞生也没几年。作为一名从业三年的前端工程师,我尝试结合业界标准与我的理解,来尽可能诠释一下前端工程师这个职业。这篇文章的适读人群为:非web方向的软件开发者、产品经理以及与产品挂钩的相关人士、正在纠结需不需要招聘一个前端的老板们、刚刚走上工作岗位的前端新手们、以及所有对前端感兴趣的父老乡亲们。前端工程师的英文名为front-endengi... 继续阅读 >
201602-22 移动前端知识总结 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"/>当网站添加到主屏幕快速启动方式,可隐藏地... 继续阅读 >
201512-15 年总结2015前端面试题集锦及答案解析 FE-interview个人收集的前端知识点、面试题和答案,参考答案仅代表个人观点,方便复习。HTML,HTTP,web综合问题常见排序算法的时间复杂度,空间复杂度前端需要注意哪些SEO合理的title、description、keywords:搜索对着三项的权重逐个减小,title值强调重点即可,重要关键词出现不要超过2次,而且要靠前,不同页面title要有所不同;description把页面内容高度概括,长度合适,不可过分堆砌关键词,不同页面description有... 继续阅读 >
201512-02 web前端规范 1.规范说明此为前端开发团队遵循和约定的代码书写规范,意在提高代码的规范性和可维护性。此规范为参考规范,不全是硬性要求,部分硬性约定见下一条书写规范,统一团队编码规范和风格。让所有代码都是有规可循的,并且能够得到沉淀,减少重复劳动。1.1结构说明--项目结构----|----CSS文件结构----|----JS文件结构2.书写规范2.1样式与内容分离2.1.1项目结构---|----index.html入口页|----... 继续阅读 >
201511-08 UI设计师该如何学习前端? 笔者的经历在知乎就可以看到,大学专业是数字媒体艺术,大一实习过动效设计师,大二拿到了人生第一个大公司的offer是交互设计师,后来转岗到淘宝旅行的前端团队,现在在微信电影票做前端研发。也是走过了不少野路子,不过还好有小右哥@尤雨溪这样艺术/设计转前端的大神在前面做典范,也证明这条路是玩的通的接下来就说说自己的学习建议吧,一个小教程,也是自己走过的流程,仅供参考哈————背景篇在这个时代学习新东西... 继续阅读 >
201510-06 前端开发工程师最常问的问题 本文收集总结了一些优质的前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习,透彻学习,形成自己的知识链。万不可投机取巧,只求面试过关是错误的!前端界新的行业标准,框架,库不断在更新和新增,正如赫门在2015深JS大会上《前端服务化之路》主题演讲中说的一句话:“每18至24个月,前端都会难一倍”,这些变化使前端的能力更加丰富、创造的应用也会更加完美,所以前端程序员们,继续学习吧。在网上发现... 继续阅读 >
201507-11 2015年需要了解的前端框架和语言 语言/平台Node.js第一,PHT第二,JavaScript第三。因为Node.js的社区很多,所以这个结果你也不用太意外。如果你知道JavaScript,你已经一只脚踏进了用Node.js来构建WebAPP的可能。框架AngularJS处于框架的领导地位。大量的公司和企业已经采用Angular,这就要求开发者更多的具备使用这个框架的技能。主要还是因为有Google里最好的工程师支持。2015你应该学习的很多的库和框架产生和消亡,对于把有限的精力... 继续阅读 >
201507-01 为什么我不想成为Web前端程序员 职位名称并不代表技能集作为一个前端开发人员,你是不是认为自己不需要懂很多技能?然而事实可能并非如此。我在一个热门的工作论坛就前端开发工作做了一个快速搜索,发现有一个主题经常反复出现,那就是成为中级/高级前端开发者需要什么技能:(X)HTML(5)、CSS、SASS/ SCSS,LESS。Backbone、Angular、Knockout。响应式网页设计(例如Bootstrap知识、Foundation等)。AdobePhotoshop、Magento... 继续阅读 >