web前端
朽木白露
只有最不虔诚的信徒,才会追寻上帝存在的证明
展开
-
ping网络诊断常见故障
Request timed outa.对方已关机:比如在上图中主机A中PING 192.168.0.7,或者主机B关机了,在主机A中PING 192.168.0.5 都会得到超时的信息。b.对方与自己不在同一网段内,通过路由也无法找到对方,但有时对方确实是存在的,当然不存在也是返回超时的信息。c.对方确实存在,但设置了ICMP数据包过滤(比如防火墙设置)怎样知道对方是存在,还是不存在呢,可以用带参数 -a 的Ping命令探测对方,如果能得到对方的NETBIOS名称,则说明对方是存在的,是有防火墙设.转载 2020-06-27 13:37:11 · 5977 阅读 · 0 评论 -
无法访问目标主机的原因及其和请求超时的区别
使用ping命令时经常会遇到这两种情况,就表示网络出了问题:无法访问目标主机的原因可以看到“无法访问目标主机”是来自一个IP的回复,实际上那个IP是一个路由器。因此“无法访问目标主机”实际上数据是发出去并且收到回复的,只不过收到的回复是别人告诉你你要访问的目标主机无法访问。因此会有两种情况,第一种是给你回复的路由器中的路由表中找不到目标主机的路由,因此也就无法访问目标主机;第二种有可能是你开了防火墙,防火墙不允许访问那个目标主机,因此路由器只能告诉你无法访问目标主机。请求超时的原因可以看到“请求超原创 2020-06-27 13:31:41 · 71476 阅读 · 6 评论 -
详解ES6(二)-JavaScript模板字面量``与${}
ECMAScript通过模板字面量为字符串提供了新的特性,主要在于以下方面:多行字符串基本的字符串格式化,将变量的值嵌入字符串的能力HTML转义,向HTML插入经过安全装换后的字符串的能力基础语法使用反引号(``)描述字符串,例如 `hello` 。基本上与单双引号用法一样,区别在于使用 反引号(``)不会忽略里面的换行符,如下面的例子:注意代码中换行后的缩减,也会输出到控制台中。如果我们想要在代码中对齐,可以考虑这样:var html = `<div> <原创 2020-06-04 13:44:54 · 1211 阅读 · 0 评论 -
详解ES6(三)-(...)这三个点在JavaScript中意味着什么?
数组/对象扩展运算符假设您有以下对象:const adrian = { fullName: 'Adrian Oprea', occupation: 'Software developer', age: 31, website: 'https://oprea.rocks'};假设您要创建一个具有不同名称和网站但具有相同职业和年龄的新对象(人)。您可以通过仅指定所需的属性来执行此操作,并使用扩展运算符来完成其余操作,如下所示:const bill = { ...adrian,转载 2020-06-04 13:29:27 · 645 阅读 · 0 评论 -
详解ES6(一) - 区别var、let和const实现块级作用域
ES6之前的JavaScript变量由var声明,而var声明的变量是始终保存在内存中的,为了实现块级作用域,我们会使用闭包模拟,但实际上非常的不方便。ES6添加了let和const标识符,弥补了这些不足。var和闭包我们先来了解一下var和闭包,下面用花括号生成一个块级作用域,在其内创建变量count:{ var count = 5;}console.log(count);//5我们可以看到在块级作用域外部仍然可以访问count变量。实际上这段代码等效为:var count;{ co原创 2020-06-02 17:11:56 · 712 阅读 · 0 评论 -
clientX、offsetX、screenX、pageX、x的区别
QQ群招募中:646258285(招募中,没几个人说话), 需要交流的朋友可以直接加我微信( DntBeliv )或QQ( 1121864253 )一、clientX、clientY点击位置距离当前body可视区域的x,y坐标二、pageX、pageY对于整个页面来说,包括了被卷去的body部分的长度三、screenX、screenY点击位置距离当前电脑屏幕的x,y坐标四、offsetX、offsetY相对于带有定位的父盒子的x,y坐标五、x、y和screenX、screenY转载 2020-05-30 13:24:02 · 784 阅读 · 1 评论 -
pageX、clientX等的区别
鼠标事件鼠标事件有下面这几种:1. onclick鼠标点击事件box.onclick = function(e){ console.log(e)}2. onmousedown鼠标按下事件box.onmousedown = function(e){ cons...转载 2020-05-26 22:26:30 · 13880 阅读 · 4 评论 -
鼠标的点击事件--双击时不触发单击的事件
鼠标的单击事件是鼠标点击一次触发的事件(click);双击事件是两次的单击事件.如果在一个DOM对象上同时绑定单击(click)和双击(dblclick)事件,当在这个DOM对象上发生双击事件时,第一次点击(click)会 触发一次单击(click)事件,第二次点击(连续的)也会触发双击(dblclick)事件,还是会触发单击(click)事件(IE7与 firefox)。为了保证双击时不触发单击事件,解决办法,给单击事件添加一个计时器,当单击事件还没有触发时,取消这个事件,最后就只有双击事件的内容触发了转载 2020-05-26 22:21:58 · 1362 阅读 · 0 评论 -
深入理解JavaScript作用域链与闭包
QQ群招募中:646258285(招募中,没几个人说话), 需要交流的朋友可以直接加我微信( DntBeliv )或QQ( 1121864253 )文章目录作用域链闭包模仿块级作用域与私有变量作用域链和函数的原型一样,当创建一个函数之后,也会为函数对象添加一个属性[[Scopes]]记录他的作用域。该属性时一个栈,应该不可以修改,但是我们可以在调试模式中看到。[[Scopes]]...原创 2020-04-28 17:28:59 · 302 阅读 · 0 评论 -
简明通俗地理解JavaScript原型链与继承
QQ群招募中:646258285(招募中,没几个人说话), 需要交流的朋友可以直接加我微信( DntBeliv )或QQ( 1121864253 )文章目录理解JavaScript函数与原型对象属性搜索机制与原型链继承组合继承寄生式继承寄生组合式继承理解JavaScript函数与原型在这里最重要的是理解一点,JavaScript里面一切都是一个值,换句话说,object是一个值,f...原创 2020-04-26 20:21:48 · 367 阅读 · 0 评论 -
JS对象设置属性setter和getter
QQ群招募中:646258285(招募中,没几个人说话), 需要交流的朋友可以直接加我微信( DntBeliv )或QQ( 1121864253 )准确地说,JavaScript并没有类的概念,也因此我们没有办法像java那样设置private、public后再设置getter和setter,但我们可以使用JavaScript的原生的属性,通过对对象属性进行限制,从而实现getter和...原创 2020-04-22 21:53:35 · 1386 阅读 · 0 评论 -
JavaScript求数组最大值
QQ群招募中:646258285(招募中,没几个人说话), 需要交流的朋友可以直接加我微信( DntBeliv )或QQ( 1121864253 )JavaScript自带Math对象,其内包含了一系列数学函数,我们将使用其max()函数实现求取数组最大值。Math.max()的一般用法是:var max = Math.max(3,54,32,16);参数必须全部列出来,而不是...原创 2020-04-22 01:07:32 · 1870 阅读 · 0 评论 -
JavaScript函数特殊用法
QQ群招募中:646258285(招募中,没几个人说话), 需要交流的朋友可以直接加我微信( DntBeliv )或QQ( 1121864253 )//函数作为参数console.log("函数作为参数")function callSomeFunction(function0, arg0) { return function0(arg0);}function add...原创 2020-04-20 21:05:56 · 266 阅读 · 0 评论 -
JavaScript中RegExp类型的global什么意思
QQ群招募中:646258285(招募中,没几个人说话), 需要交流的朋友可以直接加我微信( DntBeliv )或QQ( 1121864253 )var re = null, i, matchs = null;//RegExp类型中的global是什么意思:lastIndex不会重置console.log("re = /cat/i")re = /cat/i;for(i=0;...原创 2020-04-20 18:26:58 · 469 阅读 · 0 评论 -
vscode断点调试js代码的设置
vscode可以运行多种代码,需要安装插件code runner,然后点击右上角三角运行即可:vscode也可以直接调试js代码,如下:但通常我们需要同时调试HTML和js,此时我们使用chorme调试html,其自带的调试js,方法如下:VSCode 上装插件:Debugger for Chrome修改launch.json{ // Use IntelliSense t...原创 2020-04-20 14:22:50 · 4356 阅读 · 3 评论 -
JS参数传递(值传递和引用传递)
前端红宝书第一遍看过去之后,相当多的东西都忘记了,第二遍看的时候,也开始注意到一些细节的东西以及理解不到位的地方。书P66 一个加粗框中写到:ECMAScript中所有参数传递都是值,不可能通过引用传递参数当时看过没有怎么仔细想过,一知半解吧,今天理解的更加深一些。当然也是昨天做了个题目就因为这个掉坑里一时没爬出来!访问变量有按值和按引用两种方式,而参数只能按值传递。一、基本数据类型: Numb...转载 2020-04-18 16:50:51 · 1414 阅读 · 0 评论 -
一步步教你利用Canvas对图片进行处理
文章转载自:https://m.jb51.net/article/123995.htm这篇文章主要给大家介绍了关于利用Canvas对图片进行处理的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。前言Canvas,中文译为“画布”,HTML5中新增了<canvas>元素,可以结合JavaScript...转载 2020-04-17 16:44:50 · 2234 阅读 · 0 评论 -
html5 css3 如何绘制扇形任意角度
扇形制作原理,底部一个纯色原形,里面2个相同颜色的半圆,可以是白色,内部半圆按一定角度变化,就可以产生出扇形效果<html><head> <meta charset="UTF-8"> <title>扇形绘制</title> <style> .shanxing{ ...转载 2020-04-17 16:34:23 · 1255 阅读 · 0 评论 -
css动态主题颜色实现
其实有很多种方案,这里主要说两个比较好用的,第一个方案是使用css变量,第二个方案是使用第三方工具less方案一最新的css支持变量var,并且主流的浏览器基本上都支持这个特性。使用变量我们可以更方便的管理css元素。定义CSS变量在css文件顶部定义css变量,注意必须以–开头,使用:root包括这几个变量:root { --main-bg-color: #ff7675; --...原创 2020-09-28 10:27:51 · 1192 阅读 · 0 评论 -
js使用setTimeout实现淡入淡出效果
注意setTimeout是异步执行的,因此需要用递归的办法实现const TIME0_in = 800 //msconst TIME_delay = 40 //msconst opacityDelay = TIME_delay/TIME0_inlet that = thislet i = 0;function changeOpacity(){ if(i>=TIME0_in...原创 2020-03-09 15:35:07 · 475 阅读 · 0 评论 -
JS获取当前日期
感谢https://www.cnblogs.com/aaronthon/p/10640767.html总结的如此全面var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-???)myDate.getMonth(); //获取当...转载 2020-03-05 22:02:04 · 298 阅读 · 0 评论 -
js获取对象,数组所有属性键值
js获取对象,数组所有属性键值(key)和对应值(value)的方法方法一[实用]====let tempArr= [1,2,3,4,5,1,2];if (tempArr.length > 1) { let rep = []; tempArr.forEach((item, index) => { if (tempArr.indexOf(item) ...原创 2020-03-04 22:54:55 · 2590 阅读 · 0 评论 -
web酷炫粒子特效
<!doctype html><html lang="en"><head> <meta charset="gbk2312"> <title>粒子背景</title> <link rel="stylesheet" type="text/css" href="style.css" media=...原创 2020-02-22 15:49:13 · 1360 阅读 · 2 评论 -
js快速入门
w3school教程JavaScript输出使用 window.alert() 弹出警告框。使用 document.write() 方法将内容写到 HTML 文档中。使用 innerHTML 写入到 HTML 元素。<p id="demo">我的第一个段落</p> <script> document.getElementById("demo")....原创 2020-02-20 17:46:07 · 1024 阅读 · 0 评论 -
简单好玩的vue小游戏,网页小游戏
有人问我这个游戏有没有什么通用的解法,我想不出来只好做一个小游戏研究研究,然而还是没有发现什么通用的解法。。。。要是有谁想出来了,留言告诉我一下哈!略略略游戏规则:点击一个点后会影响周围四个点及自身(颜色翻转),如下图这里给出了5个示例,如示例1:此外还可以自定义游戏:然后点击开始游戏欢迎下载试玩!下载链接:...原创 2020-02-07 13:27:52 · 3288 阅读 · 0 评论 -
Chrome查看API接口URL
背景在一些需要工具等应用可能会应用到火车票信息的查询,但是又不知去哪里找即免费又不限制次数的Api接口,呵呵,今天我简单给你介绍一些Api接口的抓取,不要激动,最终还是希望可以帮助到你。对于有web开发经验的,可直接忽略此文,本文仅是提供一种获取方式,不保障永久可用。不多说了,到此为止,直接先给一张效果图,明确一下今天的博客内容。 这是一个神奇的网站,不需宣传和推广,每年的访问量和...转载 2020-01-30 20:43:03 · 25049 阅读 · 3 评论 -
html:新年烟火
使用html与JavaScript写的新年烟火程序,其他的就不说了,直接看效果图吧!基本思路就是获取鼠标点击位置,如何生成很多色彩不同的像素,如何为每个像素分配不同的速度,如何刷新动画即可。【资源下载链接:】...原创 2019-08-01 10:50:39 · 3540 阅读 · 0 评论