- 博客(33)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 解决“Uncaught Error: A ＜Route＞ is only ever to be used as the child of ＜Routes＞ element......“报错
react-router-dom版本报错 A is only ever to be used as the child of element
2023-07-20 11:36:35
927
原创 解决npm ERR! Cannot read properties of null (reading ‘pickAlgorithm‘)报错问题
解决npm ERR! Cannot read properties of null (reading 'pickAlgorithm')报错问题
2022-08-02 19:53:56
23319
8
原创 AJAX入门
AJAX 是异步的 JavaScript 和 XML（Asynchronous JavaScript And XML）。简单点说，就是使用 XMLHttpRequest 对象与服务器通信。 它可以使用 JSON，XML，HTML 和 text 文本等格式发送和接收数据。AJAX 最吸引人的就是它的“异步”特性，也就是说它可以在不重新刷新页面的情况下与服务器通信，交换数据，或更新页面。......
2022-06-10 17:10:41
130
原创 js输出九九乘法表
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">
2022-05-03 11:16:26
3860
原创 用css画一个三角形
1、<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title&g
2022-04-11 12:43:29
143
原创 jQuery中的ajax
jQuery中的ajax$.get函数的语法$.get发起不带参数的get请求$.get发起不带参数的get请求$.post向服务器提交数据$.get函数的语法$.get函数专门用来发起get请求，从而将服务器上的资源请求到客户端来进行使用。$.get函数语法：$.get(url,[data],[callback])//url:必选参数，[],可选参数$.get发起不带参数的get请求<!DOCTYPE html><html lang="zh"><head
2022-03-25 15:26:19
1139
原创 使用transform实现元素的水平垂直居中
使用transform实现元素的水平垂直居中<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <t
2022-02-14 09:12:03
452
原创 伪元素选择器的用法
伪元素选择器伪元素选择器可以帮助我们利用css创建新标签元素，而不需要HTML标签，从而简化HTML结构。注意：before和after创建一个元素，但是属于行内元素新创建的这个元素在文档树中是找不到的，所以我们称为伪元素语法：element::before{}before和after必须有content属性before在其父元素内容前面创建元素，after在父元素内容后面插入元素。伪元素选择器和标签选择器一样，权重为1...
2022-01-19 23:10:48
352
原创 vue路由的基本使用
实现理由的基本步骤:指定一个盛放组件的容器创建各个组件配置路由字典访问指定路由下的组件<!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-
2022-01-19 22:07:15
329
原创 css3动画的基本使用
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> @keyframes move{ /* 开始状态 */ 0%{ transform: translateX(0px); } /* 结束状态 */ 100%{ tr
2022-01-12 21:56:20
175
原创 单行和多行文本显示省略号
单行文本溢出显示省略号，需要满足三个条件。1.强制一行内显示文本。white-space:nowrap;（默认normal自动换行）2.超出的部分隐藏。overflow：hidden；3.文本用省略号代替超出的部分。text-overflow：ellipsis；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-
2021-12-26 23:19:28
438
原创 清除浮动的方式
为什么需要清除浮动？很多时候由于父级盒子不方便设置高度，但是子盒子浮动不占据位置，造成父盒子高度为0.就会影响下面的标准流盒子。比如一个商品列表，我们在布局时，不能给父盒子设置高度，因为后期商品会继续添加，所以高度是不确定的。由于父盒子没有高度，子元素浮动不占据空间，因此父盒子高度为0。如何清除浮动？1、额外标签法：语法：选择器{clear：属性值}，属性值，left,right,both。在浮动元素的末尾添加一个空标签。设置clear:both属性。<!DOCTYPE html&g
2021-12-19 10:24:34
61
原创 数据库的常用命令
软件安装：XAMPP下载地址:XAMPP面板启动mysql，打开shell界面。举个例子：编写脚本文件dangdang.sql，先丢弃再创建数据库dangdang，进入数据库，创建保存数据的表book，包含编号bid，标题title，价格price。#丢弃数据库如果存在drop database if exists dangdang;#创建数据库create database dangdang;#进入数据库use dangdang;#创建数据表create table book(
2021-12-05 09:17:18
371
原创 JavaScript入门简单算法
JavaScript入门简单算法打印2000-2100年之间所有的闰年 for(var i=2000;i<=2100;i++){// if(i%4===0 && i%100!==0 || i%400===0){ console.log(i); } }计算2的n次幂,n可输入 // 1*2 // 1*2*2 // 1*2*2*2 // 1*2*2*2*2 var n = parseInt(window.pr
2021-12-05 08:41:41
141
原创 表格标签的属性用法
表格标签的属性用法合并单元格的方式：跨行合并：rowspan=“合并单元格的个数”跨列合并：colspan=“合并单元格的个数”如下图：使用合并单元格创建一个简历表格：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <
2021-12-01 22:30:42
157
原创 Vue中复合组件的用法
使用Vue中的复合组件创建一个任务列表<!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">
2021-11-28 14:21:32
229
原创 Vue中组件的使用
使用Vue中的组件创建一个计数器<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id=
2021-11-28 11:06:21
453
原创 vue中v-for指令的用法
vue中V-for指令的用法欢迎使用Markdown编辑器语法欢迎使用Markdown编辑器在vue中，可以使用v-for指令进行数组的循环遍历。语法<ul> <li v-for="item in list">{{item}}</li></ul><ul><li v-for="(item,i) in list">{{i}}-{{item}}</li></ul>//其中，item为遍历元素的别名
2021-11-21 19:17:33
3114
原创 Vue动态路由
Vue动态路由什么是动态路由？实例什么是动态路由？我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个 User 组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染。那么，我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果。实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g
2020-12-23 12:07:45
373
原创 面试题：如何实现元素的水平和垂直居中？
如何实现元素的水平和垂直居中？第一种:实现思路：定位+负外边距缺点：需要知道元素的宽和高，因为需要确定外边距的值。<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co
2020-09-28 19:07:12
260
原创 JavaScript数组API
JavaScript数组API汇总01、push()：添加元素到数组的最后，返回新数组的长度(改变原数组)let a = [1,2,3,4,5];let result = a.push(6,7);console.log(result);//7,返回数组的长度console.log(a);//[1, 2, 3, 4, 5, 6, 7] result = a.push('a','b');console.log(result);//9,length:9console.log(a);//
2020-09-14 15:32:51
254
原创 从0开始搭建Vue脚手架项目（Vue-cli）
从0开始搭建Vue脚手架（Vue-cli）什么是Vue?Vue.js是一套构建用户界面的渐进式框架。Vue只关心视图层，采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。什么是脚手架？脚手架指已经拥有标准文件夹结构和核心功能的半成品项目。预备工作1.安装node.js下载安装node.js，进入node官网。建议安装长期支持版，其它版本可能出现意外错误，导致导致脚手架安装失败。安装步骤很简单，只要一路next就可以了。cmd打开
2020-09-10 17:46:40
473
1
原创 前端开发者必备的网站
前端开发者必备的网站1、菜鸟教程：https://www.runoob.com/2、w3school:https://www.w3school.com.cn/3、MDN:https://developer.mozilla.org/zh-CN/4、JavaScript中文网：https://www.javascriptcn.com/5、手册网：http://www.shouce.ren/6、现代 JavaScript 教程：https://zh.javascript.info/.
2020-08-07 18:23:53
364
原创 JavaScript之闭包
JavaScript之闭包什么是闭包：既重用一个变量，又保护变量不被篡改的一种编程方法。为什么使用闭包？无论是全局变量还是局部变量都有优缺点：全局变量：优点：可以反复使用，缺点：容易造成全局污染。局部变量：优点：仅函数内可用，不会被污染，缺点：不可重用。如何实现闭包？1、用外层函数包裹要保护的变量和内层函数；2、外层函数将内层函数返回到外部，让外部的人可以使用内层函数；3、外部的使用者，要调用外层函数，返回的内层函数对象，保存在变量中，可反复使用。举例：定义一个变量管
2020-08-06 20:36:09
101
原创 JavaScript之函数
1、什么是函数?程序中专门保存一段可反复使用的代码段的程序结构。函数的本质是对象。2、为什么使用函数?重用,只要一段代码,可能被反复使用时,都要保存在一个函数中,需要使用时直接调用函数3、定义函数的三种方式:（1）用声明的方式定义，结构：function add(a,b){ return a+b;//返回值 } c = add(1,2); console.log(c); // 打印出31)、function是关键字，add是函数名，函数名是可
2020-08-05 20:01:27
128
原创 JavaScript基础测试题
JavaScript 基础阶段测试题JavaScript 基础阶段测试题，试试你能得多少分？一、选择题（每题2分，多选题错选、少选不得分）1、分析下段代码输出结果是（ ） var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i < arr.length;i++) { sum +=arr[i] } console.log(sum);A．20 B．18 C．14 D．12...
2020-08-04 21:03:05
11400
原创 变量连续赋值
<script> (function () { var a = b = 3; //注意从右向左执行,b=3,var a, a=b; //a:undefined,a声明但未赋值所以是undefined //b:3,b未声明是全局变量 console.log(a);//3 console.log(b);//3 })(); console.log(typeof a .
2020-08-04 20:45:19
458
web宝典（HTML、css、JavaScript）.pdf
2020-08-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人