- 博客(18)
- 收藏
- 关注
RSS订阅原创 如何去掉容器中图片下方自动产生的距离
如何去掉容器中图片下方自动产生的距离一、问题展示：默认情况下，容器中的图片在图片底部会自动产生一个间隔距离。在页面中制作一个标记对，在该标记对内部放置一个图片，并为这个标记对利用CSS属性设置背景颜色。代码如下所示。<div style=”background-color:#ff5857;”><img src=”images/01.jpg” /></div&...
2019-02-11 16:45:09
514
1
转载 限制网页只能从移动手机端打开不能从电脑浏览器打开
如何限制电脑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
9144
转载 js canvas实现放大镜查看图片功能
js canvas实现放大镜查看图片功能本文实例为大家分享了canvas实现放大镜查看图片功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&g
2018-12-14 14:25:51
557
转载 2种简单的js倒计时方式
2种简单的js倒计时方式这篇文章主要为大家详细介绍了2个简单js倒计时方式，一是带天数的倒计时，二是单纯分钟和秒倒计时，一般倒计时的时间都是后台传来的然后渲染到页面，这里有2个简单的倒计时方式//带天数的倒计时function countDown(times){ var timer=null; timer=setInterval(function(){ var day=0,...
2018-12-14 13:22:05
504
1
转载 原生JavaScript轮盘抽奖实例分析（幸运大转盘抽奖）
原生JavaScript轮盘抽奖实例分析（幸运大转盘抽奖）效果图：所需图片素材：这张图是pointer.png的位置的。turntable-bg.jpg这张是转盘背景图，在背景位置。这张是turntable.png位置的。需要这三张图片，如果要实现一下，直接另存这三图片引入进去即可。如果不会请修改成对应的图片名字，放到同一个文件下。基本原理：1，通过设置CSS样式的posi...
2018-12-14 11:28:40
696
转载 JavaScript继承方式
JavaScript继承方式JavaScript实现继承的方式主要有两种： 原型链继承和借助构造函数继承一、原型链继承原型链继承的主要思想是将父类型的实例赋给子类型的原型，这样子类型就可以通过原型对象的[[prototype]]访问到父类型的所有属性和方法。具体实现方式如下：function SuperType(){ this.property = true; //...
2018-12-03 20:58:12
82
转载 JavaScript作用域详解
JavaScript作用域详解作用域在JavaScript中是非常重要的概念，理解了它对更深入地理解闭包等概念都有很大的帮助，这篇文章就来谈谈我对作用域的理解。一、全局作用域与局部作用域在JavaScript中没有块级作用域的概念，它的作用域都是以函数作为划分的。JavaScript的作用域分为全局作用域和局部作用域。能在代码中的任何地方访问到的变量具有全局作用域，只能在固定代码段，例如函数...
2018-12-03 20:50:40
141
转载 JavaScript类型检测
JavaScript类型检测一、typeof运算符相信很多同学还跟我曾经以为的一样，typeof操作符只是判断对象类型上不太靠谱，它还是可以用来检测原始值类型的，比如数字、字符串、布尔型。但看了下面的例子你就不这么认为了。typeof 'foo' // 'string'typeof new String('foo') // 'object' t...
2018-12-03 20:45:34
86
转载 块级元素和行内元素的区别
块级元素和行内元素的区别一、块级元素<div>, <p>, <header>, <nav>, <h1>等等都是块级元素。它们都有以下特点：如果不为其设定宽度，会自动占满父容器的宽度。如果不为其设定高度，会自适应它的子元素的高度（前提是没有为其设定浮动或定位）。可以为其设定外边距和内边距。默认情况下会在垂直方向排列，即每个元素...
2018-12-03 20:41:46
1226
转载 JavaScript 用new创建对象的过程
JavaScript 用new创建对象的过程在JavaScript中创建自定义对象都需要用new运算符，那么创建对象的过程是什么样的呢？例如现在有如下构造函数：function Person(name) { this.name = name;}Person.prototype = { constructor: Person, sayName: function()...
2018-12-03 20:37:57
531
转载 Block Formatting Contexts (块级格式化上下文) 详解
Block Formatting Contexts (块级格式化上下文) 详解最近在学习BootStrap框架，发现里面清除浮动的类 .clearfix 跟平时自己用的不太一样。它的样式是这样的：.clearfix:before{ content: " "; display: table;}.clearfix:after{ content: " "; displ...
2018-12-03 20:35:48
313
转载 零散知识点
零散知识点一、JS数据类型及类型判断1. JS数据类型JS共有6种数据类型，其中5种基本数据类型，分别是：Undefined, Null, String, Number, Boolean, 还有一种复杂数据类型：Object。JS中对象被称为引用类型的值，它是引用类型的一个实例。引用类型是一种数据结构，有时也被称为对象定义，它们描述的是一类对象所具有的属性和方法。 JS中大多数引用类型都是...
2018-12-03 20:30:15
219
转载 从输入URL到浏览器显示页面发生了什么
从输入URL到浏览器显示页面发生了什么当在浏览器地址栏输入网址，如：www.baidu.com后浏览器是怎么把最终的页面呈现出来的呢？这个过程可以大致分为两个部分：网络通信和页面渲染。一、网络通信互联网内各网络设备间的通信都遵循TCP/IP协议，利用TCP/IP协议族进行网络通信时，会通过分层顺序与对方进行通信。分层由高到低分别为：应用层、传输层、网络层、数据链路层。发送端从应用层往下走，接...
2018-12-03 20:25:21
78
转载 JS中的this对象详解
JS中的this对象详解借助阮一峰老师的话：它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。这句话看似平常，可是要非常注意三个字：“运行时”，这说明this关键字只与函数的执行环境有关，而与声明环境没有关系。也就是这个this到底代表的是什么对象要等到函数运行时才知道，有点类似函数定义时的参数列表只在函数调用时才传入真正的对象。理解了这一点对后面this关键字规律的掌握有很大帮助。...
2018-12-03 20:20:30
321
转载 JavaScript中的可枚举属性与不可枚举属性
JavaScript中的可枚举属性与不可枚举属性在JavaScript中，对象的属性分为可枚举和不可枚举之分，它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被for…in查找遍历到。一、怎么判断属性是否可枚举js中基本包装类型的原型属性是不可枚举的，如Object, Array, Number等，如果你写出这样的代码遍历其中的属性：var num = new Num...
2018-12-03 19:55:42
172
1
转载 [科普]DNS预解析/dns-prefetch是什么？怎么开启？
[科普]DNS预解析/dns-prefetch是什么？怎么开启？本篇主要介绍一下dns-prefetch，也是为了给自己存一下笔记#诞生背景Dns请求虽然占用了很少的带宽，但会有很高的延迟，由其以移动网络会更加明显。通过dns预解析技术可以很好的降低延迟。在firefox上使用dns-prefetch，dns预解析是与页面加载是并行处理的，且不用影响到页面加载的性能。在以图片为主移动...
2018-11-29 20:47:50
357
转载 在Sublime Text 3上安装代码格式化插件CodeFormatter
在Sublime Text 3上安装代码格式化插件CodeFormatter1.了解CodeFormatter插件2.安装CodeFormatter插件3.设置CodeFormatter4.使用CodeFormatter1.了解CodeFormatter插件在Sublime Text 3中编写代码，为了能让我们的代码格式变得漂亮整洁，需要一个能自动格式代码的插件。这里发现CodeFormatt...
2018-11-29 20:31:50
604
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人