至于未来会怎么样 反正路还长 天总会亮

Life is a journey, not a destination, care should be the scenery along the way and the mood to see the scenery.

个人博客
  • ...
     前端 浏览(7)  tangzihan ++阅读原文
    CSS3有哪些新特性?
    新增选择器 p:nth-child(n){color: rgba(255, 0, 0, 0.75)} 弹性盒模型 display: flex; 多列布局 column-count: 5; 媒体查询 @media (max-width: 480px) {.box: {column-count: 1;}} 个性化字体 @font-face{fo...
  • ...
     前端 浏览(7)  tangzihan ++阅读原文
    页面导入时,使用link和@import有什么区别
    import 和 link的区别 1、从属关系:link是html的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等;而@import是css的语法,只有导入样式表的作用。 2、加载顺序:页面被加载时,link会和html同时被加...
  • ...
     前端 浏览(16)  tangzihan ++阅读原文
    简述src和href的区别
    定义 href是`Hypertext Reference`的简写,表示超文本引用, 指向 网络资源所在位置。 常见场景 ` ` `` src是`source`的简写,目的是要把文件 下载 到html页面中去。 常见场景 ` ` `` `` 作用结...
  • ...
     前端 浏览(14)  tangzihan ++阅读原文
    行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素和块级元素有什么区别?
    行内元素 行内元素:span,strong,em,br,img,input,label,select,textarea,cite 块级元素 块级元素:div,p,from,ul,li,ol,dl,address,fieldset,hr,menu,table 空(void)元素 void元素...
  • ...
     前端 浏览(9)  tangzihan ++阅读原文
    区别和详解:jQuery extend()和jQuery.fn.extend()
    1、认识jQuery extend()和jQuery.fn.extend() jQuery的API手册中,extend方法挂载在jQuery和jQuery.fn两个不同对象上方法,但在jQuery内部代码实现的是相同的,只是功能却不太一样; 且看官方给出解释: jQuery.e...
  • ...
     前端 浏览(7)  tangzihan ++阅读原文
    window.onload与$(document).ready()的区别
    区别 window.onload 是在所有数据加载完毕后执行,包含页面内的资源文件,且window.onload只有一个监听回调 $(document).ready 是在页面加载完执行,可以理解为html结构加载完毕(不用等页面资源文件加载)该事件...
  • ...
     前端 浏览(12)  tangzihan ++阅读原文
    jQuery实现轮播效果
    HTML结构 Document { padding:0; margin:0; text-decoration: none; } body{ / padding:20px; / }...
  • ...
     前端 浏览(46)  tangzihan ++阅读原文
    jQuery实现回顶部效果
    暴躁滚动 $('html,body').scrollTop(0) 平滑滚动 $(' top').click(function(){ //滚动总距离 var $page = $('html,body') var distance = $('html').scrollTop() + $('body').scro...
  • ...
     前端 浏览(10)  tangzihan ++阅读原文
    关于scrollTop()/scrollLeft()兼容问题
    在chrome中获取滚动条的垂直偏移 console.log($(document.documentElement).scrollTop()) 但是上面代码在IE中不生效 在IE中是这样获取的 console.log($(document.body).scrollTop()) 要解决两个兼容问题很...
  • ...
     前端 浏览(10)  tangzihan ++阅读原文
    Web Workers
    引入 H5规范提供了js分线程的实现,取名为Web Workers他是HTML5提供的一个JavaScript多线程解决方案,我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面 但是子线程完全受主线程控制,且不得操作DOM,...