coder_zyz

Talk is cheap, show me the code! Stay foolish, stay hungry~

导航

2017年4月22日 #

浏览器默认样式及reset

摘要: 写在前面 首先纠正一个易错概念。div并非生来就是块元素,而是每个浏览器都有一套默认的css样式(优先级最低),默认样式里会把div设置成display: block;还有margin,padding等。这就是不同浏览器初始化样式不同的原因。也是为什么要做css reset的原因。 注:chrome 阅读全文

posted @ 2017-04-22 20:55 coder_zyz 阅读(417) 评论(0) 推荐(1) 编辑

三列布局

摘要: 介绍几种左中右布局,左右定宽,中间自适应,扩展阅读可搜索关键字:圣杯布局,双飞翼布局 注:建议所有布局都要有个包裹container并设置min-width(或width)等于设计稿所给尺寸,防止浏览器尺寸变化造成样式混乱。另,简易布局为笔者根据经验所写,如有不妥的地方欢迎指导修改。 效果图: 对比 阅读全文

posted @ 2017-04-22 20:53 coder_zyz 阅读(296) 评论(0) 推荐(0) 编辑

CSS命名规范-BEM

摘要: BEM是由Yandex公司推出的一套CSS命名规范,官方是这么描述它的: BEM是一种让你可以快速开发网站并对此进行多年维护的技术。 一开始,Yandex公司推出的BEM,包括了规范以及其配套构建工具。如今提到的BEM主要是指其中的规范,在BEM最新的推广页中,对其的描述为: BEM是一种命名方法, 阅读全文

posted @ 2017-04-22 20:47 coder_zyz 阅读(8797) 评论(1) 推荐(0) 编辑

Hybrid平台

摘要: 需求说明 离线包管理平台主要负责对需要接入Hybrid平台的应用进行管理,通过这个平台可以实现对应用的静态资源进行构建、发布、生成离线包,版本控制等,核心场景如下: 系统设计 应用管理 应用管理对接入平台的应用进行统一的维护,包括如下功能: 构建和发布流程 构建 构建过程与目前在Jenkins的No 阅读全文

posted @ 2017-04-22 20:44 coder_zyz 阅读(321) 评论(0) 推荐(0) 编辑

前端代码规范

摘要: CSS规范 1、书写规范 代码缩进:空四个空格 选择器单独占一行,每个属性及属性值占一行,属性结束用分号 ; { } 上下不要加空行,} 单独占一行,每组属性之间空一行 按组件块编写样式,并添加相应的注释 注释统一用/**/ 对于属性值或颜色参数,小于 1 的省略前面的 0 十六进制值应该全部小写, 阅读全文

posted @ 2017-04-22 20:30 coder_zyz 阅读(461) 评论(0) 推荐(1) 编辑

node服务通过Jenkins上线流程

摘要: 构建流程 构建服务器: 拉取指定分支代码 构建服务器: 安装依赖 构建服务器: 执行构建 构建服务器: 如果上线流程,则在 git 上创建 tag,供回滚使用 构建服务器:打包 node 服务代码,和静态资源代码 测试环境上线 构建服务器:执行构建 jenkins:拉取打包好的静态资源和 node 阅读全文

posted @ 2017-04-22 20:20 coder_zyz 阅读(1769) 评论(0) 推荐(0) 编辑

移动端常用布局方法

摘要: 目前,主流高性能移动端网页页面布局方案有两种(基于宽度320px,按设计图实现方式) 1、通过设置viewport缩放来实现 2、通过rem相对单位来实现 viewport,rem基础知识,可参见: http://www.cnblogs.com/2050/p/3877280.html http:// 阅读全文

posted @ 2017-04-22 20:19 coder_zyz 阅读(312) 评论(0) 推荐(0) 编辑

前端工程化

摘要: 工程结构 src - 项目的源码,开发阶段在这个目录进行dist - 存放构建之后的文件的目录,如果不需要引用源码,则可以直接引用该目录下的文件。examples - 示例,调用方法示例。docs - 项目文档,如果文档内容太多,不方便全部写到 README 中,可以下 docs 目录下新建 Mar 阅读全文

posted @ 2017-04-22 20:05 coder_zyz 阅读(165) 评论(0) 推荐(0) 编辑

前端开发辅助

摘要: 本地serve 错误提示 自动刷新 自动监听 代码质量检测 更加项目配置文件,统一编译、输出 字符编码统一化 阅读全文

posted @ 2017-04-22 20:00 coder_zyz 阅读(109) 评论(0) 推荐(0) 编辑

前端Node项目发布流程

摘要: 最近在做前端的发布流程,发布流程的主要实现以下几个方面: 构建:包括JavaScript、css、html等的压缩,以及版本控制,利用md5生成版本号替换文件引用,实现长缓存策略。 发布:输出新版本的代码,切换系统到新版本 回滚:如果系统有问题,可以切换到原有版本 构建 整个流程由gulp控制,we 阅读全文

posted @ 2017-04-22 19:59 coder_zyz 阅读(492) 评论(0) 推荐(0) 编辑