- 博客(25)
- 收藏
- 关注
RSS订阅原创 promise简介
什么是Promisepromise是ES6新增的，Promise其实是借鉴Node所产生的，而Node绝大都是异步代码，写了那么多的回调，而Promise就是比回调更有好的方式。所谓Promise，就是一个对象，用来传递异步操作的消息。它代表了某个未来才会知道结果的事件（通常是一个异步操作），并且这个事件提供统一的API，可供进一步处理。new PromisePromise是一个构造函数（类），可以使用new运算符新建一个实例，然后就可以使用了，构造函数接受一个函数作为参数。var p = ne
2021-04-11 20:42:11
212
原创 手动封装实现bind方法
bind方法跟call、apply的区别在手动封装bind之前，首先来了解下js中改变this指向的三个方法区别及bind方法的特性。call和aplly的第一个参数都是要改变上下文的对象，而call从第二个参数开始以参数列表的形式展现。fn.call(obj, arg1, arg2, arg3…)。apply则是把除了改变上下文对象的参数放在一个数组里面作为它的第二个参数。fn.apply(obj, [arg1, arg2, arg3…])，如果call和apply第一个参数是null或者undefi
2021-04-06 23:19:58
447
原创 js深拷贝和浅拷贝的区别
js深拷贝和浅拷贝的区别如何来区分深拷贝和浅拷贝，其实简单，例如:就是我声明一个obj对象，如何让var a直接等于obj，然后有在obj新增个fun，此时的a也会随着新增个fun，相同a新增数据，obj也会改变，这就是浅拷贝，我直接把比obj地址赋值给我变量啊，当我obj随着改变a也随着改变。理解了浅拷贝，深拷贝也就不难理解了，深拷贝就是我只把obj里的数据拷贝过来，你后面obj怎么改变，我a都不会变。var obj = { name : 'jack', age: '44'}var a =
2021-03-28 17:27:37
2337
原创 var、let、const 的区别
var什么是var，它是js的一个关键字，它是用来声明一个变量，并可选地将其初始化为一个值。变量的初始化值可以是任何合法的表达式，默认值为 undefined。var如果在方法中声明，则为局部变量；如果在全局中声明，则为全局变量。var变量声明总是在任意代码执行之前处理的，所以在代码中的任意位置声明变量总是等效于在代码开头声明。 console.log(a); //undefined var a = 1; console.log(a); // 1
2021-03-21 19:01:29
210
原创 Ajax简介
什么是Ajax什么是Ajax，通常用八字来表示它的核心：异步加载，局部刷新。Ajax就是为了实现在不重新加载整个网页的情况下，只对网页的某一部分进行局部的更新。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变的信息。异步（Asynchronous）了解Ajax前，我们要先了解什么是异步。 异步的底层原理是单线程加事件队列，js的代码执行时单线程的，所谓单线程：就是js代码时从上到下按顺序依次执行的，一次只能做一件事情也就是所谓的同步。而事件队列可以看作一个容器，这个容器存储
2021-03-20 22:11:42
132
原创 防抖和节流
防抖和节流在日常我们写代码的时候，如果我们不做事件处理函数调用的频率限制，触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象，会加重浏览器的负担，导致用户体验非常糟糕。所以这个时候可以采用debounce（防抖）和throttle（节流）的方式来解决短时间内大量触发某函数而导致的性能问题。下面是代码示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2021-03-11 19:48:04
135
原创 H5新增标签
H5新增标签1.语义化标签语义化标签理解：1.当页面样式加载失败的时候能够让页面呈现出清晰的结构2.有利于seo优化，利于被搜索引擎收录（更便于搜索引擎的爬虫程序来识别）3.便于项目的开发及维护，使html代码更具有可读性，便于其他设备解析。新增的标签有：header 头部标签nav 导航标签article 内容标签section 块级标签aside 侧边栏标签footer 尾部标签还有很多其他的标签。多媒体标签多媒体标签分为 音频 audio 和视频 video 两个标
2021-01-25 19:48:04
361
1
原创 响应式布局之媒体查询
响应式布局之媒体查询在我们写网页时候，大家可能有考虑到过，我们网页是不是应该跟着屏幕大小也随之变化，而要想达到这种效果就要用到我们的C3所新增的媒体查询（@media）来实现，根据页面的宽度来实现不同布局效果。什么是媒体查询媒体查询（Media Query）是CSS3新语法。可以针对不同的媒体类型定义不同的样式；可以让我们根据设备显示器的特性（如视口宽度、屏幕比例）为其设定CSS样式；当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。媒体查询语法规范基本语法@media m
2021-01-11 20:03:53
370
原创 用js创建表格及全选反选
用js创建表格及全选反选用js代码来实现创建表格，及全选反选，代码效果图如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>&l
2020-12-26 14:44:47
418
原创 渐变轮播图案例详解
渐变轮播图写轮播图前，首先要建好思路，首先要给个大盒子，把整个轮播图包起来，然后里面放入播放的图片，还有可以切换图片的左右箭头和跟图片对应的点击下标。通过css加js来实现轮播效果，下面上案例：html部分代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
2020-12-26 11:04:33
917
2
原创 表单验证案例
表单验证案例html代码 <!-- 整个大盒子 --> <div class="wrap"> <!-- 表单头部 --> <div class="top_wrap"> <span>账户信息</span> </div> <!-- 表单内容 --> <div class="contion">
2020-12-20 21:52:06
260
原创 css基本常用隐藏元素介绍
css基本常用隐藏元素介绍css中隐藏元素有好几种，他们的虽然都可以隐藏元素，看起来实现的都是同样的效果。其实每一种方法实际上都有一些不同。1.displaydisplay：none，使元素隐藏消失，且不占据空间，像一般的二级菜单可以使用。想元素在此显示，改为display：block就行了。示例： <style> .text { width: 100px; background-color: pink
2020-12-20 21:15:11
191
1
原创 电商网站经常看到的倒计时
倒计时案例相信大家经常看到电商网站做活动时，会在旁边写上倒计时活动还有多长时间结束。所以今天也来写个小案例，然后我自己的理解来分析一下。示例html代码<body> <!-- 标题 --> <h1 class="title">距离春节，还有</h1> <!-- 倒计时的天数，时，分，秒 --> <div class="time-item"> <span><span id="day"&
2020-12-12 16:46:24
903
2
原创 Js函数介绍
js函数什么是函数，函数可以理解为，封装好的代码块，有独立的作用域，在某代码调用它时被执行。1.函数的语法语法：通过 function 关键词进行定义，其后是函数名和括号 ()。括号里里面放形参数，括号号后面{ }，{ }里面放的就是要执行的代码。然后就是函数的调用，函数名加括号，调用时，括号里面放实参数；如下函数的创建： function fn(形参){ //要执行的代码 } fu(实参);命名函数表达式 var fn = function (
2020-12-12 15:49:29
274
1
原创 javascript循环的嵌套及遍历循环
javascript循环的嵌套及遍历循环1.遍历循环遍历循环作用就是用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）；语法：for(var 变量名 in 对象或数组名){//在此执行代码} <script> //把str的每一个字符输出出来； var str = "abcdefghyjk";//str伪数组 for(var key in str){//key表示数组的下标 console
2020-12-05 15:02:24
1654
原创 Javascript常用的三种循环
Javascript常用的三种循环什么是循环？就像每天周而复始的生活，在程序员眼里循环就是重复的运行一段代码（做的是相同或相似的事情），在javascript常用的三种循环有：for循环、while循环、 do-while循环。1.for循环for循环在javascript最常用的循环语法：它包含了三个可选的表达式，这三个表达式被包围在圆括号之中，使用分号分隔，后跟一个用于在循环中执行的语句。表达式1：在循环开始前执行,在这里通常先用来声明变量赋值；表达式2：定义运行循环的条件，用来判断如果条件
2020-12-05 13:41:34
1384
原创 javascript运算符介绍
JavaScript运算符介绍JavaScript运算符有：算术运算符、赋值运算符、幂运算符、比较运算符、条件运算符、逻辑运算符、位操作符。一、算术运算符算术运算符用于执行两个变量或值的运算。算术运算符有： + （加）、 - （减）、 * （乘）、 / （除）、 %（求余数）、++ （自增）、- -（自减）要注意的是 +（加）运算符，如果用于对字符串和数字进行加法运算，此时的+（加）不会相加而是起到字符串的连接符的作用，而且最后得到的结果也是字符串数值类型，例如：然后就是
2020-11-28 15:32:16
314
原创 JavaScript里面的数据类型介绍
JavaScript数据类型介绍JavaScript数据类型有五种，分别是number（数字类型）、string（字符串类型）、Boolean（布尔类型）、undefined及null（这两个代表不同的空值），下面分别详细的给大家介绍一、number（数字类型）示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotl
2020-11-28 11:05:06
263
原创 CSS定位介绍
CSS定位css定位分为四种不同的类型：static（静态定位）， relative（相对定位），absolute（绝对定位），fixed（固定定位）。1、static（静态定位）static（静态定位）：一般的标签元素不加任何定位属性都属于静态定位，在页面的最底层属于标准流。2、relative（相对定位）relative（相对定位）：相对定位的偏移参考元素是元素本身，不会使元素脱离文档流。元素的初始位置占据的空间会被保留。相对定位元素常常作为绝对定位元素的父元素。并且定位元素经常与z-inde
2020-11-22 14:58:12
172
原创 CSS中的浮动和清除浮动介绍
css浮动和清除浮动文章目录css浮动和清除浮动前言一、什么是 CSS Float（浮动）？1.CSS 的 Float（浮动）2.元素怎样浮动3.浮动的使用二、清除浮动总结前言从业前端有一段时间了，做过一些大小项目，回想当初自学前端，记得当初刚写代码的时候，那时候布局没有了解浮动（float），我常用margin的负值来达到自己想要的布局，所以出现很多问题，现在回想一下自己也是挺搞笑的，所以用我自己的理解来介绍一下浮动和清除浮动的作用，也是对自己知识体系有梳理作用， 也希望对大家有些许帮助。
2020-11-21 15:58:26
170
原创 css选择器的优先级和权重计算
css选择器的优先级和权重计算文章目录css选择器的优先级和权重计算前言一、选择器的优先级和权重计算1.不同选择器的比较（从高到低）2.权重计算3.相同级别的选择器比较二、使用步骤1.引入库2.读入数据总结前言昨天介绍css选择器，今天我详细介绍一下css选择器的优先级及权重的计算。一、选择器的优先级和权重计算1.不同选择器的比较（从高到低）1.在属性后面加 !important 会覆盖页面内任何位置定义的元素样式2.内联样式（也就是在作为style属性写在元素内的样式）3.id选择器
2020-11-16 22:00:23
623
原创 css选择器介绍
css选择器的权重计算文章目录css选择器的权重计算前言一、什么是css选择器二、选择器的分类1.标签名选择器2.类选择器3.通配符选择器4.属性选择器5.伪类选择器6.伪元素选择器7.组合选择器总结前言今天我给大家介绍一下css选择器，需要的朋友可以参考下。一、什么是css选择器什么是css选择器呢，首先需要了解一下css。css是 Cascading（层叠 ）Style（样式） Sheet（表）的简称，及层叠样式表，CSS技术用来美化html页面，html相当于盖房子，CSS相当于装修，
2020-11-15 22:51:37
199
原创 浏览器五大内核介绍
浏览器内核前言浏览器五大内核1.Trident2. Gecko3.WebKit4.Blink5.Presto前言浏览器最核心的部分——“Rendering Engine”，翻译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核” 或者“排版引擎”、“解释引擎”。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。 所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编
2020-11-08 22:20:48
559
原创 了解浏览器发展历史
了解浏览器发展历史前言一、世界上最早的浏览器发明者二、现在世界上五大主流的浏览器三、浏览器市场份额四、总结前言作为访问internet的工具，浏览器已经成为我们网上生活的重要家园和工具。从1991年，Web之父Tim Berners-Lee亲手设计第一个HTML浏览器开始，到现在HTML5大行其道，Firefox（火狐）、Google（Chrome谷歌）、Apple（safari苹果）等创新企业引导潮流。本文主要探寻浏览器的历史，浏览器现今的市场份额及未来趋势。提示：以下是本篇文章正文内容，下面案
2020-11-08 21:38:28
8880
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人