随笔分类 - workflow最佳实践
软件开发，网站开发工作流程探讨
摘要：在当今web开发中，有越来越多，越来越成熟的开源应用框架来支持我们快速开发web应用。但是有很多情况下这些应用框架本身也在不断地新增重要功能，解决部分bug， 那么我们如何能够在保持自己工作向前走的情况下，又能择机将我们的应用框架本身做无缝升级？git的工程实践有什么可以应用的呢？本文希望能够有所探
阅读全文
摘要：前端开发主要涉及到html, css(less/sass), javascript这几个方面的知识。真正的快速有效开发，必须实现所谓所见即所得。在构建生产时，可能需要使用gulp/grunt等task runner来将前端所有的任务串联起来，但是在一个简易开发环境中，有以下两种模式快速构建本地静态页
阅读全文
摘要：http://conversionxl.com/website-information-architecture-optimal-user-experience/ 在网站上应该有什么类型的content？应该如何结构化菜单？第一级的菜单应该有哪些item?一个或者两个menus？菜单链接应该如何被调
阅读全文
摘要：在现代web开发中，往往我们会借助类似sass,less之类的预处理器来加快开发进度，但是随着项目的增大，你可能无法清楚明确地知道一个css rule到底是从哪个less/scss文件中编译出来的，这反而会大大降低工作效率。 幸运的是google chrome的开发人员借助传统c/c++语言开发经验
阅读全文
摘要：media query是css3规范中引入的，它提供了一种responsive design的基础机制：浏览器在不同size的设备中将以不同样式展现网页，这就给一个网页能够适应不同device一种可能。在实际使用中，我常常碰到以下问题：为什么media query的rule不起作用？很有可能和你的m
阅读全文
摘要：在less中，通过 @import (keyword) "filename"的方式引入其他的文件，这个keyword可以是以下6种： referrence referrence这个keyword，例如: @import (reference) "file.less"将使得file.less文件中定义
阅读全文
摘要：mobile app运行时由于调试网络相关的内容非常不便，所以如果能够让iphone通过桌面主机来跑traffic，那么在pc上就能非常清楚地检查mobile app和后端之间有什么问题了。幸运的是fiddler有一个proxy的功能可以胜任，在这个场景中运行fiddler的pc作为proxy, ...
阅读全文
摘要：https://medium.com/@andersonorui_/bem-sass-and-bootstrap-9f89dc07d20fBootstrap是一个“HTML,CSS和Javascript的框架，用于开发responsive,mobile first project";SASS是一个c...
阅读全文
摘要：对于一个web项目，在实际编码之前，有一些通用的步骤来planning a website:0.Defining the project (predr0->dr0)对于外部项目，客户一般会发出一个RFP,向潜在的服务提供商征询proposal,通过和客户沟通首先了解到他们所面临要解决的一个问题，并且...
阅读全文
摘要：http://eagain.net/articles/git-for-computer-scientists/git object storage仅仅是一个DAG of objects, 有几种类型的对象。他们都被压缩保存并以SHA-1 hash来标示。blob:最简单的对象，仅仅是一堆字节的堆...
阅读全文
摘要：.gitattributes文件就是一个简单的text文本文件，它的作用是gives attributes to pathnames. 该文件中的一些配置可以为某些特定目录或者文件来设置，这样Git就仅仅对一个子目录或者文件子集来应用规则。这些path-specific配置被称为Git atttri
阅读全文
摘要：大多数git用户知道如何在git中创建一个alias以便更便利地使用相关命令。很少有人知道至少不会好好利用的是：你实际上可以为Git创建扩展或者plugin，以便上git完成任何你希望完成的工作。这就是Git subcommand! 应该如何创建git子命令呢？1.创建一个shell或者bas...
阅读全文
摘要：clockwork对于曾经做过C,c++代码调优的工程师并不会陌生，它可以指出代码中的潜在问题，比如内存泄漏，数组越界等。他也可以做profiler动作，指出系统各个函数的执行时间，性能瓶颈到底在哪里等。而在PHP服务端开发中，同样存在类似的需求。比如为什么我们的PHP代码执行如此之慢？时间到底...
阅读全文
摘要：由于git在每一个commit时都会变动过的文件全部保存（不像其他的系统，只做文件增量存储），外加未变动文件的引用，这样如果在文件系统中有一些大的二进制文件，比如图片，视频，那么很快你的repo就将变得很大（特别是binary文件又会有高频小部分变化commit的话），clone这个repo时也会耗
阅读全文
摘要：phpstorm对于使用PHP开发web的人员来说，是一个非常不错的编辑开发IDE，以前用过sublime，但是相比于storm,sublime在浏览legacy代码，类代码编辑方面明显要逊色不少。同时其代码调试功能是我见过的web开发IDE中是最棒的！倾情推荐。对应的webstorm对于js开发也
阅读全文
摘要：当你的团队在开发一个大型应用时，该应用的不同部分可能以不同的速度前进。比如，设想下面的场景：一个开发热源被分配 数据层 的backend工作，而另外一个开发人员做front-end和web/controller层面的工作。前端开发人员希望测试他的controller，但是后端的数据层却进展缓慢。然而...
阅读全文
摘要：How Does BrowserSync Work?BrowserSync starts a small web server. If you’re already using a local web server or need to connect to a live website, yo...
阅读全文
摘要：Vagrant is a tool that manages oracle virtual boxes 1.本地下载https://atlas.hashicorp.com/laravel/boxes/homestead/versions/0.2.6/providers/virtualbox.box下
阅读全文
摘要：bower install loadash --savebower uninstall loadash --savebower initbower install loadash#2.2.1bower info loadash 列出lodash包的bower.json文件以及其历史版本集bower ...
阅读全文
摘要：node，npm在前端开发流程中提供了非常完善的自动化工具链，但是同样由于其复杂性导致有很多奇奇怪怪的问题。本文将记录使用过程中出现的一些问题及其解决方法备案。 国内由于gfw问题，导致很多国外的网站不能访问，比如bitbucket就是一个host代码的很优秀平台，但是由于该平台可能被block住，
阅读全文
