2016年7月19日
摘要：
js代码： /** * Created by Administrator on 16-7-18. */ $(function(){ //主图区域轮播代码 var linum = $('.slider-item').length; var sitemW = $('.slider-item').widt 阅读全文
2016年7月19日
2016年7月18日
摘要：
先看一看html代码，以及对应的css代码： <div id="scrollPics"> <ul class="slider" > <li><img src="images/ads/1.gif"/></li> <li><img src="images/ads/2.gif"/></li> <li><i 阅读全文
2016年7月15日
摘要：
.dropdown-menu { background: rgba(255, 255, 255, 0.98) none repeat scroll 0 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); left: 50%; padding: 20px; pos 阅读全文
2016年7月13日
摘要：
CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外， 阅读全文
摘要：
.nav-menu>ul>li>a::before { background: #333 none repeat scroll 0 0; bottom: -2px; content: ""; height: 2px; position: absolute;//注意a一定得是relation相对定位才 阅读全文
2016年6月29日
摘要：
官网是：http://loading.io/ 进去后，可以拖动左图大小，然后点右边的make gif就可以自动生成所选大小的gif图标了，生成后会弹出一个download窗，点download下载即可。 还可以生成svg图和css代码，其生成和下载方式与gif一样。 阅读全文
摘要：
用firebug查看网页时，img标签(或background属性里面的url地址源)里面的图片源按住ctrl键可以弹出新窗口显示，并可右键另存为到本地目录 阅读全文
摘要：
1、背景图片或图标也可像img一样给其宽高就能指定其缩放大小了。 比如一个实际宽高36*28的图标，要缩小一半引用进来的写法就是： background:rgba(0, 0, 0, 0) url("../images/report_icon@2x.png") no-repeat scroll lef 阅读全文
2016年6月27日
摘要：
#key_table table tr td a::before{//这是个a前面的蓝色小圆点 background: #48A7D9; content: "";//这是before元素中的内容 border-radius: 50%; display: inline-block;//这个属性很重要， 阅读全文
2016年6月20日
摘要：
1、标签页切换：ctrl+tab 2、Sublime Text3的配色方案(Preferences——配色方案)我选白色方案是：Eiffel;深色方案我选：Monokai 3、左边资源栏：先ctrl+k再ctrl+b按顺序切换即可展开和收缩 4、tab键和ctrl+]可向右缩进,ctrl+[向左缩进 阅读全文
2016年6月17日
摘要：
1、需要在linux环境的服务器下搭建node和npm还有Grunt,所以先需要一个叫putty的工具连接服务器命令行终端 2、双击putty工具，在HostName一栏输入项目服务器地址：172.168.1.101(端口默认22即可)，输入完后点open即可弹出一个终端界面 3、输入用户名andi 阅读全文
2016年6月13日
摘要：
http://www.jb51.net/article/70415.htm 含Grunt系列教程 这篇文章主要通过两种方案详解Grunt插件之LiveReload实现页面自动刷新,需要的朋友可以参考下 方案一：grunt-livereload + Chrome Plug-in 优点：安装、配置简单方 阅读全文
摘要：
Jasmine 为 JavaScript 提供了 TDD （测试驱动开发）的框架，对于前端软件开发提供了良好的质量保证，这里对 Jasmine 的配置和使用做一个说明。 目前，Jasmine 的最新版本是 2.3 版，这里以 2.3 版进行说明。网上已经有一些关于 Jasmine 的资料，但是，有些 阅读全文
摘要：
Web 前端开发涉及多种工具，这里将常用工具的安装和配置进行说明，提供了详细的说明，为后继的开发创建一个坚实的基础。 本文介绍的工具有：NodeJS, NPM, Bower, Git 和 Grunt。 1. 安装 NodeJS 和 NPM 一切从 NodeJS 开始吧，官方网址：https://no 阅读全文
摘要：
在描述源码路径的时候，经常有一些特殊的奇怪的要求。Grunt 通过内建的 node-glob 和 minimatch 库提供了文件名的扩展机制。 常见的通配符如下： * 匹配除了 / 之外的任意数量的数字和字符 ? 匹配除了 / 之外的单个字符 ** 匹配任意数量的字符，包括 /，这样可以包含任意级 阅读全文
摘要：
在前端开发过程中，我们需要在开发过程中，将开发中的站点部署到服务器上，然后，在浏览器中查看实际的效果，在 Grunt 环境下，可以直接使用集成在 Grunt 中的 Connect 插件完成站点服务器的支持，在开发过程中，直接查看效果。 1. Connect 资源 与 Grunt 集成的 Connec 阅读全文
摘要：
现在 watch 中已经集成了 livereload ，所以把它们放在一起说明。 watch 可以监控特定的文件，在添加文件、修改文件、或者删除文件的时候自动执行自定义的任务，比如 livereload 等等。 1. 安装 项目定义在 GitHub 上，地址：https://github.com/g 阅读全文
摘要：
1.npm install --save-dev grunt-contrib-watch 安装 watch 2.安装chrome livereload 插件 3.配置Gruntfile.js watch: { client: { files: ['*.html', '*.css', '*.js'], 阅读全文
摘要：
grunt less转换成css速度慢 而且页面会全部刷新？ grunt less转换成css速度慢 而且页面会全部刷新？ 最近遇到了个问题，grunt里用less，当修改完.less里面的样式，对应 的.css文件会好几秒才修改，然后浏览器上显示也会耗时好几秒，有时候很慢，要不停保存啊刷新啊或者删 阅读全文
摘要：
Grunt任务分为两部分，一部分是任务，即Grunt要执行的代码，找到对应功能的插件就成。所以等会要下载grunt-contrib- less包，这个插件便是把less文件编译成能直接使用的css。另一部分是配置，即传给grunt.initConfig方法的对象。 关于如何安装Grunt，创建Gru 阅读全文