Running_snail's Blog

Running_snail's Blog

Some notes about Web Front-End and others

    • 主页
    • 归档
    • 时光机

Canvas绘图之旅

HTML5添加的最受欢迎的功能就是<canvas>元素。这个元素负责在页面中设定一个区域,然后就可以通过JavaScript动态地在这个区域中绘制图形。 本文为我的Canvas学习笔记,从基本用法到实例系统的记录,备忘以便查询。 基本用法 创建canvas元素

2月 10 2015

项目总结温故知新 - web前端类

这是我对自己曾经做过的比较大的东西的大概梳理(小东西,以后我会自己注意整理,每做完就整理),写给自己的,记录的东西可能良莠不齐。如果路过的小伙伴有兴趣,也欢迎来指导。^ ^ 以前做东西,基本不会总结写什么东西,而我记性又差(我总觉得自己像只只有七秒记忆的鱼,很多东西很快就忘记),

10月 2 2014

Yeoman - 现代wepapp的脚手架(Getting started)

这是一篇边学边记录的实践笔记,我尽量详尽的记录了整个实验的过程,包括失败的尝试及解决问题的过程,让没使用过的人,可以知道怎么解决问题,也让我再碰到同样问题时,可以方便地查到。作为一名初学者,以一名初学者角度所记录的笔记,希望可以对其他初学者有益。 Yeoman是什么? 以下介绍

9月 30 2014

JavaScript事件处理程序与事件代理

总结DOM中和IE中事件对象的属性和方法;封装一个通用的事件处理类;理解事件代理 在此备忘,方便查询使用 O(∩_∩)O 事件对象 DOM中的事件对象(常用的) type属性 用于获取事件类型 event.type target属性 用于获取事件目标 event.targ

9月 17 2014

【JS】JavaScript 中 this 是如何工作的?

this关键字的含义 简单说,this就是指当前函数的运行环境。由于JavaScript支持运行环境的动态切换,所以this的指向是动态的。所谓“运行环境”其实就是对象。可以理解成,this指函数运行时所在的那个对象。 例:有一个函数f,它同时充当a对象和b对象的方法。JavaS

8月 31 2014

【CSS】block-level boxes、containing block、block formatting context

在知乎看到这样一个问题“CSS 中 block-level boxes、containing block、block formatting context 三者之间的区别和联系是怎样的?”我傻傻分不清楚 = =,这必须记录一下这些概念加深印象,备个忘,同时也让自己掰扯掰扯这些概念

8月 24 2014

CSS布局总结与实践

重在实践,把常用的布局及其实践总结在这备忘,方便以后查询和使用。包含了 “如何设置块级元素水平居中” 、 “如何实现左固定宽度或百分比,右边自适应” 等常见问题。和 “外边距折叠” 这类重要的概念。及各种常见的属性和布局。 PS:DEMO借助了jsfiddle而现在它需要翻墙才能

8月 21 2014

【CSS】浮动和它的工作原理?清除浮动的技巧?

学习总结浮动和它的工作原理,及清除浮动的方法及原理集锦。探索浮动与清除浮动的奥妙。 PS:DEMO借助了jsfiddle而现在它需要翻墙才能访问,因此DEMO的效果也需要翻墙才能访问 (-.-||| 浮动和它的工作原理 “浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另

8月 20 2014

【CSS】display:none 和 visibility:hidden 有何区别?

在使用CSS隐藏一些元素时,常常用到 display:none 和 visibility:hidden两者差别在哪儿? 比较与实例 空间占据: display:none隐藏后的元素不占据任何空间。它的宽度、高度等各种属性值都将“丢失”。visibility:hidden隐藏的元素

8月 18 2014

那些年被我们误用的CSS选择器

曾几何时,我天真的认为“选择器肯定是越详细,层数越多越好呗”。现在觉得自己以前真是图样图森破…谨以此文,祭奠那些被我误用的CSS, orz。此文重在讨论如何书写高效的CSS选择器。如有错误,欢迎指正,O(∩_∩)O 浏览如何识别选择器? “浏览器读取选择器的顺序是由右到左进行”

7月 22 2014
12Next »

分类

  • CSS5
  • HTML51
  • JavaScript6
  • Life2
  • MongoDB1
  • Node.js2
  • Summary1

归档

  • February 20151
  • October 20141
  • September 20142
  • August 20145
  • July 20146
  • June 20141
  • May 20142

标签云

AngularJSCSSHTML5JavaScriptMongoDBNode.jsgruntjQuery插件stackoverflowyeoman书区别原理学习生活安装实践性能优化总结技巧新手教程日记生活笔记跨浏览器选择器

标签

  • AngularJS1
  • CSS5
  • HTML51
  • JavaScript7
  • MongoDB2
  • Node.js3
  • grunt1
  • jQuery插件1
  • stackoverflow4
  • yeoman1
  • 书2
  • 区别1
  • 原理3
  • 学习生活1
  • 安装2
  • 实践7
  • 性能优化1
  • 总结4
  • 技巧1
  • 新手教程2

友情链接

  • linkgod's note of life
  • Fluyy's Blog
  • plusplus7's Blog
  • 粉丝日志
RSS 订阅

Hello, I'm a girl who love the Front-End.
It requires hard work to give off an appearance of effortlessness.

Powered by hexo and Theme by Pacman © 2015 running_snail