前端技术
许由务光
努力方得始终
展开
-
[科普]DNS预解析/dns-prefetch是什么?怎么开启?
[科普]DNS预解析/dns-prefetch是什么?怎么开启?本篇主要介绍一下dns-prefetch,也是为了给自己存一下笔记#诞生背景Dns请求虽然占用了很少的带宽,但会有很高的延迟,由其以移动网络会更加明显。通过dns预解析技术可以很好的降低延迟。在firefox上使用dns-prefetch,dns预解析是与页面加载是并行处理的,且不用影响到页面加载的性能。在以图片为主移动...转载 2018-11-29 20:47:50 · 387 阅读 · 0 评论 -
限制网页只能从移动手机端打开不能从电脑浏览器打开
如何限制电脑PC端访问Web页面,只能手机端才能访问HTML添加JS代码var system = {};var p = navigator.platform;var u = navigator.userAgent; system.win = p.indexOf("Win") == 0;system.mac = p.indexOf("Mac") == 0;system.x11 = (...转载 2018-12-20 11:35:49 · 9339 阅读 · 0 评论 -
JavaScript继承方式
JavaScript继承方式JavaScript实现继承的方式主要有两种: 原型链继承和借助构造函数继承一、原型链继承原型链继承的主要思想是将父类型的实例赋给子类型的原型,这样子类型就可以通过原型对象的[[prototype]]访问到父类型的所有属性和方法。具体实现方式如下:function SuperType(){ this.property = true; //...转载 2018-12-03 20:58:12 · 91 阅读 · 0 评论 -
JavaScript作用域详解
JavaScript作用域详解作用域在JavaScript中是非常重要的概念,理解了它对更深入地理解闭包等概念都有很大的帮助,这篇文章就来谈谈我对作用域的理解。一、全局作用域与局部作用域在JavaScript中没有块级作用域的概念,它的作用域都是以函数作为划分的。JavaScript的作用域分为全局作用域和局部作用域。能在代码中的任何地方访问到的变量具有全局作用域,只能在固定代码段,例如函数...转载 2018-12-03 20:50:40 · 172 阅读 · 0 评论 -
JavaScript类型检测
JavaScript类型检测一、typeof运算符相信很多同学还跟我曾经以为的一样,typeof操作符只是判断对象类型上不太靠谱,它还是可以用来检测原始值类型的,比如数字、字符串、布尔型。但看了下面的例子你就不这么认为了。typeof 'foo' // 'string'typeof new String('foo') // 'object' t...转载 2018-12-03 20:45:34 · 120 阅读 · 0 评论 -
块级元素和行内元素的区别
块级元素和行内元素的区别一、块级元素<div>, <p>, <header>, <nav>, <h1>等等都是块级元素。它们都有以下特点:如果不为其设定宽度,会自动占满父容器的宽度。如果不为其设定高度,会自适应它的子元素的高度(前提是没有为其设定浮动或定位)。可以为其设定外边距和内边距。默认情况下会在垂直方向排列,即每个元素...转载 2018-12-03 20:41:46 · 1290 阅读 · 0 评论 -
JavaScript 用new创建对象的过程
JavaScript 用new创建对象的过程在JavaScript中创建自定义对象都需要用new运算符,那么创建对象的过程是什么样的呢?例如现在有如下构造函数:function Person(name) { this.name = name;}Person.prototype = { constructor: Person, sayName: function()...转载 2018-12-03 20:37:57 · 565 阅读 · 0 评论 -
Block Formatting Contexts (块级格式化上下文) 详解
Block Formatting Contexts (块级格式化上下文) 详解最近在学习BootStrap框架,发现里面清除浮动的类 .clearfix 跟平时自己用的不太一样。它的样式是这样的:.clearfix:before{ content: " "; display: table;}.clearfix:after{ content: " "; displ...转载 2018-12-03 20:35:48 · 364 阅读 · 0 评论 -
零散知识点
零散知识点一、JS数据类型及类型判断1. JS数据类型JS共有6种数据类型,其中5种基本数据类型,分别是:Undefined, Null, String, Number, Boolean, 还有一种复杂数据类型:Object。JS中对象被称为引用类型的值,它是引用类型的一个实例。引用类型是一种数据结构,有时也被称为对象定义,它们描述的是一类对象所具有的属性和方法。 JS中大多数引用类型都是...转载 2018-12-03 20:30:15 · 251 阅读 · 0 评论 -
从输入URL到浏览器显示页面发生了什么
从输入URL到浏览器显示页面发生了什么当在浏览器地址栏输入网址,如:www.baidu.com后浏览器是怎么把最终的页面呈现出来的呢?这个过程可以大致分为两个部分:网络通信和页面渲染。一、网络通信互联网内各网络设备间的通信都遵循TCP/IP协议,利用TCP/IP协议族进行网络通信时,会通过分层顺序与对方进行通信。分层由高到低分别为:应用层、传输层、网络层、数据链路层。发送端从应用层往下走,接...转载 2018-12-03 20:25:21 · 113 阅读 · 0 评论 -
JS中的this对象详解
JS中的this对象详解借助阮一峰老师的话:它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。这句话看似平常,可是要非常注意三个字:“运行时”,这说明this关键字只与函数的执行环境有关,而与声明环境没有关系。也就是这个this到底代表的是什么对象要等到函数运行时才知道,有点类似函数定义时的参数列表只在函数调用时才传入真正的对象。理解了这一点对后面this关键字规律的掌握有很大帮助。...转载 2018-12-03 20:20:30 · 352 阅读 · 0 评论 -
JavaScript中的可枚举属性与不可枚举属性
JavaScript中的可枚举属性与不可枚举属性在JavaScript中,对象的属性分为可枚举和不可枚举之分,它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被for…in查找遍历到。一、怎么判断属性是否可枚举js中基本包装类型的原型属性是不可枚举的,如Object, Array, Number等,如果你写出这样的代码遍历其中的属性:var num = new Num...转载 2018-12-03 19:55:42 · 184 阅读 · 1 评论 -
页面布局练习
除了兼容性,一般没有太大的缺陷转载 2018-11-29 22:22:55 · 416 阅读 · 0 评论 -
如何去掉容器中图片下方自动产生的距离
如何去掉容器中图片下方自动产生的距离一、问题展示:默认情况下,容器中的图片在图片底部会自动产生一个间隔距离。在页面中制作一个标记对,在该标记对内部放置一个图片,并为这个标记对利用CSS属性设置背景颜色。代码如下所示。&lt;div style=”background-color:#ff5857;”&gt;&lt;img src=”images/01.jpg” /&gt;&lt;/div&...原创 2019-02-11 16:45:09 · 548 阅读 · 1 评论