- 博客(42)
- 收藏
- 关注
RSS订阅原创 端口号范围
一般用到的是1~65535。其中0不使用，1-1023为系统端口，也叫BSD保留端口。0-1023： BSD保留端口，也叫系统端口，这些端口只有系统特许的进程才能使用；1024~65535为用户端口，又分为：BSD临时端口(1024-5000)和BSD服务器(非特权)端口(5001-65535)。其中：1024-5000： BSD临时端口，一般的应用程序使用1024到4999来进行通讯；5001-65535：BSD服务器(非特权)端口，用来给用户自定义端口。...
2020-07-15 11:09:26
788
原创 js流氓广告的实现效果
<div id="d"> <button id="btn">关闭</button> 我是一个广告内容</div><script> // 点击button按钮 // 点击事件,咱们之后再讲,先理解思路方法 btn.onclick = function(){ // 设定div的显示属性为none,隐藏消失 d.style.display = 'none';
2020-07-13 16:30:23
532
原创 什么是回流,重绘，他们之间有什么区别？
什么是回流当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候，这时候是一定会发生回流的，因为要构建render tree。在回流的时候，浏览器会使渲染树中受到影响的部分失效，并重新构造这部分渲染树，完成回流后，浏览器会重新绘制受影响的部分到屏幕中，该过程成为重绘。什么是重绘当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影响布局的，
2020-07-10 19:56:18
487
1
原创 Http和Https的区别（面试题）
1、https协议需要到CA （Certificate Authority，证书颁发机构）申请证书，一般免费证书较少，因而需要一定费用。(原来网易官网是http，而网易邮箱是https。)2、http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。3、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。4、http的连接很简单，是无状态的。Https协议是由SSL+Http协议构建的可进行加密传输、身份认证的网络协议，比http
2020-07-08 19:31:09
2782
原创 改变this指向的方式
1. call()用法 ：func.call(context, arg1, arg2, …)注意：它运行 func 设置 this=context, apply()、bind()同理。function func(x,y) {return x+y}const o = {}func.call(o, 5, 5) //this指向由window变为o2. apply()用法：func.apply(context, args)参数1：this指向的对象 ；参数2: 类数组3.bind()用
2020-07-08 17:25:58
151
原创 清除浮动的方式
我们说的清除浮动是指清除由于子元素浮动带来父元素高度塌陷的影响。清除浮动的两大基本方法：方法1：脚底插入clear:both;方法2：父元素BFC(ie8+)或haslayout(ie6/ie7)方法1的具体实现：在父元素的最后加一个冗余元素并为其设置clear:both原理如下：当添加了最后一个冗余元素（未设置clear:both）时；父元素和此冗余元素的高度都为0，并且三个浮动的元素都浮在了它们的上方盖住了它们（可以把它们看成PS中的图层）。现在，给这个冗余元素添加clear:both
2020-07-07 11:34:53
365
原创 null与undefined的区别
**1、首先看一个判断题：null和undefined 是否相等**console.log(null==undefined)//trueconsole.log(null===undefined)//false观察可以发现：null和undefined 两者相等，但是当两者做全等比较时，两者又不等。原因：null： Null类型，代表“空值”，代表一个空对象指针，使用typeof运算得到 “object”，所以你可以认为它是一个特殊的对象值。 undefined： Undefined
2020-07-03 14:44:41
164
原创 ajax和axios、fetch的区别
1.jQuery ajax$.ajax({type: ‘POST’,url: url,data: data,dataType: dataType,success: function () {},error: function () {}});传统 Ajax 指的是 XMLHttpRequest（XHR）， 最早出现的发送后端请求技术，隶属于原始js中，核心使用XMLHttpRequest对象，多个请求之间如果有先后关系的话，就会出现回调地狱。JQuery ajax 是对原生XHR的封装，
2020-07-03 11:36:03
104
原创 如何从零开始创建React项目（三种方式）
在开发React项目前最关键的当然是项目的创建，现在的前端工程化使得前端项目的创建也变得越来越复杂，在这里介绍三种从零开始创建React项目的方式，分别是在浏览器中直接引入、使用官方脚手架create-react-app、使用Webpack创建。浏览器中通过标签直接引入React框架有两个核心的包，分别是react以及react-dom,如何想直接在浏览器中使用React，那么把这两个包直接引入就可以了。如果想要使用JSX语法，那么必须引入Babel。接下来我会以一个完整的html示例来
2020-07-03 11:31:39
607
原创 JS中Map和ForEach的区别
定义foreEach()方法:针对每一个元素执行提供的函数。map()方法:创建一个新的数组，其中每一个元素由调用数组中的每一个元素执行提供的函数得来。区别forEach()方法不会返回执行结果，而是undefined。也就是说，forEach()会修改原来的数组。而map()方法会得到一个新的数组并返回。例子制作一个数组的平方有如下一个数组let arr =[1,2,3,4,5,6]下面分别用forEach()和Map()forEach()注意，forEach是不会返回有意义的值
2020-06-23 17:15:26
160
原创 jQuery 封装 ajax 的使用方法
Jquery封装Ajax主要适用于两种，一种是非跨域，一种是跨域。先来说一下非跨域的基本封装：非跨域的封装分为两种，一种是需要区分请求方法，一种综合请求方法，即get和post请求方法都可以使用。需要区分的有两个方法：.get()和.get()和.get()和.post()方法。：$.get()方法：$.get({ url : 地址, da...
2020-05-06 21:23:59
278
原创 什么是面向对象编程
就是把一类具有相同属性和动作的实体抽象成为计算机里面的类, 也就是对象的模板, 把属性和方法封装成一个类中.处理业务的流程就是对象之间的信息传递. 把程序中的所有东西当做对象来进行处理.为什么需要面向对象编程? 面向对象编程更加模块化,更加易于构建大型项目. 而且面向对象编程有利于更新和维护, 其简化了企业级的编程的协同问题面向对象编程相对于面向过程编程有什么优势?项目可以做的更大,...
2020-04-17 18:50:35
267
原创 用面向对象写： 烟花效果实例
// 生成烟花的构造函数// 参数1:生成烟花的背景标签区域class Fire {constructor(ele) {this.ele = ele;}getEvent() { // 1,获取坐标 this.ele.addEventListener('click', (e) => { let x = e.offsetX; let ...
2020-04-14 21:45:02
283
原创 面向对象ES5和ES6语法的对比
ES5和ES6语法的对比 // 1,ES5语法 function Fun1(name,age){ this.name = name; this.age = age; } Fun1.prototype.f1 = function(){ console.log(this.name , this.age); }...
2020-04-13 22:43:48
286
原创 用面向对象的方法实现选项卡切换
// 面向对象的方法// 创建一个对象,这个对象中有属性有方法// 属性是需要操作的标签等// 方法就是实现选项卡效果的程序 // 定义构造函数 // 参数:需要执行的tab切换的标签对象,是所有需要执行选项卡效果标签的父级 // 面向对象方法1,建立变量,存储this function SetTab1(ele){ // 先要单独,...
2020-04-11 12:17:51
424
原创 js运动
// 运动函数// 轮播图中,图片的切换,不是瞬间切换完成的// 而是以类似于动画/运动的方式,逐步切换完成// 将位移/定位效果,分多次,逐步完成 // transition 虽然可以实现类似的效果 // 但是对于复杂的运动,复杂的设定,是不方便支持的 // 而且,transition过渡的兼容性,有待提高 // 通过JavaScript,配合 定时器 来...
2020-04-02 21:11:46
123
原创 用js完成拖拽
window.onload = function() {var oDiv = document.getElementById('div1');drag(oDiv);function drag(obj) { obj.onmousedown = function(ev) { var ev = ev || event; var disX = ev.clientX - ...
2020-04-01 21:38:08
139
原创 用事件委托写table表格的删除操作
// 事件委托,多用于 动态 添加的标签 // table表格中 所有的tbody 中的内容,都是动态,根据arr数组内容,生成的 // 此时使用事件委托,就特别使用 var arr = [ {name:'张三',age:18,sex:'男',city:'北京'}, {name:'李四',age:19,sex:'女',city:'上海'},...
2020-03-31 21:36:11
699
原创 用js完成table表格的设定,删除和新增功能
<!--姓名: <input type="text"><br>年龄: <input type="number" min="18" max="250"><br>姓名: 男<input type="radio" name="sex" value="男"> 女<input type="radio" name="se...
2020-03-28 21:36:33
290
原创 用js实现6位数验证码
var str = ‘0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ’; // 页面一打开,就先写入一个验证码 vc.innerHTML = setVc(str); // 每次点击验证码标签,都会刷新验证码 vc.onclick = function(){ vc.inne...
2020-03-27 21:07:30
2092
原创 用js实现中文时间
d.innerHTML = setTime();setInterval(function(){d.innerHTML = setTime();} , 1000) // 将4位年份,转化为汉字 function getYearStr(year){ // 定义表示汉字的数组 var arr = ['零' , '一' , '二' , '三' , '四...
2020-03-26 19:55:13
529
原创 异步执行
所谓的异步执行 计算机程序执行分为同步执行,和异步执行 所谓的同步执行,就是正常的计算机程序执行的3大顺序流程 顺序控制语句 从上至下,从左至右 分支控制语句 if,switch 循环控制语句 for,while,do...while,for...in,forEach() ...
2020-03-25 19:10:42
203
原创 时间戳和用定时器倒计时
时间戳 // 在JavaScript程序中,所谓的时间戳,值得是 // 当前时间和 格林尼治时间 1970年1月1日,0点0分0秒,相差的毫秒数 // 简单理解,就是从 格林尼治时间 1970年1月1日,0点0分0秒,到现在,过了多少毫秒 var d = new Date(); var times = d.getTime();...
2020-03-24 20:20:21
550
原创 随机数的应用,随机颜色,随机大小，随机背景颜色
// Math方法,是JavaScript提供的方法,可以直接使用 // 1, 随机数 Math.random() // 随机生成一个 0 - 1 的小数,可以是0,不会是 1 // 生成 a - b 范围的数值 a 小 b 大 // 公式 parseInt(Math.random()* (b+1-a) + a ); // 应用:设定随机颜色等 ...
2020-03-23 21:04:14
503
原创 数组去重的方法
数组去重 // 数组中存储重复的数值 // 去除重复数值之后,应该是 [1,2,3,4,5] var arr = [1,1,1,1,1,2,2,2,2,2,2,3,3,3,3,3,3,4,4,4,4,5,5,5,5,5] // 基本思路1 indexOf() // 建立一个新的数组,将原始数值中的数值,向新的数组中写入 // 如果这个数值不存在于...
2020-03-20 21:16:14
138
原创 浅拷贝和深拷贝
// 简单数据类型/基本数据类型 // 此时 str1 中存储的是 数据 北京 var str1 = '北京'; // 将 str1 中存储的数据北京 赋值给 str2 var str2 = str1; // 之后对str1 的操作,与str2,无关 str1 = '上海'; console.log(str1 , str2); ...
2020-03-20 20:30:05
76
原创 js选择排序
// 选择排序// 从起始位置开始,找最小的数值所在的索引下标// 如果最终存储的索引下标,不是起始位置,就与起始位置交换存储数据// 执行一次循环,会将最小值存储在起始位置上//// 下一次循环,之前的起始位置,不再参与循环//// 外层循环:实现循环次数,是数组单元个数-1// 内层循环:每次循环,将本次循环找出来的最小值,与起始位置进行数值交换...
2020-03-19 20:53:41
203
原创 完成建立二维数组,生成table表格内容
</head><body> <table> <thead> <tr> <td>序号</td> <td>姓名</td> <td>年龄</td>...
2020-03-18 21:26:20
3684
原创 函数的预解析和递归
// JavaScript的预解释/预解析// JavaScript 是 弱类型 解释型 的 脚本语言// JavaScript 是 解释型 计算机语言 在 程序执行之前,会先将定义的程序,预先解释,也就是预先模拟执行一遍// 会找程序中的关键词 var function 两个关键词 // 先输出 // 如果是没有使用 var 关键词声明的变量,执行...
2020-03-17 20:38:06
170
原创 函数的基本概念以及函数封装
函数的基本概念 // 什么是函数: // 实现固定功能的代码块 // 函数是工具,是实现功能的工具 // 函数是通过其中的代码,来实现所谓的功能 // 函数的特点: // 封装: 将需要的代码,写入到函数中 // 重复: 一个函数可以反复调用 // 调用: 可以在任意需要位置上调用执行代码 // 函数...
2020-03-16 20:50:51
3346
1
原创 CSS3 背景
CSS3 背景background-imagebackground-sizebackground-originbackground-clipbackground-image属性CSS3中可以通过background-image属性添加背景图片。CSS3 background-size 属性background-size指定背景图像的大小。CSS3以前，背景图像大小由图像的实际大小决...
2020-03-14 21:13:15
102
原创 用for循环实现:金字塔
var n =parseInt( Math.random() * ( 10+1-5) + 5 )for(var i=1;i<=n;i++){ for(var j=1;j<=(n-i);j++){ document.write(" "); } for(var k=1;k<=(i);k++){ document.write("*");...
2020-03-14 21:08:34
2252
原创 用for循环实现：百鸡百钱
for (x = 3; x < 100; x = x + 3) {for ( g = 1; g < 20; g++) {for (m = 1; m < 33; m++) { if (x + g + m == 100 && x / 3 + 5 * g + 3 * m == 100) { do...
2020-03-14 21:02:33
915
原创 质数的判断
var num=parseInt( Math.random() * ( 100+1-10) + 10 )var sum=true;for(i=2;i<=num-1;i++){if(num%i==0){sum=false;}}if(sum){console.log(${num},是质数)}else{console.log(${num},不是质数)}...
2020-03-14 21:00:22
191
1
原创 JavaScript中的运算符
JavaScript中的运算符 // 所谓的运算符,就是操作变量的符号 // 在计算机程序中,使用特殊的定义好的符号,来对变量中的数据进行操作 // 运算符的分类 // 算术运算符 / 数学运算符 // + - * / % // 赋值运算符 // = += -= *= /= %= ...
2020-03-11 20:26:16
359
原创 js基础数据类型
知识点NaN not a number 不是一个数值NaN 表示存储的数据的数据类型,不是一个数值如果有非数值参与计算,结果就是 NaN两个变量中存储的数据,都不是数值执行结果就是NaN 有NaN参与,结果就是NaN如果是 + 加号两侧都是数值,执行加法运算有一个是字符串,就执行字符串拼接操作var res3 = 100 + str1;console.log(...
2020-03-10 21:09:34
106
原创 NaN 是什么 为什么 NaN == NaN 执行结果是false
我们都知道NaN的意思是Not a Number，那么不是数字的字符肯定不是一个，而是一个范围，一个集合。就好像A不是数字，B也不是数字，但是A肯定不是B一样。所以综上NaN其实是不等于它自身的。...
2020-03-10 20:19:20
1854
原创 JavaScript的基础介绍
JavaScript的三种语法形式JavaScript的语法与css语法类似,都分为3种1, 行内式在 标签中 直接定义 JavaScript的 代码内容这种语法不推荐使用 2, 内部式 在script标签中,直接定义JavaScript代码 3, 外部式 在 外部 js 文件中 ...
2020-03-09 21:12:18
109
原创 有关html和css的简单复习介绍
复习大块： 1. 整理HTML常见标签 2. 整理HTML5新提供的标签 3. 整理标签的特性：语义化、规范、分类... 4. CSS2.1常见样式 5. CSS3常见样式：动画、变形、flex、grid ... 6. 实践：PSD切图、PC端网页、移动端网页、响应式网页... 7. 未来HTML和CSS的发展趋势？新的标签？新的样式？ ...
2020-03-07 16:12:51
144
原创 HTML5新增知识点
HTML5新语义化标签 ( 很重要的 )div span h1 img -> html4.01width height background -> css2.1transform border-radius -> css3header footer main -> html注：很多新的HTML5语义化标签，跟div类似。header : 页眉footer ...
2020-03-04 20:58:03
135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人