摘要:
1.目录结构 2.页面加载时效果(加载的时候比较难截图,是页面上方出现一条进度条,然后我另加了一个Loading..的提示,请忽略那个table) 3.页面加载完成后效果 4.index.html 5.css.css 6.demo.json 7.app.js 8.libs插件版本 阅读全文
摘要:
1.安装rvm 2.用rvm安装ruby 3.webstorm下给scss文件添加watch (1)查看sass的安装路径 (2)设置webstorm (3)新建一个scss文件,可以看到对应生成了css 阅读全文
摘要:
1.数字性过滤 $("tr:first") //选择所有tr元素的第一个 $("tr:last") //选择所有tr元素的最后一个 $("td:parent") //选择所有的以td为父节点的元素数组 $("ul li:nth-child(2)"),$("ul li:nth-child(odd)") 阅读全文
摘要:
清除浮动是为了解决高度塌陷的问题:内层有好几个div有宽有高,并且选择了浮动定位,但是外层的div却并没有设置宽高。在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得 阅读全文
摘要:
下面来解释下这几个插件 (0)Context : 管理这些乱七八糟的扩展程序,插件用的时候,点开,不用的时候,关闭,这样可以降低游览器的负荷 (1)AngularJS Batarang : 测试angular用的,打开控制台以后会出现angularJS的选项 (2)Duitang : 堆糖网站收集图 阅读全文
摘要:
css3的一个属性: 阅读全文
摘要:
function createStyle(){ return"*{padding:0;margin:0;border:0}.loading{width:640px;height:1024px;margin:0 auto}.loadImg{width:640px;height:1024px;animation:fadeInOut 3s linear;-webkit-animation:fa... 阅读全文
摘要:
/*border-radius*/ .demo2{ border:2px solid #a1a1a1; padding:10px 40px; background:#dddddd; width:300px; border-radius:25px; } /*box-shadow*/ .demo3{ width:300px; height:100px; backgro... 阅读全文
摘要:
0.安装前确定你的系统安装了node和xcode 1.cordova (1)安装cordova (2)输入如下命令测试是否安装成功 (3)写个hello的demo测试下 创建文件夹hello 进入文件夹 添加ios平台 build项目 到这一步的时候报错了(Error: xcode-select: 阅读全文
摘要:
1.修改外观:透明,自己配色,最好还有个透明的小背景,比如这样: 那么你就要这样修改: 2.快捷键小结 (1)⌘ + d 横着分屏 / ⌘ + shift + d 竖着分屏 : 适合多操作的时候 (2)⌘ + r = 清屏 (3)⌘+c / ⌘ + v 复制黏贴 (4)⌘ + shift + h 列 阅读全文
摘要:
自己动手定制的话,推荐两个chorme插件: 无事,举个栗子吧,刚好打开了知乎: 阅读全文
摘要:
Document 1 2 3 4 5 Document ... 阅读全文
摘要:
NPM(node package manager),通常称为node包管理器。顾名思义,它的主要功能就是管理node包,包括:安装、卸载、更新、查看、搜索、发布等。 npm的背后,是基于couchdb的一个数据库,详细记录了每个包的信息,包括作者、版本、依赖、授权信息等。它的一个很重要的作用就是:将 阅读全文
摘要:
0.简介 grunt是一个任务自动运行器。简单来讲,用了以后,再也不用每次修改sass后,去生成下css,也再也不用去一遍遍压缩js了 ,也再也不用修改了点点东西就要去刷新页面,也不需要去复杂地建立一个本地服务了,你只要在Gruntfile.js里面写好任务,这一切grunt都帮你解决了。(grun 阅读全文
摘要:
这是个坑,暂无解决方案,可以试着从微信号里转出,转出后的页面十分灵敏 阅读全文
摘要:
1.安装ruby (1)OS X 缺少的套件管理工具 homebrew 的安装 (2)通过homebrew安装ruby (3) 安装 sass 2.如果以上的 第三步 的时候出现报错,还可以选择本地安装 (1)下载 sass-3.4.21.gem (2)进到下载文件夹 进行安装 阅读全文
摘要:
1.简介 sass 它的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件。这被叫做“css预处理器”(css preprocessor)。它提供了很便利的语法,节省了我们写css的时间。 2.安装 (1)首先确保你的电脑安装了 ruby (传送门 https://ww 阅读全文
摘要:
http://es6.ruanyifeng.com/#README https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference (1)箭头操作符 如果你会C#或者Java,你肯定知道lambda表达式,ES6中新增的箭头操作 阅读全文
摘要:
1、什么是CSS hack? CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的,CSS hack就是让你记住这个标准),以达到应用不同的CSS样式的目的,比如.kwstu{width:300px;_width:200px; 阅读全文
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> .demo{text-overflow:ellipsis;overflow:h 阅读全文