- 博客(21)
- 收藏
- 关注
原创 js 实现放大镜 (附完整代码)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2022-04-22 09:38:57 3477 1
原创 浅谈js中的 bind apply call
浅谈js中的 bind apply call浅谈js中的 bind apply call,但实际上这些都离不开 this,因此本文将着重讨论 this,在此过程中分别讲解其他知识点。注意: 本文属于基础篇,如果你已经对本文相关知识点已经很了解了,那么可以跳过本文。如果你不够了解,或者了解的还不完整,那么可以通过本文来复习一下 1. this 指向的类型刚开始学习 JavaScript 的时候,this 总是最能让人迷惑,下面我们一起看一下在 JavaScript 中应该如何确定 this 的指向。
2022-04-22 09:36:22 217
原创 js中的this
JavaScript深入之从ECMAScript规范解读thisJavaScript深入系列第六篇,本篇我们追根溯源,从ECMAScript5规范解读this在函数调用时到底是如何确定的。前言在《JavaScript深入之执行上下文栈》中讲到,当JavaScript代码执行一段可执行代码(executable code)时,会创建对应的执行上下文(execution context)。对于每个执行上下文,都有三个重要属性变量对象(Variable object,VO)作用域链(Scope
2022-04-22 09:34:48 273 2
原创 mysql 修改密码详解
方法一: 用SET PASSWORD命令首先登录mysql利用登录sql命令: mysql -uroot -p[自己设置的密码]然后就可以执行更改密码的命令了:格式: mysql> set password for (用户名@localhost) = password(‘新密码’);例子: mysql> set password for root@localhost = password(‘123’);方法二: 用mysqladmin首先登录mysql利用登录sql命令: my
2022-04-22 09:29:32 1657
原创 promise
promisePromise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大promise 程序执行的特点new promise中回调函数是同步执行的promise原型方法中回调函数是异步执行的 属于异步消息对列中的微任务promise有三种状态pendingresolve / fulfilled 已接收reject 已决绝promise api 分类原型api静态api所有的api执行后的返回值都是新的 promise实例
2022-04-20 21:25:33 149
原创 浅谈es6中 变量声明关键字 var const 和 let 的区别
var const 和 let 的区别在es6中 变量的声明方式一共有6种分别是: var const let function class import ;在这里我们主要来探讨一下 let const 和 var 的区别;var 关键字声明变量1. var 关键字 —> 声明变量的作用域var 定义的变量,作用域没有块的概念,只要不是在函数内部,都属于全局作用域,可以跨块访问,不能跨函数访问function foo(){ var a = 1; // 局部变量 }foo();
2022-04-20 21:04:37 181
原创 nodejs 模块化开发
nodejs 模块化开发1. 模块的了解1.1 什么是模块模块: 一个具有特定功能的文件就是一个模块.模块化的优点: 有了模块,我们就可以非常方便使用这些模块,因为这些模块肯定是完成了某些特定的功能.当我们需要修改某个功能时,那么只需要修改这个功能自己的模块文件即可,每个功能模块相互独立,互不影响.模块与模块之间是相互独立的,如果需要在一个模块中使用另一个模块中的值,那么就必须在这个模块中引入另一个模块,在另一个模块中导出这些值.1.2 什么是模块化模块化: 将一个复杂的程序根据一定
2022-04-19 23:20:55 610
原创 JS实现轮播图
JS 实现轮播图(附详细代码)html页面 <div class="main-banner"> <button id="left-btn"> << /button> <button id="right-btn">></button>
2022-04-19 11:34:48 1344
原创 js 交互页面操作dom实现三级联动
js 交互页面操作dom实现三级联动完整代码 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0
2022-04-19 11:21:58 170
原创 express 搭建简易的本地服务器
express 搭建简易的本地服务器基于nade.js平台,开发极简的web开发框架安装node.js(此文章省略)安装express npm init npm i express -D安装成功 如图所示创建本地服务// 引入express模块var express = require('express');// 获取服务实力对象var app = express();// 监听端口app.listen(8080,err => { if(!err) console
2022-04-19 11:15:33 1925
转载 js原型原型链
JS原型和原型链原型和原型链什么是原型?在js 中, 原型也是一个对象,通过原型可以实现对对象中属性的继承,js中的对象都包含了一个’‘[[Prototpe]]"的属性,原型对象有’‘constructor’'属性.“[[Prototype]]”作为对象的内部属性,是不能被直接访问的。所以为了方便查看一个对象的原型,Firefox和Chrome中提供了__proto__这个非标准(不是所有浏览器都支持)的访问器(ECMA引入了标准对象原型访问器”Object.getPrototype(objec
2022-04-12 21:19:13 101
原创 JS 内置API
1, Math数学对象AP 生成0-1之间的随机数 不包括一 Math.random() 生成0-5之间的随机数 不包括5 Math.random()*5 生成5-10之间的随机数 Math.random()*5+5 取整 向上取整 : (进1取整) Math.ceil(1.2)//2 取整 向下取整 : (退1取整) Math.floor(1.9)//1 生成0-5之间的随机整数 Math.floor(Math.random()*
2022-04-12 20:34:50 515
原创 盒模型,文档流
文档流浏览器会根据 元素的排列方式 块元素 从上到下排列 行元素和行内块 从左到右排列 如果空间不足 自动换行 我们称之为流式布局盒模型标准盒模型组成:content+padding+border+margin注意:width 包含了内容区的宽度怪异盒模型组成:content+padding+border+margin注意:width 包含了content+padding+borderpadding1. 简写: 一个值 表示 上左下右 四个方向
2022-04-12 20:32:33 232
原创 浮动布局和块元素居中
块的居中定宽居中.box{width: 100px;height: 100px;/* 定宽居中 /background-color: black;/ auto 自动 */margin: 0 auto;}注:定宽居中对行元素无效行元素和行内块元素居中需要再其父元素中设置 text-alige:center 和设置文字一样图片只设置宽高时 另一个会自适应浮动布局1. 为何要使用浮动布局? 让多个块元素在同一行显示。 浮动分为左浮动和右浮动。2. 对自身的影
2022-04-12 20:30:35 474
空空如也
vue3 中使用swiper 组件二次封装
2022-12-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人