前端开发
濯茶的前端思考
知乎/公号:前端疯
展开
-
前端开发工具---FIS使用总结
介绍FIS是百度FEX-TEAM团队开发的前端工具。它可以对一个项目中的静态资源JS(比如JS脚本、CSS文件、图片)进行压缩。所谓的压缩是指将JS脚本和CSS文件中的空格去掉,使占用字节最小。而图片压缩后也会变小;可以将一个项目中的所有脚本合并到一个文件中,这个过程也叫做打包,当然CSS文件和图片也可以打包。使用首先要安装fis,要安装fis首先得安装原创 2014-08-23 14:02:56 · 13639 阅读 · 1 评论 -
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 的说明
X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循指令。对于多数网站来说,它是首选的兼容性模式。目前IE8尚在测试版中,所以为了避免制作出的页面在IE8转载 2014-11-05 22:17:30 · 2044 阅读 · 0 评论 -
利用优酷的一个插件,做炫的幻灯片效果
见效果:http://comic.youku.com/ 见代码:原创 2014-10-20 22:33:05 · 2006 阅读 · 0 评论 -
导航到锚点
原理:点击ascrollTop属性原创 2014-10-20 21:29:37 · 2384 阅读 · 0 评论 -
基于jquery的联动下拉框组件
见代码 同步 国家 省 市 异步 国家 省 市原创 2014-10-20 23:13:05 · 2373 阅读 · 0 评论 -
文本选中效果
CSS3 ::selection 选择器原创 2014-10-20 08:33:56 · 715 阅读 · 0 评论 -
英文单词换行自动加连词符号-
采用CSS3的属性:-moz-hyphens: auto; hyphens: auto;原创 2014-10-20 21:36:32 · 9207 阅读 · 0 评论 -
关于<meta NAME="keywords" CONTENT="">
META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的标记和标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等。 name是描述网页的,对应于Cont转载 2014-11-05 22:20:19 · 33648 阅读 · 1 评论 -
mac 部署 apache
创建个人站点目录cd ~/mkdir Sites创建成功后再在 用户/[你的用户名]/Sites 目录下创建log目录和index.html文件请检查”/etc/apache2/users”目录下,是否有名为“maomao.conf”的配置文件(同样:maomao需换成你的mac用户名),如果没有,手动创建一个,内容参考下面:(Directory的maomao替换掉)<Directory "/原创 2015-10-11 12:21:10 · 2808 阅读 · 0 评论 -
页面很长,导航到顶部
一、首先页面往下滚二、原理原创 2014-10-20 12:25:09 · 679 阅读 · 0 评论 -
溢出文字自动加省略号
采用CSS3属性:text-overflow:ellipsis;实现p{/*width:100px;*/white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}原创 2014-10-20 08:39:02 · 576 阅读 · 0 评论 -
条件注释判断浏览器
条件注释:用于IE;只能用于ie5以上;语法:(其他浏览器会把它当做注释而忽略)条件注释属性:gt:greater thanlt:less thangte:greater than or equallte:less than or equal!:除以外例子:非IE原创 2014-11-05 00:20:51 · 617 阅读 · 0 评论 -
SASS简单总结
一、介绍篇SASS是一个前端工具,它定义了css的一种新的写法,让写css更加简单:符合SASS语法的css都放在.scss为后缀的文件中,然后通过命令将SASS语法的css编译为传统的css。二、安装篇首先要安装SASS,因为SASS是Ruby语言写的,windows平台下要安装RubyInstaller。然后打开命令行:输入gem install sass原创 2014-08-26 23:06:25 · 2615 阅读 · 0 评论 -
MarkDown语法
测试MarkDown特性:一、兼容HTML test1 二、特殊字符自动转换&&<© 三、标题H1===========H2----------------------#h1原创 2014-10-23 22:11:09 · 548 阅读 · 0 评论 -
synatx.css
.highlight { }.highlight .line-numbers pre { color: #93a1a1; }.highlight .c { color: #93a1a1; font-style: italic; }.highlight .cm { color: #93a1a1; font-style: italic; }.highlight .cp { color: #93转载 2014-10-25 11:10:39 · 751 阅读 · 0 评论 -
base.css
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ *//* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher,转载 2014-10-25 10:47:21 · 1865 阅读 · 0 评论 -
normalize.css
/*! normalize.css v1.1.3 | MIT License | git.io/normalize *//* ========================================================================== HTML5 display definitions ============================转载 2014-10-25 10:50:26 · 2272 阅读 · 0 评论 -
笔记——javascript修炼之道
js进阶篇1、动态选择方法与属性:方括号操作符的使用动态选择属性:obj[property]动态调用方法:obj[methodName](arguments)根据条件调用方法:obj[condition?method1Name:method2Name]()拼接方法名称:obj[(enable?method1:method2)+'Name']()2、通过模块模原创 2014-10-25 08:46:19 · 536 阅读 · 0 评论 -
jekyll 官网文档部分翻译
最近想搭建一个网站:Mar先把文档看了。翻译 2014-10-27 08:09:54 · 15227 阅读 · 2 评论 -
图片img的src不变让浏览器重新加载实现方法
图片img的src不变,想让浏览器重新加载怎么办,在图片地址src不变的情况下让浏览器重新加载图片,实际上在src不变时,浏览器直接就去读取缓存avascript给这个img标签的src属性后面拼接一个 ? 和 javascript对象new Date().getTime()毫秒值做成queryString的样子,就能防止被缓存了在图片地址src不变的情况下让浏览器重新加载转载 2014-10-30 13:42:23 · 8374 阅读 · 0 评论 -
PS常用技巧
ctr+shift+i 反选原创 2014-10-30 10:38:58 · 629 阅读 · 0 评论 -
redux核心思想.md
什么问题? 组件的树形结构决定了数据的流向,导致的数据传递黑洞怎么解决? 所有组件都通过中介者传递共享数据 方案: 中介者:(function createStore() { var store; return function() { if(!store) { store = new Regular; ...原创 2018-01-11 14:39:49 · 467 阅读 · 0 评论