主页

前端大人,你懂设计吗?

前端大人,你懂设计吗?对不起,我不懂。不懂咋办?学习、思考、实践。前端工程师要会什么?大家校招或社招的经历,都心领神会了。但是想想,前端工程师该做什么?想想,时代在发展,科学在进步,明天发生啥?谁也挡不住。从WEB1.0 到 WEB2.0,到可能的 WEB N.0, 关于前端这一块的分工发生了许多的变化。想想大学还在学网页三剑客。前端工程师这一岗位的出现,主要为了提高网页端的用户体验。说到用户体验

React属性(propTypes)校验

随着应用不断变大,保证组件被正确使用变得非常有用。为此我们引入propTypes。React.PropTypes 提供很多验证器 (validator) 来验证传入数据的有效性。当向 props 传入无效数据时,JavaScript 控制台会抛出警告。注意为了性能考虑,只在开发环境验证 propTypes。下面用例子来说明不同验证器的区别:

SVG压缩与字体图标新思路

已经很晚了,程序员,程序狗,爱学习不爱加班的我,还是在加班,在学习。为了涨工资,ping了。本节安利一个压缩SVG的工具:svgo(https://github.com/chalecao/svgo)。我们做前端的同学肯定都用过字体图标,有些特殊的字体图标需要视觉做个svg的矢量图,或者你也可以自己做个矢量图,需要学学adobe illustrator,绘制个矢量图,然后保存成svg格式就可以了。然后用记事本打开保存的svg文件,你会发现有许多没有用的svg标签,这时候你需要一个svg压缩工具,可以帮你做这些事情。

2016-11-02前端早读

前端的发展真是快啊,快啊,快啊。组件化开发的思想真是遍地开花。今天抽时间看了一下React的组件,想了很多。之前很久就想构建组件化的开发思路,来到公司上班后每天忙于业务开发,的确很少时间做研究了。技术真的跟不上了。

polyfill和shim之间有什么区别?

什么是polyfill和shim搜索了一下:在JavaScript的世界里,有两个词经常被提到,shim和polyfill.它们指的都是什么,又有什么区别?一个shim是一个库,它将一个新的API引入到一个旧的环境中,而且仅靠旧环境中已有的手段实现;一个polyfill就是一个用在浏览器API上的shim.我们通常的做法是先检查当前浏览器是否支持某个API,如果不支持的话就加载对应的polyfill.然后新旧浏览器就都可以使用这个API了。

CSS知识点学习总结

丫丫语录 如果你交给某人一个程序,你将折磨他一整天;如果你教某人如何编写程序,你将折磨他一辈子。 DAY5任务1234567891.CSS,CSS简介,简要介绍CSS发展历史和基本概念、引入、基本语法2.选择器,基本选择器、属性选择器、伪类选择器、伪元素选择器、组合选择器、分组选择器、优先级、层叠、继承、!important3.文本,字体的基本设置、对齐方式、格式处理、高级设置等4.盒模型,盒模型概念 、width、height、padding、margin(水平居中)、border、border-radius、overflow、box-sizing、box-shadow、outline5.背景 ,background基本属性、线性渐变、径向渐变6.布局,布局简介、display(水平居中、居中导航)、position(轮播头图、固定顶栏、遮罩、三行自适应布局)、float(两列布局)、flex(三行两列自适应)7.变形,2d变形方法、3d变形方法8.动画,过渡动画、帧动画9.IE下的css hack

数据通信与数据存储

丫丫语录 如果你交给某人一个程序,你将折磨他一整天;如果你教某人如何编写程序,你将折磨他一辈子。 DAY4任务1231.http协议,http协议中的头信息字段及应用2.ajax 添加CORS和Frame代理的原理链接 ajax(xhr2,跨域),CORS,jsonp3.cookie,storage,localStorage、sessionStorage

内置对象与原生对象

丫丫语录 如果你交给某人一个程序,你将折磨他一整天;如果你教某人如何编写程序,你将折磨他一辈子。 DAY3任务123456781.简介,主要介绍内置对象的分类、构造器的介绍方法2.Object,介绍Object构造器对象及其关键的对象方法、原型对象方法3.String、Number、Boolean,介绍String、Number、Boolean类型的封装类(构造器对象)及其关键的对象方法、原型对象方法4.Array,介绍Array构造器对象及其关键的对象方法、原型对象方法5.Function,介绍Function构造器对象及其关键的原型对象方法(apply、call、bind)6.RegExp、Date、Error,介绍RegExp、Date、Error构造器对象7.Math、JSON 1.Math、JSON 介绍Math、JSON对象及其方法8.全局对象,介绍全局对象方法parseInt、encodedURIComponent等

面向对象封装继承、原型原型链

丫丫语录 如果你交给某人一个程序,你将折磨他一整天;如果你教某人如何编写程序,你将折磨他一辈子。 DAY2任务1231.简介,面向对象概述、自定义对象及属性创建、this2.原型,原型、原型继承、原型链3.JS面向对象, 全局变量、信息隐藏、封装、继承(类继承、原型继承)

语句,变量作用域,闭包

丫丫语录 如果你交给某人一个程序,你将折磨他一整天;如果你教某人如何编写程序,你将折磨他一辈子。 DAY1任务1231.语句 简要介绍条件语句、循环语句、异常语句、with语句等2.变量作用域 变量与作用域概述、Js词法环境、with/catch对作用域的影响3.闭包 闭包概念、闭包原理、闭包应用