自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 react项目调用百度地图api--踩坑

话说每天上一当,当当不一样。我却是每天踩坑的人。调用百度地图要用百度地图文档:百度地图api要注意的是1.在react中容器设置高度全部需要百分之百html,body,#root,.App {height : 100%}body{margin : 0px;padding : 0px}2 由于ESLint校验错误, 需要在BMapGL前加上window.我全部按照流程做了以后发现还是不能显示,然后各种检查。尝试用React-BmapGL。然后项目都无法启动了。最后发现打印map是有数

2022-04-02 07:09:32 402

原创 react项目中的报错

react报错

2022-03-31 06:51:32 915

原创 弹窗视频播放

多个弹窗视频播放腾讯视频<!DOCTYPE html><html lang="zh-CN"><head><meta charset="gbk" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-sc

2021-07-07 10:07:40 405

原创 Swiper ---一个页面多个Swiper 按钮失效

标题 原因是因为display:none;影响解决方案 var mySwiper = new Swiper('.swiper-container',{ observer:true, observeParents:true, })插入这两个属性即可

2021-06-04 21:24:19 473

转载 斐波那契数列打印的五种方法

如下let arr=[0,1,1]function test(n){ if(n<3){ return arr[n] } if(arr[n]!==undefined){ return arr[n] } let data= test(n-1)+test(n-2 )//如果没有return data的话是娶不到值的 arr[n]=data return data} test(6)console.log(arr,"te

2021-05-28 20:03:54 1417

原创 根据高度显示 侧导航

html<style>.nav1.on, .nav1:hover { background-color: #ea5c31;}</style><div class="nav" style="display: block;"> <p><a href="javascript:scrollTo(1000);" onclick="PTTSendClick('btn','ts','点击探索');" class="btn_ts"></a

2021-05-28 15:20:30 118

原创 Javascript生成二维码

众所周知平常生成二维码使用草料等可实现,今天来说说js生成二维码。摘自:https://www.runoob.com/w3cnote/javascript-qrcodejs-library.html <div id="qrcode"></div> <script type="text/javascript" src="//static.runoob.com/assets/qrcode/qrcode.min.js"></script> <scrip

2021-05-28 14:49:57 285 1

原创 重构样式的一些功能 overflow:auto样式 复制链接

侧边进度条样式.logs-block::-webkit-scrollbar {/*滚动条整体样式*/ width: 8px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;}.logs-block::-webkit-scrollbar-thumb{/*滚动条里面小方块*/ border-radius: 10px; box-shadow: inset 0 0 5px rgba( 0, 0, 0, .1); background: #9e9

2021-05-17 20:07:30 94

原创 移动端-长按保存,生成图片。

代码如下<div id="toimg">这个div是需要转为图片的,不能display:none,详见注意事项</div><script src="//game.gtimg.cn/images/js/dom2img/1.0.min.js"></script><script>// 生成图片组件文档地址:https://ossweb-img.qq.com/images/js/dom2img/demo/// 生成后的图片会出现在dom元素后面,

2021-05-08 15:21:02 416

原创 重构 reset +移动端适配

移动端 reset/* reset */body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none;}body{font-family:Arial,Helvetica;-webkit-text-size

2021-05-07 20:04:21 87

转载 vue2.X和vue3.X的区别

一、默认进行懒观察(lazy observation)在 2.x 版本里,不管数据多大,都会在一开始就为其创建观察者。当数据很大时,这可能会在页面载入时造成明显的性能压力。3.x 版本,只会对「被用于渲染初始可见部分的数据」创建观察者,而且 3.x 的观察者更高效。二、更精准的变更通知。举例来说:2.x 版本中,使用 Vue.set 来给对象新增一个属性时,这个对象的所有 watcher 都会重新运行;3.x 版本中,只有依赖那个属性的 watcher 才会重新运行。三、3.0 新加入了 TypeS

2021-04-29 10:54:59 451

原创 a标签的onclick事件

今天在重构页面遇到一个点击事件无法打开。多番周折发现是onclick点击事件的单词是复制错的。因为重构使用gbk编写。开发复制的是utf-8的代码。导致点击事件无效。如图,同样的单词,里面的JavaScript颜色不同。重新手写click即可解决。...

2021-04-28 19:43:19 145

原创 弹性盒子垂直水平居中的9种方法

方法一:父元素 {display: grid;align-items: center;justify-items: center;}方法二:父元素 {display: grid;align-items: center;justify-content: center;}方法三:父元素{display: grid;}子元素 {margin: auto;}方法四:父元素 {display: flex;align-items: center;justify-con

2021-01-12 01:51:39 7134

原创 GIT CLONE代码时错用户名或密码

GIT CLONE代码时错用户名或密码的解决方式 remote: Incorrect username or password ( access token ) fatal: Authentication failed 解决方式:输入下面命令清除本地的gitee用户名和密码 git config --system --unset credential.helper继续执行命令clone代码输入正确的用户名密码即可...

2020-12-06 11:26:57 766

原创 鼠标右键打开vscode=>菜单添加 Open with VSCode

在桌面新建一个后缀为xxx.reg的文件,然后把下面文字拷贝进去,然后直接运行。注意:1,D:\Software\Microsoft VS Code\Code.exe要改成自己vscode的路径。2,好多人写的是@=“Open with Code”,而我的电脑打开是Open with VSCode,所以如果不成功可以更改尝试。万恶的根源在我的查阅下是因为创建的时候没有点击创建快捷方式,在createdesktop 下面的两个选项框。所以也可以尝试重新安装的时候选择那两个选项框。 Windows

2020-11-22 17:05:34 939

原创 安装mysql时一直卡在starting the server这一位置,解决方案

原因系统账户配置不同解决方案1:保持住这个页面,不用关闭重装2:window键+X 再选G(计算机管理)。找到mysql803:右键—>属性—>登录 点击允许服务于桌面交互,回到卡住界面再一次安装...

2020-10-23 21:08:18 4098 6

原创 错误码:events.js:183 throw er; // Unhandled ‘error‘ event—解决方案

显示内容events.js:291 throw er; // Unhandled 'error' event ^Error: listen EADDRINUSE: address already in use :::80 at Server.setupListenHandle [as _listen2] (net.js:1317:16) at listenInCluster (net.js:1365:12) at Server.listen (net.j

2020-10-23 20:52:31 2294

原创 大事件项目中的一些知识点(layui)

登陆页面页面布局背景,顶部Logo,居中的divform表单class="layui-form-item"的div为每一行 <!-- 登录的表单 --> <form class="layui-form" id="form_login"><!-- 用户名 --><div class="layui-form-item"> <i class="layui-icon layui-icon-username"><

2020-10-17 15:48:38 209

转载 Ajax常见面试题---总结(转载)

1什么是ajax?ajax作用是什么?AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.2、为什么要用ajax:Ajax应用程序的优势在于:通过异步模式,提升了用户体验优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。3.AJAX最大的特点是什么

2020-10-17 10:46:36 310

原创 ajax发起请求及ajax跨域发起请求

使用ajax发起GET请求 $(function () { $('#btnGET').on('click', function () { $.ajax({ type: 'GET', url: 'http://www.llb.top:3006/api/getbooks', data: { id: 1 }, success: function (res) {

2020-10-11 14:00:05 196

原创 刷题-闭包面试题

//题目1 // function Foo() { // var i = 0; // return function() { // console.log(i++); // } // } // var f1 = Foo(); // f2 = Foo(); // f1(); //0 // f1(); //1..

2020-10-10 16:00:01 98 1

原创 深拷贝的两种方法

浅拷贝 只拷贝一层(拷贝地址)深拷贝 拷贝多层(拷贝值)浅拷贝:var obj = { id: 1, name: 'andy', msg: { age: 18 }, color: ['pink', 'red'] } var o1 = {} Object.assign(o1, obj) c

2020-10-03 15:56:34 243

原创 Javascript高级,ES6中一些零散语法及知识点

call & apply & bind对比相同都能改变this指向不同call和apply会直接调用函数,bind不会call是一个一个传递参数,apply是传递数组(参数放在数组中)bind具有返回值,会返回一个改变this指向后的新函数some&forEach& filter对比(ES5新增)forEach 循环一个数组,不能退出 函数中不能break,也不能returnfilter 过滤一个数组,返回新数组 当函

2020-09-28 00:09:27 288 6

原创 Javascript中经典面试题 原型链 闭包 this指向问题 类的继承

原型链当调取一个对象的属性时,会先在本身查找,若无,就根据 __proto__找到构造原型,若无,继续往上找。最后会到达顶层Object prototype,它的__proto__指向null。由__proto__ 串起的路径就是原型链原型是一个对象,js规定,每一个 构造函数都有一个prototype属性,指向另一个对象,这个对象的所有属性和方法,都会被构造函数所拥有。闭包闭包是什么:内层函数访问外层函数的变量闭包的作用: 延申变量的使用范围闭包的弊端:造成内存泄漏(变量没有被销毁)th

2020-09-27 17:37:35 468

原创 用JQuery实现正选,全选,反选功能

Document 全选 反选 张三 李四 麻五

2020-09-27 16:34:01 226

原创 获得字符串中出现次数最多的数字及出现的次数,去重,冒泡排序

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2020-09-27 16:24:01 1166

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除