<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[weixin_49554199的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/weixin_49554199</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_49554199]]></copyright><item><title><![CDATA[react项目调用百度地图api--踩坑]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/123911922</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/123911922</guid><author>weixin_49554199</author><pubDate>Sat, 02 Apr 2022 07:09:32 +0800</pubDate><description><![CDATA[话说每天上一当，当当不一样。我却是每天踩坑的人。
调用百度地图要用百度地图文档：百度地图api
要注意的是
1.在react中容器设置高度全部需要百分之百
html,body,#root,.App {
height : 100%
}
body{
margin : 0px;padding : 0px}


2 由于ESLint校验错误， 需要在BMapGL前加上window.
我全部按照流程做了以后发现还是不能显示，然后各种检查。尝试用React-BmapGL。然后项目都无法启动了。
最后发现打印map是有数]]></description><category></category></item><item><title><![CDATA[react项目中的报错]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/123861874</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/123861874</guid><author>weixin_49554199</author><pubDate>Thu, 31 Mar 2022 06:51:32 +0800</pubDate><description><![CDATA[react报错]]></description><category></category></item><item><title><![CDATA[弹窗视频播放]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/118540791</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/118540791</guid><author>weixin_49554199</author><pubDate>Wed, 07 Jul 2021 10:07:40 +0800</pubDate><description><![CDATA[多个弹窗视频播放腾讯视频

&lt;!DOCTYPE html&gt;
&lt;html lang="zh-CN"&gt;
&lt;head&gt;
&lt;meta charset="gbk" /&gt;
&lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-sc]]></description><category></category></item><item><title><![CDATA[Swiper ---一个页面多个Swiper 按钮失效]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/117573489</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/117573489</guid><author>weixin_49554199</author><pubDate>Fri, 04 Jun 2021 21:24:19 +0800</pubDate><description><![CDATA[标题 原因是因为display：none;影响
解决方案
  var mySwiper = new Swiper('.swiper-container',{
    observer:true,
    observeParents:true,
  })

插入这两个属性即可

]]></description><category></category></item><item><title><![CDATA[斐波那契数列打印的五种方法]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/117373494</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/117373494</guid><author>weixin_49554199</author><pubDate>Fri, 28 May 2021 20:03:54 +0800</pubDate><description><![CDATA[如下
let arr=[0,1,1]
function test(n){
     if(n&lt;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]]></description><category></category></item><item><title><![CDATA[根据高度显示 侧导航]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/117363072</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/117363072</guid><author>weixin_49554199</author><pubDate>Fri, 28 May 2021 15:20:30 +0800</pubDate><description><![CDATA[html
&lt;style&gt;
.nav1.on, .nav1:hover {
    background-color: #ea5c31;
}
&lt;/style&gt;
&lt;div class="nav" style="display: block;"&gt;
	&lt;p&gt;&lt;a href="javascript:scrollTo(1000);" onclick="PTTSendClick('btn','ts','点击探索');" class="btn_ts"&gt;&lt;/a]]></description><category></category></item><item><title><![CDATA[Javascript生成二维码]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/117362697</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/117362697</guid><author>weixin_49554199</author><pubDate>Fri, 28 May 2021 14:49:57 +0800</pubDate><description><![CDATA[众所周知平常生成二维码使用草料等可实现，今天来说说js生成二维码。
摘自：https://www.runoob.com/w3cnote/javascript-qrcodejs-library.html
 &lt;div id="qrcode"&gt;&lt;/div&gt;
 &lt;script type="text/javascript" src="//static.runoob.com/assets/qrcode/qrcode.min.js"&gt;&lt;/script&gt;
 &lt;scrip]]></description><category></category></item><item><title><![CDATA[重构样式的一些功能 overflow:auto样式 复制链接]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/116946838</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/116946838</guid><author>weixin_49554199</author><pubDate>Mon, 17 May 2021 20:07:30 +0800</pubDate><description><![CDATA[侧边进度条样式
.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]]></description><category></category></item><item><title><![CDATA[移动端-长按保存，生成图片。]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/116528929</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/116528929</guid><author>weixin_49554199</author><pubDate>Sat, 08 May 2021 15:21:02 +0800</pubDate><description><![CDATA[代码如下
&lt;div id="toimg"&gt;这个div是需要转为图片的，不能display:none，详见注意事项&lt;/div&gt;
&lt;script src="//game.gtimg.cn/images/js/dom2img/1.0.min.js"&gt;&lt;/script&gt;
&lt;script&gt;
// 生成图片组件文档地址：https://ossweb-img.qq.com/images/js/dom2img/demo/
// 生成后的图片会出现在dom元素后面，]]></description><category></category></item><item><title><![CDATA[重构 reset +移动端适配]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/116501290</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/116501290</guid><author>weixin_49554199</author><pubDate>Fri, 07 May 2021 20:04:21 +0800</pubDate><description><![CDATA[移动端 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]]></description><category></category></item><item><title><![CDATA[vue2.X和vue3.X的区别]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/116263157</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/116263157</guid><author>weixin_49554199</author><pubDate>Thu, 29 Apr 2021 10:54:59 +0800</pubDate><description><![CDATA[一、默认进行懒观察（lazy observation）
在 2.x 版本里，不管数据多大，都会在一开始就为其创建观察者。当数据很大时，这可能会在页面载入时造成明显的性能压力。3.x 版本，只会对「被用于渲染初始可见部分的数据」创建观察者，而且 3.x 的观察者更高效。
二、更精准的变更通知。
举例来说：2.x 版本中，使用 Vue.set 来给对象新增一个属性时，这个对象的所有 watcher 都会重新运行；3.x 版本中，只有依赖那个属性的 watcher 才会重新运行。
三、3.0 新加入了 TypeS]]></description><category></category></item><item><title><![CDATA[a标签的onclick事件]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/116241550</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/116241550</guid><author>weixin_49554199</author><pubDate>Wed, 28 Apr 2021 19:43:19 +0800</pubDate><description><![CDATA[今天在重构页面遇到一个点击事件无法打开。
多番周折发现是onclick点击事件的单词是复制错的。
因为重构使用gbk编写。开发复制的是utf-8的代码。导致点击事件无效。

如图，同样的单词，里面的JavaScript颜色不同。重新手写click即可解决。

...]]></description><category></category></item><item><title><![CDATA[弹性盒子垂直水平居中的9种方法]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/112505135</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/112505135</guid><author>weixin_49554199</author><pubDate>Tue, 12 Jan 2021 01:51:39 +0800</pubDate><description><![CDATA[方法一：
父元素 {
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]]></description><category></category></item><item><title><![CDATA[GIT CLONE代码时错用户名或密码]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/110732446</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/110732446</guid><author>weixin_49554199</author><pubDate>Sun, 06 Dec 2020 11:26:57 +0800</pubDate><description><![CDATA[GIT CLONE代码时错用户名或密码的解决方式
	remote: Incorrect username or password ( access token )
	fatal: Authentication failed 

解决方式：
输入下面命令清除本地的gitee用户名和密码
	git config --system --unset credential.helper

继续执行命令clone代码输入正确的用户名密码即可

...]]></description><category></category></item><item><title><![CDATA[鼠标右键打开vscode=＞菜单添加 Open with VSCode]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/109957713</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/109957713</guid><author>weixin_49554199</author><pubDate>Sun, 22 Nov 2020 17:05:34 +0800</pubDate><description><![CDATA[在桌面新建一个后缀为xxx.reg的文件，然后把下面文字拷贝进去，然后直接运行。

注意：
1，D:\Software\Microsoft VS Code\Code.exe要改成自己vscode的路径。
2，好多人写的是@=“Open with Code”，而我的电脑打开是Open with VSCode，所以如果不成功可以更改尝试。
万恶的根源在我的查阅下是因为创建的时候没有点击创建快捷方式，在createdesktop 下面的两个选项框。
所以也可以尝试重新安装的时候选择那两个选项框。
	Windows]]></description><category></category></item><item><title><![CDATA[安装mysql时一直卡在starting the server这一位置，解决方案]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/109249852</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/109249852</guid><author>weixin_49554199</author><pubDate>Fri, 23 Oct 2020 21:08:18 +0800</pubDate><description><![CDATA[原因
系统账户配置不同
解决方案
1：保持住这个页面，不用关闭重装

2：window键+X  再选G(计算机管理)。找到mysql80

3：右键—&gt;属性—&gt;登录  点击允许服务于桌面交互，回到卡住界面再一次安装



...]]></description><category></category></item><item><title><![CDATA[错误码：events.js:183 throw er； // Unhandled ‘error‘ event—解决方案]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/109249560</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/109249560</guid><author>weixin_49554199</author><pubDate>Fri, 23 Oct 2020 20:52:31 +0800</pubDate><description><![CDATA[显示内容
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]]></description><category></category></item><item><title><![CDATA[大事件项目中的一些知识点（layui）]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/109132916</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/109132916</guid><author>weixin_49554199</author><pubDate>Sat, 17 Oct 2020 15:48:38 +0800</pubDate><description><![CDATA[登陆页面


页面布局

背景，顶部Logo，居中的div



form表单


class="layui-form-item"的div为每一行
  &lt;!-- 登录的表单 --&gt;
  &lt;form class="layui-form" id="form_login"&gt;
&lt;!-- 用户名 --&gt;
&lt;div class="layui-form-item"&gt;
  &lt;i class="layui-icon layui-icon-username"&gt;&lt;]]></description><category></category></item><item><title><![CDATA[Ajax常见面试题---总结(转载)]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/109129809</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/109129809</guid><author>weixin_49554199</author><pubDate>Sat, 17 Oct 2020 10:46:36 +0800</pubDate><description><![CDATA[1什么是ajax？ajax作用是什么？
AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.
2、为什么要用ajax：
Ajax应用程序的优势在于：


通过异步模式，提升了用户体验


优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用


Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负载。


3.AJAX最大的特点是什么]]></description><category></category></item><item><title><![CDATA[ajax发起请求及ajax跨域发起请求]]></title><link>https://blog.youkuaiyun.com/weixin_49554199/article/details/109011015</link><guid>https://blog.youkuaiyun.com/weixin_49554199/article/details/109011015</guid><author>weixin_49554199</author><pubDate>Sun, 11 Oct 2020 14:00:05 +0800</pubDate><description><![CDATA[使用ajax发起GET请求
 $(function () {
      $('#btnGET').on('click', function () {
        $.ajax({
          type: 'GET',
          url: 'http://www.llb.top:3006/api/getbooks',
          data: {
            id: 1
          },
          success: function (res) {
]]></description><category></category></item></channel></rss>