2016 年 3月随笔档案 - 我的四片叶

新手教程：建立网站的全套流程与详细解释

摘要：转自：http://yihui.name/cn/2009/06/how-to-build-a-website-as-a-dummy/ 你要是Google这个话题，得到的结果八成都是广告——他们都会告诉你，“嘿，我（或某公司）这里可以建网站，傻瓜式的哟，快来投奔我吧！”新手一般都觉得建网站是一件超级复阅读全文

posted @ 2016-03-30 23:33 我的四片叶阅读(713) 评论(0) 推荐(0)

canvas学习笔记

摘要：学习网址：https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API <canvas> 是 HTML5 新增的元素，可使用JavaScript脚本来绘制图形。 canvas可以用来做下面的事：阅读全文

posted @ 2016-03-29 22:28 我的四片叶阅读(122) 评论(0) 推荐(0)

CSS清除浮动大全共8种方法

摘要：清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全，共8种方法。阅读全文

posted @ 2016-03-21 00:02 我的四片叶阅读(147) 评论(0) 推荐(0)

bootstrap的那些事儿

摘要：Bootstrap，来自 Twitter，是目前最受欢迎的前端框架；下载 Bootstrap 您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。当您点击这个链接时，您将看到如下所示的网页：您会看到两个按钮：如果您使用的是未编译的源代码，您需要编阅读全文

posted @ 2016-03-18 17:32 我的四片叶阅读(104) 评论(0) 推荐(0)

json的那些事儿

摘要：json是javascript的严格子集，利用javascript的一些模式来表示结构化数据，json是javascript读写结构化数据的最好方式，因为可以把json直接传给eval()，而不必创建对象。它是一种数据结构，而不是一种编程语言。 JSON 语法规则 JSON 语法是 JavaScri 阅读全文

posted @ 2016-03-15 14:56 我的四片叶阅读(124) 评论(0) 推荐(0)

CSS3选择器:nth-child和:nth-of-type之间的差异的那些事儿

摘要：:nth-child和:nth-of-type都是CSS3中的伪类选择器，其作用近似却又不完全一样，对于不熟悉的人对其可能不是很区分，本文就将介绍两者的不同，以便于大家正确灵活使用这两类选择器。先看一个简单的实例，首先是HTML部分：然后两个选择器相对应的CSS代码如下：上面这个例子中，这两个阅读全文

posted @ 2016-03-13 01:53 我的四片叶阅读(467) 评论(0) 推荐(0)

JavaScript 中对变量和函数声明的“提前（hoist）”的那些事儿

摘要：JavaScript 的语法和 C 、Java、C# 类似，统称为 C 类语法。有过 C 或 Java 编程经验的同学应该对“先声明、后使用”的规则很熟悉，如果使用未经声明的变量或函数，在编译阶段就会报错。然而，JavaScript 却能够在变量和函数被声明之前使用它们。下面我们就深入了解一下其中的阅读全文

posted @ 2016-03-12 23:40 我的四片叶阅读(188) 评论(0) 推荐(0)

css important的那些事儿

摘要：css !important作用是提高指定CSS样式规则的应用优先权示例代码：在上述代码中，IE6及以下浏览器div的文本颜色为#000，!important并没有覆盖后面的规则；其它浏览器下div的文本颜色为#f00 IE6及以下浏览器要使!important生效，可用以下代码：示例代码：阅读全文

posted @ 2016-03-12 23:22 我的四片叶阅读(136) 评论(0) 推荐(0)

CSS雪碧的那些事儿

