行知任之 每一次旅行都是不同的尝试!

巧用CSS自定义有序序列

CSS实现计数需要三个部分,counter-reset(计数器初始化)、counter-increment(计数器累加)、counter(显示计数器);

标签: css

作者:Bryan 分类:CSS 浏览:33 评论:0

[转]你必须懂的前端性能优化

前端性能优化需要从几个方面着手:DNS查询、TCP/IP协议层、数据传输层、缓存机制、渲染机制(DOM渲染,CSSOM渲染,JS加载)、图片加载以及JS运行机制等多个方面。

标签: 性能优化

作者:Bryan 分类:前端优化 浏览:67 评论:0

面试之道 - 元素实现水平垂直居中的CSS解决方案

这是一个典型的面试问题,典型的什么地步呢,基本上每次面试的时候都会遇到,就是这么夸张。网上也有非常多的关于实现水平垂直居中的方法,甚至连实现原理都讲得非常细的文章也有。在N年以前我也曾写过一篇这样的博文,一句话,时代在进步,技术在更新,实现方案也更是五花八门。这边文章重在解决方案,没有剖析其实现原理。

标签: 面试题

作者:Bryan 分类:CSS 浏览:66 评论:0

JavaScript探秘之旅 - 揭开 new 运算符的神秘面纱

在学习ES6之前,需要谨记的一条法则就是JavaScript中是没有类的概念的,但是却能够使用new运算符进行类的实例化。当使用 new 运算符来调用函数时,此时的函数就是一个构造器。 用 new 运算符来创建对象的过程。

标签: javascript

作者:Bryan 分类:JavaScript 浏览:51 评论:0

JavaScript 中的多态

“多态”一词,从字面上看可以理解为多种形态。在语言中可以这样理解,同样一段代码或者一个函数运行得到不同的结果反馈。
通过对封装继承多态组合等技术的反复使用,提炼出一些可重复使用的面向对象设计技巧。而多态在其中又是重中之重,绝大部分设计模式的实现都离不开多态性的思想。

如何实现javascript的函数重载

  Javascript 与JAVA不同,是没有函数重载的概念的,相同的函数名,后面的函数将替换之前的函数。可是在编程过程中又需要根据传入的参数不同调用不同的方法,跟函数重载的理念很相同,如何去实现,其实重点依据的就是传入参数的个数,即 arguments.length;

标签: JavaScript

作者:Bryan 分类:JavaScript 浏览:88 评论:0

函数节流的分析以及实际应用场景

函数节流

  JavaScript中的函数多数是由用户触发的,在一些情况下函数的触发不受用户的直接控制,比如在某些场景下函数会被频繁的调用,从而造成性能上的影响。

函数频繁调用的场景

  • window.onresize 事件。   window.onresize事件是在浏览器窗口大小发生改变时触发,当用户在拖拽改变浏览器窗口大小时,在此过程中会频繁调用执行。
  • window.scroll 事件。   window.scroll 事件在浏览器滚动条滚动

标签: JavaScript

作者:Bryan 分类:JavaScript 浏览:83 评论:0

实现函数的无限累加

题目解读

  使用JS实现一个函数,该函数可以用于无线的累加求和。当传递参数时,获取参数并参与计算,没有传递参数时或者调用结束时返回最终的计算结果。最终的实现类似如下的效果:

    add(1); // =˃ 1
    add(1)(2); // =˃ 3
    add(1)(2)(3); // =˃ 6
    add(1)(2)(3)(4); // =˃ 10
    add(1)(2)(3)(4)(); // =˃ 10

标签: JavaScript

作者:Bryan 分类:JavaScript 浏览:113 评论:0

函数柯理化的理解与应用

柯理化(currying)

˃ 柯理化,也常以为“局部套用”,是把多参数函数转换为一系列单参数函数并进行调用的技术。这项技术以数学家 Haskell Curry 的名字命名。 --- 《JavaScript语言精粹》

  柯理化函数的作用是为每一个逻辑参数返回一个新函数。

初步实现

  先通过一个简单的 add 函数了解一下柯理化。


    // 参数相加
    var add = function(a,b<!--autointro-->

标签: JavaScript

作者:Bryan 分类:JavaScript 浏览:78 评论:0

清除浮动的几种方式

清除浮动的几种方式:

  清除浮动可以理解为清除浮动产生的影响。当元素浮动时也就是为当前元素创建了块格式化上下文(BFC),会对周围的元素或者父元素在布局上会产生一定的影响,比如:父元素因无法自动计算高度而产生的高度塌陷;因脱离文档流而使兄弟元素错位等。

  要清除浮动产生的影响,其实就是在解决这两方面的问题。方法是可以通过设置父元素高度,或利用BFC,或者使用自带属性 `clear1 进行清除。

1. 设置父元素的高度   设置父元素的高度解决的是元素浮动产

标签: css

作者:Bryan 分类:CSS 浏览:79 评论:0