Zerlinda's Blog

  • inuyasha
  • the walking dead
  • web2.0时代
  • 龙猫
  • Inuyasha
  • the walking dead
  • web2.0
  • Miyazaki Hayao
  • 1
  • 2
  • 3
  • 4
推荐阅读

Flex弹性盒模型及兼容

Flex是Flexible Box的简称,意为弹性盒模型布局,顾名思义,在网页布局时,他可以给我们提供更多的灵活性。 设置了display:flex属性的元素,称为Flex容器,他里面的所有伸缩项目统称为容器成员,称为Flex项目。以下使用Flex容器和 伸缩项目来进行介绍。 Flex容器有两根坐标轴:水平的叫主轴(main axis)和垂直的叫交叉轴(cross axis)。 (更多…)

响应式布局总结

接触了这么久的前端,写了几个页面算是对静态页面比较熟悉了。如今自己的网站也渐渐步入正轨。因为我的网站也是采用的响应式布局,pc和手机端用的一个页面,所以,今天就说一下响应式布局吧。首先来理解三个概念。 (更多…)

百度地图指定覆盖物的隐藏删除操作

今天要根据代码写一个需求,是在别人已经写好代码的基础上增加一个功能,百度地图中添加了自定义的图标,要求点击左侧sidebar中的复选框时做出不同的选择,选中时显示相应WiFi图标,取消选中状态时对应的图标也相应的隐藏,查了半天的百度API,终于找到了方法。 (更多…)

提高代码性能,写出高质量js/jq代码常记

论jQuery和javascript性能的文章并不罕见。然而,本文我计划总结一些速度方面的技巧和我本人的一些建议,来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。
首先,在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。 (更多…)

CSS优先级机制

多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。
一般情况下,优先级如下:
(外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style (更多…)

CSS定位机制:position

CSS的定位机制分为三种,分别是文档流,浮动和定位。其中文档流的意义就是按照html里面的写法从上到下从左到右的布局。 浮动包括两种,左浮动和右浮动,直到它的外边框边缘碰到包含框或另一个浮动框的边缘。任意的浮动使元素脱离了文档的普通流,就像在文档中不占据空间。但如果包含块太窄,无法容纳水平排列的浮动元素,那么其他浮动块会向下移动,直到有足够多的空间。 (更多…)