摘要：div { width: 25px; height: 25px; background-image: url(img/568dfdbdN4f7d7ca3.png); overflow: hidden; } p { width: 25px; height: 25px; background-image 阅读全文

posted @ 2016-03-12 23:14 我的四片叶阅读(137) 评论(0) 推荐(0)

javascript字符串相关的操作

摘要：String 对象用于处理文本（字符串）。 String 对象属性属性描述 constructor 对创建该对象的函数的引用 length 字符串的长度 prototype 允许您向对象添加属性和方法 String 对象方法方法描述 anchor() 创建 HTML 锚。 big() 用大号字体阅读全文

posted @ 2016-03-09 23:27 我的四片叶阅读(148) 评论(0) 推荐(0)

css3 media媒体查询器用法总结

摘要：css3 media媒体查询器用法总结 Author:owenhong2014-05-30 随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了阅读全文

posted @ 2016-03-07 01:15 我的四片叶阅读(345) 评论(0) 推荐(0)

常用CSS优化总结——网络性能与语法性能建议

摘要：在前端面试中最常见的问题就是页面优化和缓存（貌似也是页面优化），被问了几次后心虚的不行，平然平时多少会用到一些，但突然问我，很难把自己知道的都说出来。页面优化明显不是一两句能够说完的，这两天总结了一下CSS相关的优化知识，写篇博客梳理一下，还望大家多多指教关于CSS的优化工作主要从两个方面着手网阅读全文

posted @ 2016-03-05 18:39 我的四片叶阅读(173) 评论(0) 推荐(0)

HTML 5的新标签

摘要：<article>标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。 HTML5:<article></article>HTML4:<div></div> <aside>标签定义 article 以外的内容。a 阅读全文

posted @ 2016-03-05 18:25 我的四片叶阅读(88) 评论(0) 推荐(0)

百度经典面试题整理（面试必备）

摘要：1. 当你打开浏览器输入在搜索框中输入“HTML5”的，然后返回结果，在这个过程中计算机与网络发生了什么？你有什么建议？基于http协议，由于是在地址栏中输入的网址所以会通过http的get方式将地址发送到服务器，服务器接收到信息后对这些信息进行验证，若通过验证，服务器会获取html静态页面信息并阅读全文

posted @ 2016-03-05 18:23 我的四片叶阅读(2122) 评论(0) 推荐(0)

jquery基础整理（面试必备）

摘要：（1）Ajax的关键步骤和注意事项（2）你知道哪些针对jQuery的优化方法（3）请解释.end()的用途（4）请说出你可以传递给jQuery方法的四种不同值（5）请指出.get()，[]，eq()的区别。（6）请指出$和$.fn的区别，或者说出$.fn的用途。（7）请写出一个函数实现阅读全文

posted @ 2016-03-03 22:28 我的四片叶阅读(637) 评论(0) 推荐(0)

javascript基础整理（面试必备）

摘要：（1）js的数据类型有哪些？ js中有5种基本数据类型：Undefined、Null、Boolean、Number和String。一种复杂的数据类型Object，Object本质是一组无序的名值对组成的。基本数据类型 undefined 在使用var声明变量，但未对其加以初始化时，这个变量的类型阅读全文

posted @ 2016-03-03 21:19 我的四片叶阅读(196) 评论(0) 推荐(0)

Google工具page-speed使用教程（网站性能检测）

摘要：Google工具page-speed使用教程一直以来都有在用谷歌管理员工具，也知道谷歌里有page-speed这个工具，可能吧。因为比较懒，没有去看看具体怎么用，也没有去安装。今天在chinaz看到了谷歌工具page-speed的使用教程，觉得还是蛮有收藏的意义的。所以跟大家一起分享一下咯。教程阅读全文

posted @ 2016-03-02 23:41 我的四片叶阅读(1214) 评论(0) 推荐(0)

常见前端面试题及答案

摘要：q 阅读全文

posted @ 2016-03-02 23:07 我的四片叶阅读(104) 评论(0) 推荐(0)

css之布局那些事

摘要：实现布局的三个最基本的原子技术浮动 float 负边距 negative margin 相对定位 relative position 这是实现布局的三个最基本的原子技术。只要巧妙组合，并加以灵活运用，就能“拼”出各种布局的实现方案。实现双飞翼布局：尝试之路考虑以下DOM结构： 1 2 3 4 阅读全文

posted @ 2016-03-02 11:11 我的四片叶阅读(147) 评论(0) 推荐(0)

jquery之全屏滚动插件fullPage.js

摘要：简介 fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站，主要功能有：支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、阅读全文

posted @ 2016-03-01 17:26 我的四片叶阅读(256) 评论(0) 推荐(0)

Git远程操作详解

摘要：Git是目前最流行的版本管理系统，学会Git几乎成了开发者的必备技能。 Git有很多优势，其中之一就是远程操作非常简便。本文详细介绍5个Git命令，它们的概念和用法，理解了这些内容，你就会完全掌握Git远程操作。 git clone git remote git fetch git pull git 阅读全文

posted @ 2016-03-01 00:55 我的四片叶阅读(221) 评论(0) 推荐(0)

git使用小技巧

摘要：(1)一次添加多个文件的简单处理办法依次z所有的文件，只需要一次commit提交文件即可； (2) git status命令可以让我们时刻掌握仓库当前的状态; (3)修改文件相关操作： git status命令可以让我们时刻掌握仓库当前的状态; git diff查看修改的是什么，以及修改前的文件，阅读全文

posted @ 2016-03-01 00:25 我的四片叶阅读(181) 评论(0) 推荐(0)

git的生命周期的一些事

摘要：一般工作流程是这样的：克隆Git仓库作为工作副本。可以添加/编辑文件，修改工作副本。如果有必要，你还服用其他开发人员的变化，更新工作副本。审查前提交。提交修改。如果一切都很好，然后推到存储库的更改。提交之后，如果知道是什么错误，那么纠正最后一次提交，并推送修改到版本库。以下是工作流程的阅读全文

posted @ 2016-03-01 00:03 我的四片叶阅读(145) 评论(0) 推荐(0)