摘要: content字符生成配合CSS3 animation的点点点loading效果实例 代码: CSS代码: dot { display: inline-block; height: 1em; line-height: 1; vertical-align: -.25em; overflow: hidden; } dot::before { displ... 阅读全文
posted @ 2017-02-08 15:48 Lonely,lonelyBurning 阅读(517) 评论(0) 推荐(0)
摘要: var gulp = require('gulp'), uglify = require('gulp-uglify'), concat = require('gulp-concat'); var pump = require('pump'); var minifycss = require('gulp-minify-css'); var htmlmin = require(... 阅读全文
posted @ 2017-02-08 15:46 Lonely,lonelyBurning 阅读(216) 评论(0) 推荐(0)
摘要: 1.AngularJS官网seed目录结构 css/ img/ js/ app.js controllers.js directives.js filters.js services.js lib/ partials/ 或者可以是这样的: 2.按照业务逻辑划分 上面的这种结构对于一个简单的单页 ap 阅读全文
posted @ 2017-02-08 15:40 Lonely,lonelyBurning 阅读(924) 评论(1) 推荐(0)
摘要: 一、之前我的字符loading实现 关于字符打点动画实现,我之前使用过box-shadow模拟,还有border+background模拟,还有使用text-shadow实现,以及今年自认为是最好的实现的利用CSS3 ch单位的实现,在“等宽字体在web布局中应用以及CSS3 ch单位”这篇文章有介 阅读全文
posted @ 2017-02-08 15:36 Lonely,lonelyBurning 阅读(720) 评论(0) 推荐(0)
摘要: 这里是gulp入门的一些操作,实现了编译sass文件、压缩、合并、添加版本号等基本功能。 友情提示,如果npm出现无法下载可以安装 cnpm。在安装完Nodejs 后 [html] view plain copy npm install cnpm -g --registry=https://regi 阅读全文
posted @ 2017-02-08 14:33 Lonely,lonelyBurning 阅读(446) 评论(1) 推荐(0)
摘要: .person-loading .loading-icon{position: absolute;top: 14px;} i.loading-icon{width: 15px;height: 15px;background-position: 0 -90px;-webkit-animation: loading 1s linear infinite;} @-webkit-keyframes lo... 阅读全文
posted @ 2017-02-08 14:22 Lonely,lonelyBurning 阅读(1212) 评论(0) 推荐(0)
摘要: 1.从一个git路径下,下载代码到本地,选择VCS->Checkout from Version Control ->GitHub. 2.可能会弹出需要设置上传代码的密码,这个是配置git的时候,你自己设置的。 3.贴上你git路径,其中Directory Name会自动填上。 4.下载完了代码了, 阅读全文
posted @ 2017-02-06 16:30 Lonely,lonelyBurning 阅读(5081) 评论(0) 推荐(0)
摘要: LiveReload可以理解为即时刷新,在前端开发中,开发者在编写或调试html/js/css代码后需要从编辑器切换到浏览器,再刷新浏览器才能看到页面变化,这种频繁的操作在一定程度上影响了工作效率,而LiveReload可以帮助我们解决了这个问题。 实现原理:通过在本地开启一个websocket服务 阅读全文
posted @ 2017-02-06 16:19 Lonely,lonelyBurning 阅读(911) 评论(0) 推荐(0)
摘要: gulp教程之gulp-uglify 简介: 使用gulp-uglify压缩javascript文件,减小文件大小。 1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件 1.1、gulp基本使用还未掌握?请参看: gulp详细入门教程 阅读全文
posted @ 2017-02-06 15:36 Lonely,lonelyBurning 阅读(435) 评论(0) 推荐(0)
摘要: #gulp ##1 什么是gulp、为什么使用gulp Gulp是一个**构建系统**,它能通过自动执行常见任务,比如编译预处理CSS,压缩JavaScript,来改进网站开发的过程。 将less文件编译到css文件,讲coffee script、Typescript编译到JavaScript,将ES6的代码编译到ES5的代码,将css和JavaScript压缩混淆合并等等……这些都是相当... 阅读全文
posted @ 2017-02-06 14:34 Lonely,lonelyBurning 阅读(338) 评论(0) 推荐(0)