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为代表的很多浏览器默认会禁止掉音乐自动播放 解决办法： 阅读全文

摘要： Pure 详细参见： 中文文档：http://leeluolee.github.io/2014/10/24/use-puer-helpus-developer-frontend/ 源码：https://github.com/leeluolee/puer 微信环境调试方案 微信开发者工具现在不能用了， 阅读全文

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

摘要： 移动端开发时，我们常使用chrome自带的模拟器，模拟各种手机设备。 但模拟毕竟是模拟，当开发完毕，使用真机访问页面出现问题时如何调试呢？ 下面介绍一种针对Android机的调试方法 1. 在pc和android手机上都安装最新版本的chrome 2. 使用usb将手机的PC相连接 3. 手机中打开 阅读全文

摘要： 打开开发者工具，进入chrome调试状态，点击左上角的手机图标，进入手机模拟器调试状态。 模拟器支持操作： 切换设备类型，模拟网络环境，模拟bar,keyboard弹出状态，横屏状态，更改UserAgent ,设置缩放比例等等 常用debug方法： 1、在代码中添加debugger语句 2、手动添加 阅读全文

摘要： Central Authentication Service http session 保持机制 1. 用户向服务端发送密码，服务端生成与用户对应的 sessionid 2. 服务端将这个 sessionid 放在 cookie 中，然浏览器保存 3. 用户再次访问这个服务，浏览器会带上原来的 co 阅读全文

摘要： 前言 在对英才网企业线前端不断的完善过程中，我们尝试进行了前后端分离，引入Node环境、以及在使用React的过程中，自行开发DOM渲染框架，解决React兼容低版本IE的问题，在这个过程中，我们有了一些经验和体会，希望本文对您有所帮助。 为什么前后端分离 原有架构下，后端系统基于Java语言实现， 阅读全文

摘要： Git Subtree 的原理 首先，你有两个伟大的项目——我们叫他P1项目、P2项目，还有一个牛逼的要被多个项目共用的项目——我们叫他S项目。我们通过简要讲解使用Subtree来同步代码的过程来解释Subtree的原理 1、初始化子项目Subtree 通过 这样的命令，把S项目（我们姑且叫他S项目 阅读全文