基于 React 的项目模板

赵金添 | 前端 | 2016-04-05
目前还在整理和优化:https://github.com/zhaotoday/a-boilerplate-for-react-project。 [阅读全文]
ė766次浏览 60条评论 0

一些 React 组件库

赵金添 | 前端 | 2016-03-23
参考:https://www.zhihu.com/question/39452825/answer/91754523 belle http://nikgraf.github.io/belle/ React UI http://lobos.github.io/react-ui/ React Toolbox http://react-toolbox.com/ react- [阅读全文]
ė1641次浏览 60条评论 0

CSS3 的 calc() 使用

赵金添 | 前端 | 2016-03-17
参考: http://www.w3cplus.com/css3/how-to-use-css3-calc-function.html 预览: http://my.codelab.cn/2016-03-17-1/calc.html 什么是calc()? 是css3的一个新增的功能,用来指定元素的长度。比如说,你可以使用calc()给元素的border、margin、pading、f [阅读全文]
ė846次浏览 60条评论 0

flexbox -- 弹性盒子布局

赵金添 | 前端 | 2016-03-17
代码:   /** 伸缩容器**/   .flex-wrap {     display: -webkit-box;     display: -moz-box;     display: -ms-flexbox;     display: -webkit-flex;   [阅读全文]
ė815次浏览 60条评论 0

常见class关键词

赵金添 | 前端 | 2016-03-04
参考:http://www.w3cplus.com/css/css-class-name.html 布局类:header, footer, container, main, content, aside, page, section 包裹类:wrap, inner 区块类:region, block, box 结构类:hd, bd, ft, top, bottom, left, rig [阅读全文]
ė819次浏览 60条评论 0

在 webpack 中使用 compass

| 前端 | 2016-02-25
参考:https://github.com/Igosuki/compass-mixins 1. cnpm i compass-mixins --save 2. style.scss: @import "node_modules/compass-mixins/lib/compass/css3"; body {   @include opacity(0.1); } [阅读全文]
ė2822次浏览 60条评论 0

(转)组件的生命周期

赵金添 | 前端 | 2016-02-22
参考:https://segmentfault.com/a/1190000002676131 组件的生命周期主要由三个部分组成: Mounting:组件正在被插入DOM中 Updating:如果DOM需要更新,组件正在被重新渲染 Unmounting:组件从DOM中 [阅读全文]
ė759次浏览 60条评论 0

微信网页设计样式库

赵金添 | 前端 | 2016-02-14
为帮助网页开发者实现与微信客户端一致的视觉体验,并降低设计和开发成本,微信团队推出了网页设计样式库:WeUI。 该样式库目前包含 button (按钮)、cell (单元格)、toast (浮层提示)、dialog (对话框)等网页常用的各式元素,并已在 GitHub 上开源。 参考: http://www.xuanfengge.com/released-micro-web-design [阅读全文]
ė804次浏览 60条评论 0

移动端web开发技巧(转)

赵金添 | 前端 | 2016-02-14
参考:http://ljinkai.github.io/2015/06/06/mobile-web-skill/ 这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。 META相关 1. 添加到主屏后的标题(IOS [阅读全文]
ė1496次浏览 60条评论 0

小记:私有属性在前标准属性在后

赵金添 | 前端 | 2016-01-07
.box {   -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);   -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);   -ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);   -o-box-shadow: [阅读全文]
ė815次浏览 60条评论 0

Ɣ回顶部