coder_zyz

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

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

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

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

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

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

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

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

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

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

摘要： 一、版本 ： node v4.4.3 npm v2.15.1 pm2 v1.1.3 express v4.13.4 二、node安装与环境配置 sudo mkdir -p /www/dev/node 2、进入node目录，下载node二进制文件包（免编译） sudo wget https://nod 阅读全文

摘要： 这次主要是说明如何为新模块配置，以实现打包压缩。 文件目录 安装 在本地安装Node，然后安装gulp 在项目根目录下执行 安装所有的构建过程依赖的包，安装好以后，配置模块的构建文件。 配置 模块配置文件格式如下： css属性是需要打包的css文件路径，构建结束后会打包成一个css文件。js属性是j 阅读全文

摘要： 目前线上系统利用Seajs做模板化，但是没有对js和css进行打包，在这次简历搜索优化项目里我尝试对gulp插件对Seajs模块打包。 安装gulp和相关插件 cmd打包的插件:gulp-cmd gulp-cmd可以解析seajs.config中的alias,vars,paths 只有在有seajs 阅读全文

摘要： z-index属性 z-index : auto | number z-index 属性设置元素的堆叠顺序，如果为正数，则离用户更近，为负数则表示离用户更远； 拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面； z-index 仅能在定位元素上奏效（position 属性值为 relativ 阅读全文

摘要： SeaJS基本开发原则在讨论SeaJS的具体使用前，先介绍一下SeaJS的模块化理念和开发原则。使用SeaJS开发JavaScript的基本原则就是：一切皆为模块。引入SeaJS后，编写JavaScript代码就变成了编写一个又一个模块，SeaJS中模块的概念有点类似于面向对象中的类——模块可以拥有 阅读全文

摘要： 1、场景一： IE6 下默认div最小高度为2px，如何创建高为1px的容器？ 2、场景二： 移动端高分辨率下，将1px border 渲染成2px background-image linear-gradient border-image iphone6 plus渲染成3px 通过@media 进 阅读全文

摘要： 为什么要建立私有npm 要做的工作 基于cnpm的私有npm搭建 为什么选择 cnpm? 部署过程 // TODO //　其实已经搭建好了，超简单，有时间把详细过程下来:> 遇到问题 私有npm使用工作流 使用私有 npm 的几种方式 npm 有一个叫做 registry(源) 的配置项，类似于 l 阅读全文

摘要： 微信分享配置 引用脚本 使用方法 上述脚本按序引入，在后续执行js： APP配置分享 根据运行平台，拉起原生职位/公司页或web职位/公司页的实现 APP内webview开发调试 调试方法： 抓包工具配置HTTPS。 抓包工具配置HTTPS。 抓包工具配置HTTPS。 注意事项： 阅读全文

摘要： 环境：移动端、浏览器、微信 问题：音乐不自动播放问题 原因： 1、微信端（前置条件添加音乐的时候一定要设置自动播放），有的时候同一款手机、统一个微信版本，会出现音乐不自动播放的问题，无解~~~~~~~（未找到原因） 2、浏览器，目前以Safari为代表的很多浏览器默认会禁止掉音乐自动播放 解决办法： 阅读全文

摘要： 1 开启iOS设备的调试功能 打开“设置”程序，进入“Safari”->“高级”页面开启“Web检查器”： 2 mac safari浏览器设置开发者工具 safari ->偏好设置 -> 高级 ->勾选在在菜单栏中显示开发菜单 3 链接USB线，在手机端发送url请求，并在mac Safari中加载 阅读全文