- 博客(21)
- 收藏
- 关注
RSS订阅原创 深克隆和浅克隆
浅克隆和深克隆的区别什么是浅克隆和深克隆？深克隆的方法?递归完成深克隆利用json方法（*JSON.parse( )和JSON.stringify( )*）总结什么是浅克隆和深克隆？首先，克隆只针对数组，对象，函数等复杂数据类型。浅克隆：就是将栈内存中的引用复制一份，赋给一个新的变量，本质上两个指向堆内存中的同一地址，内容当然也相同，其中一个变化另一个内容也会变化（根本上改变的是同一个对象）。深克隆：就是创建一个新的空对象，开辟一块内存，然后将原对象中的数据全部复制过去，完全变成两个互不相
2021-04-12 12:41:22
178
原创 详细介绍promise
promisepromise是什么？promise对象及 then方法 和 catch方法promise发送请求封装 GET 请求promise是什么？说明：promise 是 ES6 引入的一种异步编程的解决方案，promise是一个构造函数，promise优化了回调地狱的写法，使代码更清晰点。回调地狱：就是指事件层层嵌套在一起，需要一步步的去触发，嵌套越多，回调地狱就越复杂代码演示： <button id="item">点我才能触发二号</button> &
2021-04-06 12:39:37
146
原创 怎么在Node中简易创建一个服务器
怎么在Node中搭建一个服务器？详细来说简化为四步：1.模块导入2.创建服务器3.为 server 绑定一个 request 事件4.用listen方法绑定端口号5.代码图详细来说简化为四步：1.模块导入//导入http模块const http = require("http")2.创建服务器//创建一个http服务cosnt server = http.creatServer()如果是https协议，里面要传两个参数：第一个参数为证书和私钥，第二个参数为一个回调函数。想要深入了解的可
2021-03-28 20:56:08
207
原创 Node.js中的文件流的意义及详细方法
Node.js文件流什么是文件流？为什么要用文件流？文件流的分类什么是文件流？首先因为 流 在文件读写里非常抽象，所以并不能明显确定。这里打个比方说明一下（也不知道形象不）：比如说一个地方发生火灾了，消防队来灭火，消防队的水车就好比一个文件，读文件及文件流的话就好比把水运过去灭火的方式。读文件 就类似：你拿一个桶来水车这边接水，然后 必须 等接满了再提过去灭火。如果火势很小蔓延很慢 的话，还可以用这种方法灭火（这里相对于是文件比较小的时候 ）。很显然这种方法
2021-03-20 16:41:20
358
原创 异步加载js的三种方式及优点
js的异步加载什么是js的异步加载？异步加载js的三种方式？1.defer 异步加载2.async 异步加载3.动态创建script标签什么是js的异步加载？javascript 从执行机制来说是一个单线程加事件队列的语言，即代码会一行一行自上而下往下执行。js中执行有两种方式，即 同步 和 异步。这里简单介绍下 同步 和 异步 ：同步：从上到下执行，如果上件事情没有完成，就继续做上件事情，直到等上件事情完成后才会去做下一件事情js的大部分编程都是同步的。异步：如果一个任务出现一个或者多个回调函数
2021-03-20 14:21:35
895
原创 SVG 的引用和 stroke 属性 及基本形状元素
1、SVG 的引用：SVG 在HTML 中 的引用方法：1.1、使用 < embed >标签优势：所有主要浏览器都支持，并允许使用脚本缺点：不推荐在HTML4和XHTML中使用（但在HTML5允许）<embed src="./02.demo.svg" type="image/svg+xml"/>1.2、使用 < object > 标签优势：所有主要浏览器都支持，并支持HTML4，XHTML和HTML5标准缺点：不允许使用脚本。<obje
2021-01-11 19:45:09
976
原创 简单介绍 SVG
1、简介SVG是一种用XML定义的语言，用来描述二维矢量及矢量/栅格图形。SVG提供了3种类型的图形对象:矢量图形(vectorgraphicshape例如:由直线和曲线组成的路径)、图象(image)、文本(text)。图形对象还可进行分组、添加样式、变换、组合等操作，特征集包括嵌套变换(nestedtransformations)、剪切路径(clippingpaths)、alpha蒙板(alphamasks)、滤镜效果(filtereffects)、模板对象(templateobjects)和其它扩展
2021-01-11 19:28:04
768
原创 H5新增表单
新增表单类型如下：属性值说明type=“email”限制用户输入必须为Email类型type=“url”限制用户输入必须为URL类型type=“date”限制用户输入必须为日期类型type=“time”限制用户输入必须为时间类型type=“month”限制用户输入必须为月类型type=“week”限制用户输入必须为周类型type=“number”限制用户输入必须为数字类型type=“tel”手机号码（不限制只能输入数字，因为有些
2020-12-28 19:22:37
167
原创 利用动画效果实现无缝滚动
因为比较简单，所以废话少说，直接上代码css样式：<style> .nav img { width: 260px; height: 150px; } .nav ul { list-style: none; width: 200%; height: 150px; animation: go 3s linear infinite; } .nav { width: 1040px; height: 150px; overf
2020-12-28 18:55:04
161
原创 js原型
prototype 就是原型之意一、首先要知道函数也是一个对象，但是对象不一定是函数。对象有__proro__属性；函数有prototype属性。针对构造函数而言，原型就是构造函数的 prototype 属性 ，常常将其称为原型属性；针对实例对象而言，原型就是实例对象的原型对象。例：function Person(){} //有了构造函数和原型var p = new Person(); //有了实例二、一般如何使用原型对象：1.简单的说就是将共享的方法放到原型中, 而独有数据与行为放
2020-12-23 20:58:29
75
原创 定时器
setTimeout()和clearTimeout()在指定的毫秒数到达之后执行指定的函数，只执行一次//创建一个定时器，1000毫秒后执行，返回定时器的标示var timerId = setTimeout(function () { console.log('Hello World');}, 1000);// 取消定时器的执行clearTimeout(timerId);setInterval()和clearInterval()定时调用的函数，可以按照给定的时间(单位毫秒)周期调用函
2020-12-17 18:55:19
72
原创 js获取元素的方法
1、根据ID获取元素<div id="box"></div><script>var box = document.getElementById('box')</script>2、根据标签名获取元素<div></div><div></div><div></div><script>var divs = document.getElementsByTagName
2020-12-14 18:48:44
240
原创 slice和splice的详细介绍及用法
语法：arrayObject.slice(start，end）一、slice：删除并返回数组的第一个元素1start：必须。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说， -1指向最后一个元素， -2指倒数第二个元素，依此类推。注意：截取开始位置的索引，包含开头索引，截取结束的位置的索引，不包含结束索引（如果第结束索引不写则会截取开始索引后的所有元素）2.代码示例二、splice：删除元素，并向数组添加新元素1.可选。规定从何处结束选取。该参数是数组片
2020-12-05 16:12:22
807
原创 forEach的详细介绍及用法
##foeEach遍历数组1.只支持IE8以上的浏览器，IE8以下的浏览器均不支持该方法，所以如果要兼容IE8，则不要使用forEa，还是使用for循环来遍历。2.需要一个函数作为参数：数组中有几个元素函数就会被执行几次，每次执行时，浏览器会将遍历到的元素以实参的形式传递进来，我们可以定义形参，来读取这些内容。...
2020-12-05 15:32:01
903
原创 for循环
一、for循环的写法for(初始化表达式; 条件; 条件改变表达式){循环体}*注：循环控制语句break; 跳出循环continue; 停止当前循环体，进入下一次循环体*二、代码举例1.利用for循环输出1-100之间的所有数字2.利用双重for循环制作九九乘法表...
2020-11-29 23:23:46
115
原创 CSS选择器的组合
一、组合选择器的作用：解决不同的选择器之间重复样式的问题组合选择器主要包括：群组选择器、后代选择器、子选择器和同级元素选择器二、组合选择器的各种使用1.群组选择器群组选择器的使用目的是为了让多个选择器使用同一个样式或者同一组样式。使用方法：多个选择器之间用逗号 , 隔开代码示例：2、后代选择器：后代选择器是指对某元素所嵌套的指定元素进行选择。（后代选择器分为间接后代和直接后代）用法：每个选择器之间用空格隔开，多个嵌套层次应该以多个空格进行分割代码示例：3、子选择器：子选择器与后
2020-11-21 12:40:02
1348
原创 简述CSS简单选择器
一、选择器的作用在css中，选择器是一种模式，用于选择需要添加样式的元素。二、css基础选择器1.元素选择器匹配页面所有相同元素，即页面中相同的元素有相同的样式声明时使用下面举个简单的例子元素选择器的作用就是选择body中的所有p元素，让它们的内容变成金色。2.ID选择器一般做页面少用，主用于页面中某一个元素有特殊的样式声明用法：#+ID的name举例:ID选择器的作用就是选择body中的ID为one元素，让它的内容变成金色。3、类选择器同一个页面中任何元素（只需要clas
2020-11-19 23:45:25
506
原创 简述css定位
一、定位的意义定位是可以让盒子自由的在某个盒子内移动位置或者固定在屏幕中的某个位置，并且可以压住其他盒子。定位，同浮动一样是前端开发人员进行css布局的另一神器。浮动布局比较灵活，但不容易控制，定位布局则相反，可以让用户精确地控制元素在页面中的位置“指哪打哪”，但缺乏浮动布局的灵活性。二、定位1.固定定位（fixed）：当元素的position属性设置为fixed时，这个元素就被固定了，被固定的元素（在视野中）不会随着滚动条的拖动而改变位置，相对屏幕的可视区进行定位。固定定位特性：（1)相当于浏
2020-11-15 22:51:00
344
原创 简述盒子元素
一、css盒子模型概念css盒子模型又称为框模型（Box Model），内容主要有4个要素。1、元素内容（content）：2、内边距（padding）3、边框（border）4、外边距（margin）图中最内部的框就是元素的实际内容，也就是元素框，紧挨着元素框外部的是内边距（padding），然后是挨着（padding）的边框（border），然后最外层是外边距（margin），整个就组成了一个盒子模型。通常我们设置背景的区域就是内容，内边距 ，边框这一块范围。二、盒子模型的属性内容（c
2020-11-15 21:47:41
1182
原创 五大主流浏览器及其内核
我们平时用的浏览器有很多，例如，IE、百度浏览器、搜狗浏览器、UC浏览器、谷歌浏览器等。但用户看到的仅是浏览器本身，却很少看到浏览器的核心部分——浏览器内核。并且浏览器主要分为五大浏览器。浏览器内核是浏览器的核心，也被称为“渲染引擎”，主要解释网页语法并渲染到网页上。浏览器内核又可以分成两部分：渲染引擎和js引擎。主要负责取得网页的内容及处理网页内容最后传输至显示器。由于浏览器的内核不同对于网页的语法解释也会有不同，所以渲染的效果也会不一样。五大浏览器1：IE浏览器IE浏览器是微软公司旗下浏览器，是
2020-11-11 00:03:23
681
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人