1.固定宽度的居中布局 首先我们这里探讨的是我们常用的固定宽度的居中布局，这应该是目前实战中应用的最多的了。 然后从考虑是否应用大背景上我们分为两种，一种是允许整体有一个大背景，一种是头部，中间及底部都可以平铺一个全屏的大背景。接着我们从有无边栏来讨论三种情况，一种是有左或右边栏，一种是没有边栏，最后一种就是左右边栏都存在的情况。 我们在这探讨的布局方案借鉴与drupal的主题，所以如果是学过drupal这个...
一个布局较复杂的页面，在手机浏览器上运行时，部分配置比较差的手机会出现滚动滚动条后，页面正常滚动，但部分元素却出现类似position：fixed一般悬浮在页面上，然后再滚动。看上去有点像视差滚动，但却一点都不好看。 解决方法:在滑动体上添加样式：transform：translateZ(0);-webkite-transform：translateZ(0)。 各种复杂的html 加这个的目的是利用GPU加速（GPU缓存）。 因为这个问...
使用sublime Text3 的时候，安装less2Css后，和很多人一样以为大功告成，开始要运行编译less文件，结果开始发现 于是乎开始搜索问题和解决方案，然后就有了下面的解决方案1 方案1：通过window path + less.js-windows 的方式（网上可以快速找到这种解决的方式） 注意：window 操作系统下，经常会看到编译less的最后，会弹出一个"for install see less-plugin-clean-css"的error,好像所有的...
FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的 style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png)" 语法：filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL ) enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。false : 滤镜被...
一、准备工作 1、什么是 npm? npm 是nodejs的包管理工具，主要功能就是管理、更新、搜索、发布node的包。Gulp 就是通过 NPM 安装的。关于 NPM 中文介绍，这里有一篇非常不错的文章：http://www.cnblogs.com/chyingp/p/npm.html 完整的 NPM 文档请看这里 ：https://docs.npmjs.com 2、安装 Node.js 并升级 NPM 到最新版本 nodejs 安装：打开 nodejs.org 下载 nodejs 安装包，并根据提示安装，这里不做...
我在admin目录下使用kindeditor编辑框上传图片，但是返回的图片路径，死活前面都会加个/admin/，但我上传的图片压根不在admin目录下，求解？？？ 回复讨论(解决方案) 这坑爹的，求大神救命。 用jq干掉生成的admin... 或者找到上传img的js脚本代码，，，从里边把拼装地址的语句中的admin删除。。。。
Ueditor uParse功能关于CSS li的Bug，解决方法 百度UEditor是一款不错的在线富文本编辑插件，这里不做过多介绍，详情移步UEditor官网：http://ueditor.baidu.com/ Bug: Ueditor uParse功能，生成了全局CSS: li，影响全局样式, 造成网页其它部分显示混乱. 版本：UEditor 1.4.3 分析如下： Ueditor uParse功能Bug，生成了全局CSS：li，影响全局样式,造成网页其它部分显示混乱,如下图示： 解决方法如下： 找...
今天晨会，产品要求把以前12px的字体改小一点，我心想这有什么难的，就随口答应了。哪知，改css的时候，谷歌浏览器中font-size小于12px时，字体就不会再缩小了。当时我的第一反应就是会不会是其他css把字体覆盖了。结果看了半天也没发现。于是，只百度一伙了，结果还真让人大吃一惊：原来谷歌以及谷歌内核的浏览器在中文语言下最小字体只能是12px。不知道这算是一个bug还是谷歌人性化的设计。不管那么多了，反正要解决这个问题呀~既...
首先，我想说，我真的为这本书着迷。近期读这本书，就像在和一位智者对话，又或者像是在和一个志同道合的朋友聊天，它耐心的把我在学习和实践的过程中所积攒的疑惑和思考的问题一 一解答。这本书不是一本CSS入门书，建议有CSS基础的同学阅读，相信你会和我一样，惊喜的发现这本书里蕴藏的宝藏。由于第二版是2010年出版的，那个时候CSS3还没有得到各大浏览器很好的支持，所以有些内容现在已经不适用了，但是，这本书更多的是教会我了...
在日常的开发过程中，我们可能会遇到这样一种需求，在指定高度内显示table,超过高度时表格出滚动条。 让我们带着这个问题，一起来探讨吧！ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Id15 Name16 Email17 操作18 19 20 21 ...
我们先对对input标记设定样式，代码如下： html 代码 CSS 代码 #text1{border:1px solid red;height:20px;} #button{background:#FFFFFF;color:blue;border:1px solid #000;height:24px;} 文本域设置高度 20px，按钮高度需要设置 24px。按照 IE 的标准正常对齐，但在 Firefox 中文本域和按钮高度是错开的。 此时通过对 input 标记设定左浮动 (float:left)，即可兼容 Firefox，CSS 代码如下： #te...
Hello，大家好！在前面三章中我们与大家分享如何使用webpack来完成前端的模块化打包工作，并附带了一些简单的案例实现，算是webpack的一个入门吧。 从这一章开始，我们将陆续为大家介绍如何使用webpack来完成前端工程化开发。 1.什么是工程化开发 软件工程的工程化开发概念由来已久，但对于前端开发来说，我们没有像VS或者eclipse这样量身打造的IDE，因为在大多数人眼中，前端代码无需编译，因此只要一个浏览...
Error Domain=com.alamofire.error.serialization.response Code=-1016 "Request failed: unacceptable content-type: text/html",此问题的原因就是使用的第三方框架AFNetworking 接口返回值类型不确定,由于服务器人员习惯于使用html文件所以将json文件也这么写了,导致没法解析 在模型类或者网络工具类中添加这句代码就能完美解决上述问题,建议不要直接修改AFNetworking,肯能会出现一些莫名的问题 instance.respon...
导语 Cube是由阿里妈妈团队创建。取自电影 《Cube》。电影里的 Cube 是个构造错综复杂的立方体，取这个名字，则是希望此项目能回归立方体的本意，和电影的愿景， 即项目应简单，一横一竖，自成一体。官网地址：ht Cube是由阿里妈妈团队创建。取自电影 《Cube》。电影里的 Cube 是个构造错综复杂的立方体，取这个名字，则是希望此项目能回归立方体的本意，和电影的愿景， 即项目应简单，一横一竖，自成一体。 ...
0.Goku Goku是《七龙珠》的主人公孙悟空，神通广大，解决世间存在的问题。同样，尝试前后端分离，也希望可以解决目前前端开发中存在的痛点。 1.基本思路 整体上使用MVC的架构，但跟Angular不同(双向绑定)，数据是单向流动的，数据单向流动有如下的好处: 数据具有更好的可预测性，view层的变化一定来源于model 性能上更优 MVC各层使用的基本技术: view: 使用react作为view层渲染...