今天在安装sass的时候碰到了一个问题,就是rubygems死活连不上,于是花了5块钱买了个shadowsocks账号结果还是连不上,这样sass还是没法安装,于是google了一下发现淘宝提供了一个cdn的地址。具体使用方法如下:
阅读全文

之前用过jquery中的data()和attr()方法,只知道它们之间一点区别在于如果属性中没有’data-‘前缀的话data是无法读取该属性的,对于它们两个的主要区别没有研究,正好看到这个地方在此记录一下:
阅读全文

em和rem简介

发布在 web前端, css

em和rem两个单位都是根据页面中的字体大小来决定其他元素的属性大小,如padding、margin等,这两个单位给我们带来了很多的灵活性,但是它们也有一些不同的地方。
阅读全文

之前的swipeDetect函数有一个缺点,即该函数只能在整个手指滑动过程结束之后才能判断出滑动的方向,之后再调用回调函数。在此将其改进一下,当手指在start、move以及end使都可以触发回调函数,这样利用起来将更加灵活。

阅读全文

首先我们先定义一下究竟什么样的行为算是一次滑动,当手指朝某一方向划过屏幕触发’touchstart’和’touchend’事件之后,有两个变量值可以供我们使用:一个是手指滑动的距离,另一个是手指滑动的时间。通过这两个值的变化我们就可以确定是否为滑动事件以及滑动的方向了。
阅读全文

javascript触摸事件

在javascript中支持以下几个触摸事件:

  1. touchstart,当用户触摸到屏幕表面时即触发这一事件,并在这一事件所对应的元素上创建一个“触摸点”。
  2. touchmove,当用户在屏幕上移动“触摸点”时触发。
  3. touchend,当用户“触摸点”离开屏幕时触发。
  4. touchenter,当“触摸点”进入对应元素触发,不会冒泡。
  5. touchleave,当“触摸点”离开对应元素触发,不会冒泡。
  6. touchcancel,当“触摸点”不再被注册到触摸屏上时触发。 阅读全文

Flexbox布局的全称为CSS Flexible box布局模块,它是css3中新增加的一种布局方式,这种布局方式可以可以在不知道元素的尺寸大小的时候依然可以调整元素的对齐方式等。flexible box最主要的特点是外层的盒子可以根据屏幕的不同尺寸自动调整盒子中元素的大小以填充元素之间由于屏幕尺寸变化出现的空间。
许多设计师和前端工程师发现flexbox布局用起来很方便,因为这种布局在定位元素的时候很容易,而且对于很复杂的布局可以用更少的代码即可完成。flexbox布局的算法是基于direction的,而之前我们常用的块布局和行内布局是基于水平方向和垂直方向的。flexbox布局应当被应用到小型应用中,因为新的CSS Grid布局模型将被应用到大型布局中。
这篇文章将会重点教给您flex属性是怎样影响布局的。
阅读全文

作者的图片

chenzimu

奋斗


web developper


Beijing China