- 博客(36)
- 收藏
- 关注
RSS订阅原创 vue项目，微信小程序报错总结
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-08-26 11:37:39
469
原创 聊聊Generator 函数
聊聊Generator 函数一、 Generator 函数是什么？二、使用步骤1.引入库2.读入数据总结一、 Generator 函数是什么？Generator 函数，可以通过 yield 关键字，把函数的执行流挂起，为改变执行流程提供了可能，从而为异步编程提供解决方案。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsi
2021-05-30 21:05:16
210
原创 面试题详解-小白专用
面试题详解-小白专用1.下面代码的输出是什么?2.总结1.下面代码的输出是什么? let a = 3; let b = new Number(3) let c = 3; console.log(a == b); console.log(a === b); console.log(b === c); 首先我们看到new Number() ,就会想到它会创造一个对象== 只用比较值而 ===比较值与类型很明显
2021-05-30 18:55:09
394
原创 什么是跨域及怎么解决跨域问题？
什么是跨域及怎么解决跨域问题？一、什么是跨域？二、解决跨域的方法：1.jsonp2.读入数据总结一、什么是跨域？跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。所谓同源是指，域名，协议，端口均相同，只要有一个不同，就是跨域。二、解决跨域的方法：1.jsonpajax请求受同源策略影响，不允许进行跨域请求，而script标签src属性中的链接却可以访问跨域的js脚本，利用这个特性，服务端不再返回JSON格式的数据，而是返回一段调用某个函数的js代码，
2021-05-27 00:01:31
143
原创 promise的简单介绍
promise的简单介绍1. promise是什么？2.promise的特点2.1 promise的三种状态2.2 状态改变情况3.promise语法4.一些基本用法4.1 then 的用法4.2 reject的用法4.3 catch的用法1. promise是什么？promise是解决异步问题的一种解决方案（但是它本身不是异步的），它本质上是一个对象，用于获取异步的一些消息。promise有三种状态： pending(等待态)，fulfiled(成功态)，rejected(失败态)；状态一旦改变，就
2021-05-26 20:12:45
4746
原创 面试题详细分析-小白教程
面试题详细分析前言试题分析试题练一练总结前言最近做了一些面试题，情况不太好，所以，就想写出来分析总结一下。也给大家做个反面案例，警醒一下，以免出现类似错误。试题废话不多说，直接上试题。 (()=>{ let x,y; try{ throw new Error() }catch(x){ (x= 1),(y=2); console.log(x); }
2021-05-09 15:28:48
194
1
原创 es6实现数组并集、交集、差集
js和es6实现数组并集、交集、差集1.数组并集2.数组交集3.数组差集1.数组并集js方法具体思路是var arr1 = [1,2,3];var arr2 = [2,3,4];var arr3;arr3 = arr1.filter(function(num) { return arr2.indexOf(num) !== -1;});console.log(arr3); //输出[1,2,3,4]js与es6混合使用具体思路是，先使用concat方法将两个数组合并起来
2021-05-09 14:32:40
571
原创 事件循环机制的理解
事件循环机制的理解前言众所周知，JavaScript 是一门单线程语言。来看下面这段 JavaScript 代码：console.log('script start');setTimeout(function() { console.log('setTimeout');}, 0);Promise.resolve().then(function() { console.log('promise1');}).then(function() { console.log('prom
2021-05-05 13:12:15
338
原创 堆栈的理解-小白教程
栈（stack） 栈stack为自动分配的内存空间，它由系统自动释放；堆（heap） 堆heap是动态分配的内存，大小不定也不会自动释放。栈由编译器自动分配释放，堆 一般由程序员分配释放。栈固定大小用于存放基本类型，引用类型，值大小不固定，栈内存中存放地址指向堆内存中的对象。你把堆和栈的概念弄反了，会误导别人的，请及时修改。一.栈和堆栈(stack)：栈会自动分配内存空间，会自动释放，存放基本类型，简单的数据段，占据固定大小的空间。（基本类型：String，Number，Boolean，Null，U
2021-05-05 00:30:00
311
原创 IP地址的深入了解
IP地址1.什么是IP地址？2.IP地址的写法2、IP地址格式3、IP地址分配4、IP地址常见分类A类IP地址B类IP地址C类IP地址几类特殊的网络地址1.什么是IP地址？IP地址是指互联网协议地址（英语：Internet Protocol Address，又译为网际协议地址），是IP Address的缩写。IP地址是IP协议提供的一种统一的地址格式，它为互联网上的每一个网络和每一台主机分配一个逻辑地址，以此来屏蔽物理地址的差异。2.IP地址的写法IP地址是一个32位的二进制数，通常被分割为4个“8
2021-04-26 18:34:31
204
原创 带你了解滚动条的二三事
滚动条1.滚动条出现的条件2.滚动条样式2.1 Webkit浏览器支持的滚动条样式3.扩展3.1 position:fixed 固定定位问题(div固定，不随着滚动条滚动)3.2解决侧边栏的高由子元素撑大时，滚动条不显示的问题在我们写页面时，有些页面就需要我们为侧边栏写一个美观且实用的滚动条。现在，我将带你进一步了解有关滚动条的设置与美化。1.滚动条出现的条件当给父级指定 overflow 属性为 auto 时，且子级内容超出规定的范围，就会出现滚动条。主要实现代码如下所示： div{
2021-04-22 20:11:54
545
1
原创 jquery垂直导航栏
jquery垂直导航栏1.构建一级导航栏2.设置相应css样式3.构建子菜单4.设置子菜单样式5.设置子菜单效果6.具体代码1.构建一级导航栏1.用标准的 HTML 列表来构建导航栏。导航栏基本上是一个链接列表，因此使用 ul 和 li 元素是非常合适的：<ul class="content"> <li class="main"><a href="#"> 1</a> </li> <li class="main">
2021-04-18 11:19:53
220
原创 Bootstrap折叠面板具体实现
Bootstrap折叠导航栏1.折叠面板效果2.制作过程3. 要注意的问题4.具体实现代码1.折叠面板效果点击每一个面板，触发对应的下方内容展开折叠,结合 card 卡片组件使用，可以扩展折叠组件为手风琴效果。2.制作过程引用文件bootstrap.js和jquery-3.4.0.js",用于实现折叠效果。引用文件bootstrap.css设置样式。要创建折叠导航栏，需要把data-toggle=“collapse” 添加到您想要展开或折叠的组件的链接上。href 或 data-t
2021-04-18 10:38:54
2641
原创 jQuery五角星评分-小白教程
jquery实现五角星评分效果1.实现效果2.思路分析3.具体实现步骤4.具体代码1.实现效果鼠标移入，当前的星星和之前的星星变成红色，当鼠标移出时，星星都变成空心的。鼠标移出评论区后，再次移入到星星上，当前的星星和之前的星星变成红色。2.思路分析鼠标移入到li上 ----------当前的li以及前面所有的li变成实心，当前li后面所有的li变成空心。鼠标移出ul----------------把所有的li变成空心鼠标移出ul后，再次移入到li上------当前的li以及前面所有的li变成
2021-04-10 10:23:35
713
原创 jquery实现全选反选
jquery实现全选全不选一、具体要求：二、思路：三、具体代码：一、具体要求：1、当点击’全选’按钮时，页面中所有的复选框都应该为选中状态。 1.1、当再次点击'全选'按钮时，所有的复选框应该是非选中状态。 1.2、当点击子复选框时，'全选'按钮应该是非选中状态。2、当选中当前页面的所有子复选框时，'全选’按钮应该是’选中’状态。3、点点击’全不选’按钮时，当前页面的所有复选框置为非选中状态。4、当点击’反选’按钮时，当前页面选中状态的复选框置为未选中状态，未选中状态的复选框置为选中
2021-04-06 20:42:52
196
原创 @import 与link-小白教程
@import 与link-小白教程1. @import 与link的基础用法2. link和@import的区别1. @import 与link的基础用法1 在HTML文件中使用用link进行引用link语法结构:<link rel="stylesheet" type="text/css" href="hello.css">2 在HTML文件中的元素中使用import进行引用@import在html中的语法结构:<style type="text/css">@i
2021-04-05 21:14:21
312
原创 Echarts入门-小白教程
@TOCEcharts入门(零基础小白教程)1.1 Echarts 官网网址http://echarts.apache.org/zh/1.2 下载echartshttps://www.bootcdn.cn/echarts/1.3 引入 ECharts
2021-04-04 23:04:11
576
原创 jQuery实现省市区三级联动
jQuery实现省市区三级联动1.导入jQuery文件<script type="text/javascript" src="jquery.min.js"></script>2.定义声明省市区并赋值var sheng=['广西省','广东省','福建省'];var shi=[['桂林市','南宁市','河池市'],['广州市','深圳市','佛山市'],['三明市','福州市','厦门市']]var xian=[[['阳朔县','永福县','兴坪县'],['隆安县',
2021-03-22 19:15:53
2992
原创 带你了解简单三级联动
了解简单三级联动了解简单三级联动具体的步骤1.使用 js 直接加载城市信息；2.页面设计,搭建框架3.HTML 触发点击事件，直接获取js中的城市数据 ,给省份和城市绑定change事件.4.完整代码了解简单三级联动思想：当选择省时，创建对应的市子对象，并将其加入父元素中。当选择某一个市时，创建对应的区子对象，并将其加入父元素中。当选择其他省/市时，对应的市、区/区的选项都变为请选择。要注意：在每次重新选择时，需要将其余select标签的options元素的长度为1，即做一次清空。具体的步骤1.使用
2021-03-22 18:34:10
351
1
原创 闭包
1、概念闭包函数：声明在一个函数中的函数，叫做闭包函数。闭包：内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回（寿命终结）了之后。2、特点让外部访问函数内部变量成为可能；局部变量会常驻在内存中；可以避免使用全局变量，防止全局变量污染；会造成内存泄漏（有一块内存空间被长期占用，而不被释放）3、闭包的创建：闭包就是可以创建一个独立的环境，每个闭包里面的环境都是独立的，互不干扰。闭包会发生内存泄漏，每次外部函数执行的时 候，外部函数的引用地址不同，都会重新创建
2021-01-10 21:25:54
51
原创 深入理解transition
W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。”1.语法transition ： transition-property transition-duration transition-timing-function transition-delay它的具体描述如下：值描述transi
2020-12-28 20:14:25
243
1
原创 dom总结（小白专用）
一、DOM是什么HTML DOM 定义了访问和操作 HTML 文档的标准方法。DOM 就是Document Object Model，文档对象模型。二、节点是什么根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：整个文档是一个文档节点每个 HTML 元素是元素节点也就是说网页的HTML标签元素是元素节点。例如 p 和span元素HTML 元素内的文本是文本节点网页中的HTML标签内容。文本节点的节点类型nodeType值是3，节点名称nodeName
2020-12-27 21:13:06
111
原创 轮播图详细制作思路与过程
图片轮播我们经常在众多网站中看到，各种轮播特效在有限的空间上展示了几倍于空间大小的内容，并且有着良好的视觉效果。很多初学js的小伙伴都会拿这个来练习。我也不例外，所以在此分享几个我写轮播图的过程，代码不足之处请多指教哦，相互学习。好了，先来说第一种轮播特效：就是通过修改每一张图片的透明度，让其每隔一段时间将其中的某一张图片透明度设为1，而其它的设为0，从而实现一种图片轮流播放的效果。这种效果的思路比较简单，首先让一组图片绝对定位，让其重叠在一起，然后通过一个函数来控制图片的透明度变化。同时还有一个定时
2020-12-24 19:01:25
11299
2
原创 BOM中有关window的全局作用详细介绍
BOM中有关window的全局作用详细介绍1.全局作用域作用详细介绍1.1全局变量不能通过delete 操作符删除，而直接在window 对象上的定义的属性可以。1.2尝试访问未声明的变量会抛出错误，但是通过查询window 对象，可以知道某个可能未声明的变量是否存在。BOM 的核心对象是 window，它表示浏览器的一个实例。在浏览器中，window 对象有双重角色，它既是通过JavaScript 访问浏览器窗口的一个接口，又是ECMAScript 规定的Global 对象。这意味着在网页中定义的任何一
2020-12-20 20:02:35
113
1
原创 BFC详细介绍以及常用场景
bfc欢迎使用Markdown编辑器一、什么条件下可以让元素产生BFC二 应用如何改变文本的样式（3）清除浮动——计算BFC高度时，自然也会检测浮动的子盒子高度。如何插入一段漂亮的代码片欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。一、什么条件下可以让元素产生BFC float属性不为none；意思是，只要设置了浮动，当前元素就创建了BF
2020-12-16 19:51:46
476
原创 伪数组的详细介绍
JavaScript中的数组与伪数组的区别3：真数组可以使用原型辨别，伪数组没有__proto__和prototype什么是伪数组：定义：1、拥有length属性，其它属性（索引）为非负整数(对象中的索引会被当做字符串来处理，这里你可以当做是个非负整数串来理解)2、不具有数组所具有的方法伪数组，就是像数组一样有 length 属性，也有 0、1、2、3 等属性的对象，看起来就像数组一样，但不是数组.1、伪数组是一个对象2、这个对象必须要有length属性,3、如果这个对象的lengt
2020-12-13 16:05:42
4567
2
原创 return常见注意事项(初学者必看)
js中的return1. 定义：终止函数的执行，并返回一个指定的值给函数调用者。即：return 表示从被调函数返回到主调函数继续执行，返回时可附带一个返回值， 由return后面的参数指定。return通常是必要的，因为函数调用的时候计算结果通常是通过返回值带出的。语法：return [[expression]]; （返回 expression 的值。如果不写，则返回 undefined。）2.常见注意事项:1、return只能写在函数体内，如果写在函数体外将会报错for (var i
2020-12-12 16:06:21
5504
2
原创 js位运算符详细介绍
位运算符表位运算分为两种，位逻辑运算符与位移运算符。JavaScript 将数字存储为 64 位浮点数，但所有按位运算都以 32 位二进制数执行。在执行位运算之前，JavaScript 将数字转换为 32 位有符号整数。执行按位操作后，结果将转换回 64 位 JavaScript 数。1、& 按位与&是二元运算符，它以特定的方式的方式组合操作数中对应的位，如果对应的位都为1，那么结果就是1， 如果任意一个位是0 则结果就是0。1 & 3的结果为1那我们来看看他是怎么运
2020-11-29 21:30:14
1906
2
原创 box-shadow的使用和技巧总结(详细)
盒子阴影box-shadowbox-shadow基本语法：box-shadow: h-shadow v-shadow blur spread color inset;box-shadow属性值描述h-shadow水平阴影的位置。允许负值。v-shadow必需。垂直阴影的位置。允许负值。blur模糊距离。spread阴影的尺寸。color阴影的颜色。inset将外部阴影 (outset) 改为内部阴影。...
2020-11-28 10:10:17
4372
1
原创 visibility的常见用法（小白专用）
1. visibility（可见性）visibility可见性，用于显示隐藏元素，但是保留原来的位置。inherit继承visible可见的（默认的）hidden隐藏元素后，占用原来的位置visibility（可见性）的常见用法：1. visible可见的（默认的）使用方法简介由于默认属性值是显示。所以三个小盒子都显示。<!DOCTYPE html><html lang="en"><head> <meta c
2020-11-21 11:06:45
6820
原创 display属性的隐藏与转化元素属性的详细介绍（小白专用）
display属性的隐藏与转化元素属性display属性的隐藏与转化元素属性1. display1.display的none属性值的用法，具体如下：2.display的block属性值的用法1，具体如下：3.display的inline属性值的用法，具体如下：display属性的隐藏与转化元素属性1. displaydisplay的作用是显示隐藏元素，但是不保留位置。display属性值作用none隐藏元素，并脱离文档流，且不占原来的位置block1.可以将元素转化
2020-11-21 10:32:14
983
原创 form表单属性,小白必会
form 表单标签属性基本语法<form action="url("")" method="" name="" enctype="" target=""></form>1.action属性2.method属性method 的属性值有get和 post。getmethod默认值是get，作用是把表单里的所有表单元素提交给服务器。post作用是将表单里的所有元素3.name属性4.enctype属性5.target属性...
2020-11-15 09:53:00
4425
原创 二级导航菜单使用方法以及常见问题
二级导航菜单使用css的diaplay属性设置二级菜单的显示情况。具体思路如下：1.先制作静态的一级菜单和二级菜单，最好使用ul和li元素,以及a标签和float属性，还有要把二级菜单的位置定好，最好使用绝对定位，不占位置。（）2.第二步，制作二级菜单不显示。通过设置css样式,使用diaplay:none;就可以实现了。3.第三步，显示二级菜单，可以通过设置css样式,a标签的伪类选择器(a:hover)实现。 <!DOCTYPE html><html lang="en"
2020-11-15 08:50:20
3609
原创 css字体属性详细介绍
css 文本属性css 文本属性有color,text-align,text-decoration ,text-indent,line-height。1.color用于设置文本颜色文本颜色有三种表示方法：1.颜色名表示color:red;2.rgb表示color:rgb(255,0,0);3.16进制表示，（可以简写，例如：#ff0000可以简写成#f00）color:#ff00ff;2. text-align用于设置文本水平方向上的对齐样式属性值描述lef
2020-11-06 17:24:41
366
原创 基础选择器用法详解
基础选择器基础选择器包括通配符选择器,标签选择器，id选择器，类选择器。通配符选择器可以设置所有的标签的样式。style{ /* 通配符选择器 */ * { padding: 0; margin: 0; }} 标签选择器统一设置样式，不能差异设置。只能单独选一个或者多个标签，去设置样式。styly{ p { font-size: 12px; }
2020-11-06 08:56:13
484
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人