-
learn-modern-PHP-book-3-trait
性状通俗：RetialStore 和 Car 两个类的作用十分不同，继承层次结构没有共同的父类，不过都要使用地理编码技术转换成经纬度性状就是解决这样的问题，把模块化实现方法注入多个无关的类中，促进代码的重用原来为了解决这个问题我们会创建一个父类 Geocodable ，让 RetialStore 和 Car 都继承这个类。这样不好，强制让两个无关的类继承一个祖先可以创建一个 Geocodable 接口，定义实现地理编码功能需要哪些方法，让它们都实现这个接口。不过两个类中实现相同的地理编码功能，不符合 DRY 原理下面讲讲实例// 定义 trait// trait MyTrait{// ...// }trait Geocodab... Read More -
learn-modern-PHP-book-2-interface
接口是两个对象之间的默契，目的不是让一个对象以来另外一个对象的身份，而是依赖另一个对象的能力接口把我们代码和依赖解耦了，允许我们代码依赖任何实现了预期接口的第三方代码class DocumentStore{ protected $data = []; public function addDocument(Documentable $document){ $key = $document->getId(); $value = $document->getContent(); $this->data[$key] = $value; } public function getDocume... Read More -
learn-modern-PHP-book-1-namespace
开始学习 Modern PHP 一书，看到豆瓣的评分还是不错的，也有人推荐Zend Engine 是 PHP 引擎，另外还有 facebook 的 HipHop Virtual MachineHack 是建立在 PHP 上的编程语言，引入了静态类型，新的数据皆结构和额外的借口，同时向后兼容现有的动态类型 PHP 代码书本开始讲的是 namespace我们首先需要安装 composer，这个熟悉前端的话知道它是类似于 node.js 的 npm所以到了他的 官网下载这个时候想要全局安装 composer，我使用的是 mac 有默认安装的 PHP ，但是我自己使用的是 xampp，所以参考了下这篇文章 修改 MAC 默认 PHP ... Read More -
build-online-blog-with-express-heroku-mlab
编辑中文章背景cody blog 这个是我一直用来写博客的地方，基于 Github Pages 和 Jekyll 的默认模板修改而搭建而成的，纯前端无后台的博客。最近看了一个 一起学 Node.js 系列教程，自己也打算来搭建由 Express，MongoDB 构成的一个博客。感觉自己不会讲太多 Node.js 的学习，更多的是一个搭建博客的过程，希望看这篇教程的同学可以先好好过一遍 一起学 Node.jsHeroku 简明教程先在这里注册我们的 Heroku 账号，注册成功会进入到我的面板，选择如下图的按钮创建成功以后，会进入到这样一个页面：有两种开发模式，一种是使用 Heroku CLI，需要下载 Heroku 的工具，另... Read More -
a simple vue guide
一个简单的 vue.js 实践教程更新 (2016.9.6)修复 vue-resource 传参问题更新（2016.9.2）感觉需要改善的地方有： (更新代码)livingInfo 数组和 anchorInfo 数组可以通过 computed 属性计算合成一个大的数组，那么很多的过滤器还有 forEach 遍历就可以省略掉了 可以把整个 ul 下的部分做成一个组件 文章可能描述的很啰嗦 公司有一个项目，其中一部分的截图如下：主要需求如下： 需要拉取十个人的信息，包括封面图，名字，票数，以及对应用户是否进行了投票等信息，以及根据票数排序 正在直播的人在右上角会有一个... Read More -
vue tutorial
Vue构建单页应用一个学习笔记，参考地址在 vue-tutorial代码地址在线预览使用vue-clihttps://github.com/vuejs/vue-cli我们可以使用 vue-cli 开始我们的项目，它是vue的一个脚手架。 我一般选择里面的webpack模板来使用，具体的使用方法可以到那个项目里面查看，使用方法如下： $ npm install -g vue-cli $ vue init webpack my-project $ cd my-project $ npm install $ npm run dev然后我们再把 vue-resource vue-router 下载安装。分... Read More -
gulp introduction
文章背景在我之前的博客 start-mobile-front-end 有提到日常使用的项目开发简单的模板，后面整合了 可伸缩布局方案-lib-flexible 对模板进行了简单的修改，放在html5-boilerplate 维护。这里是把这套模板和 gulp 进行整合。gulp 介绍打开 gulp中文网 的源码，我们可以 title 是这样写的：gulp.js - 基于流的自动化构建工具。 | gulp.js 中文网而它的 description 写着：Gulp.js 是一个自动化构建工具，开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于 Node.js 构建的，利用 Node.js 流的威力，你可以快... Read More -
Front end standards
减少维护成本，最新的规范在 html5-boilerplate1. 规范说明此规范用于 深圳市暖柚科技有限公司 日常前端开发使用的规范，参考前端规范 Front-End-Standards.com而来。制定前端开发规范，意在统一日常前端开发的编码规范和风格，提高代码的规范性和可维护性，也能让技术得到沉淀，减少重复的工作。但是规范也是人定的，不必要太拘泥于此文档，有感觉不合理的地方也欢迎提出修改。顺便一提自己也写了一遍 Start mobile front end 的博客，有兴趣的可以先读一读。而规范使用的模板可以 html5-boilerplate 找到。2. 书写规范2.1 样式与内容分离2.1.1 项目结构--- | --... Read More