发表于 | 分类于 | 阅读

对于不少前端初学者来说，学习过程中会没有一个清晰的方向或者侧重点，也很难把握到哪些东西是从一开始就应该重视的。
这里主要说一下前端初学者应该尽早了解和重视的方面。

浏览器

谷歌浏览器是最好的浏览器，平时开发最好的选择，也是支持新特性比较早的。当然，谷歌浏览器的开发者工具也是非常强大。
低版本IE浏览器迟早是要被时代所要淘汰的，所以不要花很多的心思放在兼容低版本IE浏览器上，希望初学者认识到这一点。

阅读全文

发表于 | 分类于 | 阅读

概念基础类

一个div，宽度是100px，此时设置padding是20px，添加一个什么css属性可以让div的实际宽度仍然保持在100px，而不是140px？

1
selector{box-sizing: border-box;}
阅读全文

发表于 | 分类于 | 阅读

如何理解HTML的语义化？

  • 去掉或者丢失样式的时候能够让页面呈现出清晰的结构

  • 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重

  • 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页

  • 便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化

阅读全文

发表于 | 分类于 | 阅读
  • width()和height()

获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值。第一个参数表示设置。(不包括内边距)

1
2
3
4
$('selector').width();//获取只包括content的宽度
$('selector').width('100px');//设置只包括content的宽度
$('selector').height();//获取只包括content的高度
$('selector').height('100px');//设置只包括content的高度
阅读全文

发表于 | 分类于 | 阅读

清除浮动

清除浮动是指清除浮动所造成的影响。

清除浮动方法

  • 目前最主流的方法：clearfix

    1
    2
    3
    4
    5
    6
    7
    8
    .clearfix：after{
      content:"";
      display:block;
      clear:both;
    }
    .clearfix{
      *zoom:1;    /*兼容IE6，触发IE6中的hasLayout属性，达到BFC类似作用*/
    }
阅读全文

发表于 | 分类于 | 阅读

以下都是我看过的觉得不错的电影，没看过的不予评价！
（为了防举报，密码简单处理了一下，相信能看到这篇文章的也都能轻松应对😜😜）

阅读全文

发表于 | 分类于 | 阅读

jQuery 中， $(document).ready()是什么意思？

$(document).ready方法接受一个函数作为参数，将该参数作为document对象的DOMContentLoaded事件的回调函数。也就是说，当页面解析完成（即下载完标签）以后，在所有外部资源（图片、脚本等）完成加载之前，该函数就会立刻运行。

阅读全文

发表于 | 分类于 | 阅读

web开发中，三角形的日常应用，以三角形指示箭头最为常见，其用CSS来实现非常简单，熟悉了之后相比于引入SVG或是背景图片会是更好更灵活的选择。

而三角箭头一般而言，又分为两种，一种是视觉上没有边框的，我们叫做实心三角形；还有一种是视觉上有边框的，而三角箭头刨去边框的部分又要与主体元素的背景颜色一致，我们叫做空心三角形。

阅读全文

发表于 | 分类于 | 阅读

DOM0 事件和DOM2级事件监听使用方式上有什么区别？

  • DOM0 事件:事件应用程序被当做是元素的方法，属性名小写，移除事件时把属性值设为null即可，一个元素只能有一个同类事件程序

    1
    target.onclick = function(){}

  • DOM2级事件:可以添加多个相同事件程序，移除应用程序是不能移除匿名函数（因为匿名函数在内存中是地址，无法获取该地址），不兼容ie低版本;

    1
    2
    3
    4
    5
    // 使用格式
    target.addEventListener(type, listener[, useCapture]);
    //type：事件名称，大小写敏感。
    //listener：监听函数。事件发生时，会调用该监听函数。
    //useCapture：布尔值，表示监听函数是否在捕获阶段（capture）触发，默认为false（监听函数只在冒泡阶段被触发）
阅读全文
0%