主页

使用CMP设计制作前端模块

什么东东想不想减少每天的开发工作量?想不想改变粘贴、复制、修改的开发模式?新的利器来了。CMP试用版本发布了,CMP是一个用于制作网页的工具,你可以用它来制作静态网页,也可以制作网页片段比如一个组件,一个UI,或者一个模块,甚至是一个包含数据请求的模块,它能根据你的需求灵活的实现任何事情。

使用VSCode要做的一些事情

新的一年新的一年要做很多事情。IDE转向VSCODE了,觉得还是很好用的。最近做了一个提高开发效率的软件,先不放出来,等做好了再说。主要是个界面编辑器,开发人员可以根据视觉稿编辑各种组件或者模块,然后导出成需要的程序代码,目前支持FTL和Regular模块,支持include、IF/ELSE函数、FOR函数等等。敬请期待。

ThreeJs中文教程笔记教程

学习WebGL很长时间了,但是总是东拼一下,西凑一点,没有系统总结。趁现在经济危机,俺要发奋图强。这里总结一下,基于ThreeJs官网(http://www.threejs.org ) 和其他网上看的博客内容,定期更新本系列课程。今天突然发现,博客写了两三年了,人还是没变。我还是坚持做自己喜欢的事情。可是现在觉得自己越走越远,总结更新一下最近学习的知识。

前端大人,你懂设计吗?

前端大人,你懂设计吗?对不起,我不懂。不懂咋办?学习、思考、实践。前端工程师要会什么?大家校招或社招的经历,都心领神会了。但是想想,前端工程师该做什么?想想,时代在发展,科学在进步,明天发生啥?谁也挡不住。从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,shiv之间有什么区别?

什么是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