Damon

前端 · 设计 · 摄影

Flexbox 打造栅格系统

这篇文章扯扯犊子上一篇给大家介绍了一下我们前端新式武器Flexbox。今天我们来看看他在实现一个框架要素 “栅格系统”是如何的易如反掌。 css框架，一听这个词大家肯定以为好高大上，但是，如拆解一下之后可以知道其实一个基础的css框架包含这几个要素就可以了： Layout Grid Systems Components Variable Responsive 在看一个css框架...

Posted by Damon on 2016-08-04

神器--Flexbox

这是一篇介绍和简单的flex 布局的教程 IntroFlexbox布局是一种为了解决现代web 复杂布局的新型的css3布局方案。印象中最深的一次了解flex布局是在css conf上，Git Cafe的工程师讲的.但当时由于其还没有得到各大浏览器厂商的广泛支持，我有专注于js没太在意这块的东西，所以仅仅只是一个了解。但随着react 的革命，让我们享受到组件化带来的便利的同时，也带来...

Posted by Damon on 2016-08-03

从0到1的学习iOS开发之Xcode的快捷键

快捷键说道快捷键，每个IDE都会有自己的很多快捷键。特别是我这个从sublime换过来的童鞋，特别想知道sbl上面的那些方便的功能到了xcode里面还有没有。下面就来看看查看快捷键方法Xcode主菜单->Xcode->Preferences->Key bindings 中查看与修改运行调试一般操作 command+shift+R 打开控制台 comman...

Posted by Damon on 2016-08-02

开发一款APP

初衷学习学习再学习我之前做过几年的设计，后来为了生活我开始写前端，后来发现我喜欢上了前端近几年来前端发展的太过火热，react的横空出世，让我对未来的前端道路又有了新的想象。组件化和模块化的不断完善，还有reactnative的出现，对于一个想要开发一款属于自己APP的人看到了希望。但是在开始之前，我必须得了解iOS的开发过程，熟悉一点native语言来解决道路上的trouble。 ...

Posted by Damon on 2016-08-02

MAC 安装PHP mysql 相关

开始学习php 今天折腾了一下环境。整体来说得益于mac的便利性，安装起来还算顺利。中间也遇到一些小坑，记录一下。 hombrew 更新我原来已经安装过homebrew所以现在需要的是update12345678brew update#报错Error: Could not link phinze/cask manpages to: /usr/local/share/man/man1/bre...

Posted by Damon on 2016-07-27

为什么使用immutable js

JavaScript 中的对象一般是可变的（Mutable），因为使用了引用赋值，新的对象简单的引用了原始对象，改变新的对象将影响到原始对象。如 foo={a: 1}; bar=foo; bar.a=2 你会发现此时 foo.a 也被改成了 2。虽然这样做可以节约内存，但当应用复杂后，这就造成了非常大的隐患，Mutable 带来的优点变得得不偿失。 some problems Mutable...

2016-07-07

Webpack之配置说明

webpack 通过一个配置对象来操作. 有两种方式来传递这个对象: CLI如果你使用CLI ，webpack 会默认读取webpack.config.js（或者通过 --config 选项指向读取文件），该文件需要导出一个配置对象。123module.exports = { // configuration}; node.js API如果使用node.js A...

Posted by Damon on 2016-06-13

Webpack的静态资源版本管理方案

原文Long-term caching of static assets with Webpack Webpack is a great way to package all your static resources such as JavaScript, CSS or even images, but to effectively use generated assets in pr...

Posted by Damon on 2016-06-06

对象与继承(一) 单一对象

Objects and Inheritance 概括的讲所有的js对象都是从字符串到值的映射，一个对象中的某一项（键，值对）称作对象的属性。属性的key始终是一个字符串而值可以是任何js值，包括函数。方法是指值为函数的属性。属性的种类三种属性: 属性（Properties，或称为数据属性）普通属性，在一个对象里面的一个键值对包括方法，最常用属性。访问器(Accessors，或者叫...

Posted by Damon on 2016-06-03

redux-form-reducer-to-redux

Array Reduce 方法对于前端的同学们来说，Array自带的几个遍历方法应该都不太陌生。 map ,pop,push,reduce,reduceRight,reverse,shift,slice,some,sort,splice,toString,unshift,valueof,values 我们重点来看，reduce方法：reduce的英文意思是减少，缩小，归纳。我觉得归纳应...

Posted by Damon on 2016-05-28