<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[web_Rookie的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/web_Rookie</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; web_Rookie]]></copyright><item><title><![CDATA[纯css制作水波纹动画效果字体]]></title><link>https://blog.youkuaiyun.com/web_Rookie/article/details/156196101</link><guid>https://blog.youkuaiyun.com/web_Rookie/article/details/156196101</guid><author>web_Rookie</author><pubDate>Tue, 23 Dec 2025 14:46:20 +0800</pubDate><description><![CDATA[简单的纯css实现水波浪文字]]></description><category></category></item><item><title><![CDATA[关于 this.setState]]></title><link>https://blog.youkuaiyun.com/web_Rookie/article/details/118549833</link><guid>https://blog.youkuaiyun.com/web_Rookie/article/details/118549833</guid><author>web_Rookie</author><pubDate>Thu, 08 Jul 2021 09:02:45 +0800</pubDate><description><![CDATA[今天把以前的代码改了一下，发现以前的简直是惨不忍睹！！！
1、以前在 使用componentDidMount 中写请求的时候，获得的数据用this.setState的时候，页面并没有发生渲染，或者可以说是晚了一点。。。。

首先要理解 componentDidMount 这个生命周期，我们调用生命周期函数 componentDidMount() ,
即在组件加载完成，render() 之后调用，这个方法只会触发一次,一般请求也是写在这里的，那么也就是说，组件首先渲染了一次之后才调用它，这时候请求的数据在通过]]></description><category></category></item><item><title><![CDATA[Bootstrap 中的model 组件-------多个弹窗覆盖关闭问题]]></title><link>https://blog.youkuaiyun.com/web_Rookie/article/details/117461529</link><guid>https://blog.youkuaiyun.com/web_Rookie/article/details/117461529</guid><author>web_Rookie</author><pubDate>Wed, 02 Jun 2021 10:19:51 +0800</pubDate><description><![CDATA[1.碰到一个问题，因为用的 Bootstrap 中的model 组件，弹窗显示

1.如果第一次点击页面按钮A，弹出  弹窗B，在B中再点击按钮，弹出弹窗C，这时B弹窗会被关闭，当关闭C时(或保存、确定、取消)，都会直接返回了页面而非是上一个弹窗B页面。
​	2.解决的方案是当关闭C时，再次执行打开B弹窗，但是会有一个问题，页面数据的渲染更新可能会不执行
​	3.例：权限选择，点击B弹窗的按钮，弹出C弹窗权限选择，选择权限后选择确定(根据上条方法再次执行打开B弹窗)，但选中的权限并不会渲染或改变原有的权限，]]></description><category></category></item><item><title><![CDATA[百度gis---3，地图瓦片获取。。。。(需求提供)]]></title><link>https://blog.youkuaiyun.com/web_Rookie/article/details/117460611</link><guid>https://blog.youkuaiyun.com/web_Rookie/article/details/117460611</guid><author>web_Rookie</author><pubDate>Wed, 02 Jun 2021 09:58:17 +0800</pubDate><description><![CDATA[关于地图瓦片的获取，我本来是想找一些免费的软件进行下载，结果发现，大多数软件都是有限额的，你下载一定数量的瓦片 就开始收费或者说VIP，要知道等级越大，不是越高，而是越大，5级瓦片和15级瓦片简直一个天一个地，前者可能就十几张，后者万张图片o(╥﹏╥)o，后面的就更大了。。。。
大部分软件免费下载7-9级瓦片，后面就要收费了，至于小部分免费的软件，我还没见到 0.0
如果有免费的大佬 请留个信儿o(╥﹏╥)o

...]]></description><category></category></item><item><title><![CDATA[百度地图-gis-2]]></title><link>https://blog.youkuaiyun.com/web_Rookie/article/details/115455562</link><guid>https://blog.youkuaiyun.com/web_Rookie/article/details/115455562</guid><author>web_Rookie</author><pubDate>Tue, 06 Apr 2021 13:44:11 +0800</pubDate><description><![CDATA[直接上代码+效果

这个便是 热力图，地址是安阳市：
代码：
import React, { useState, Component } from 'react'
import ReactDOM from 'react-dom';
import "react-datetime/css/react-datetime.css";
import "./GisMapbox.css";

export default class GisMap extends React.Component {
    state =]]></description><category></category></item><item><title><![CDATA[前端-百度地图-gis----1]]></title><link>https://blog.youkuaiyun.com/web_Rookie/article/details/115180404</link><guid>https://blog.youkuaiyun.com/web_Rookie/article/details/115180404</guid><author>web_Rookie</author><pubDate>Wed, 24 Mar 2021 17:05:35 +0800</pubDate><description><![CDATA[前段时间，应要求嘛，学习看了(一个月)一点地图开发方面的东西(能用点东西)，首先接触的是百度地图，给想了解的人介绍一下，我学习中用到的方法和一些想法
先给大家一个官网地址:http://lbsyun.baidu.com/index.php?title=jspopularGL
这个是要登录的，好像是百度账号就可以了，文档是中文
这个是百度地图开放平台，里面有很多，我用到的开发文档里面的web开发，
进入熟悉的JavaScript API GL 开发，先看文档，想练手了就进入

这个DEMO详情，里面就是最新的]]></description><category></category></item><item><title><![CDATA[第二篇  简单的一个 小的    点名器。。]]></title><link>https://blog.youkuaiyun.com/web_Rookie/article/details/107569218</link><guid>https://blog.youkuaiyun.com/web_Rookie/article/details/107569218</guid><author>web_Rookie</author><pubDate>Thu, 12 Nov 2020 10:48:43 +0800</pubDate><description><![CDATA[第二阶段js结束了，jQuery也学习了一部分，下周一准备学习es6，听说很香的，嘿嘿。。不知道怎么样。。
下面 给一个简单的 点名器，js第六天做的，比较简单，emmm 满足满足自己成就感，来点信心，打打气，骗骗自己，哈哈哈 O(∩_∩)O~
js学的真的是头疼，不，感觉头离家出走了都。。。。。。、o(╥﹏╥)o
慢慢努力啊

&lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta name="viewport" content="widt]]></description><category></category></item><item><title><![CDATA[React 忘了安装和环境配置怎么办？看这里！]]></title><link>https://blog.youkuaiyun.com/web_Rookie/article/details/109530655</link><guid>https://blog.youkuaiyun.com/web_Rookie/article/details/109530655</guid><author>web_Rookie</author><pubDate>Fri, 06 Nov 2020 15:04:40 +0800</pubDate><description><![CDATA[这里写自定义目录标题React 环境配置和安装
React 环境配置和安装
有的是刚学习react，有的是更换了电脑，想不起来怎么安装配置react了，可以看这里，一步步让你想起明白如何配置。
1，开始，是首先安装nodejs，可以直接到node官网下载安装。
nodejs官网：http://nodejs.cn/download/
我装的是.msi64位的，看需求安装，还有电脑配置，32/64位。
安装完成后，打开cmd(就是电脑左下角，点击搜索输入cmd) ，输入node -v 查看是否安装 。
如果显示]]></description><category></category></item><item><title><![CDATA[vue小小面试题------vue（1）]]></title><link>https://blog.youkuaiyun.com/web_Rookie/article/details/109332423</link><guid>https://blog.youkuaiyun.com/web_Rookie/article/details/109332423</guid><author>web_Rookie</author><pubDate>Wed, 28 Oct 2020 15:00:25 +0800</pubDate><description><![CDATA[1，v-show 和v-if的区别？分别说明他们的使用场景。
：v-show 和v-if都是true的时候显示，false的时候隐藏
但是：false的情况下，v-show是采用的display:none;,v-if采用惰性加载。
如果需要频繁切换显示隐藏需要使用v-show
2、父组件向子组件通信
：在子组件的标签上定义一个变量，：变量=‘传的值’，在子级中使用props接收变量
3、子组件向父组件通信
：在子组件中写一个事件，事件中使用this.$emit(‘自定义事件名’，’数据’)；在父级中的子标签]]></description><category></category></item><item><title><![CDATA[框架-- - --Vue基础认知 和 一个迷之图片的切换效果 -》--》]]></title><link>https://blog.youkuaiyun.com/web_Rookie/article/details/108062194</link><guid>https://blog.youkuaiyun.com/web_Rookie/article/details/108062194</guid><author>web_Rookie</author><pubDate>Tue, 13 Oct 2020 10:59:11 +0800</pubDate><description><![CDATA[今天是学习框架（Vue）的 第一天，刚刚学习，发现比之前的高效好多，更便捷，今天刚刚做了一个小的切换图片的练习，和原生比真是强多了
先介绍下 Vue 哈
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
vue框架的核心：
数据驱动页面]]></description><category></category></item><item><title><![CDATA[宝塔登录页面忘了怎么办？我这里有一个方法直接解决！=o=]]></title><link>https://blog.youkuaiyun.com/web_Rookie/article/details/109027472</link><guid>https://blog.youkuaiyun.com/web_Rookie/article/details/109027472</guid><author>web_Rookie</author><pubDate>Mon, 12 Oct 2020 15:22:03 +0800</pubDate><description><![CDATA[首先，先声明，因为我是在腾讯云买的服务器，所以是在腾讯云登录操作的。
以下附图：

在这里点击，然后进入左侧 ‘实例’ →找到自己的 IP：

IP：

在这个IP+ ：8888，先直接登录
会进入：这个失败页面

复制好这个 查看面板入口，然后打开刚刚登录好的腾讯云页面（还是刚才的‘实例’），→点击右侧的登录按钮，扫码登录，然后填写密码，进入SSH终端,把刚刚复制的 查看面板入口右键粘贴+回车

就会获取到网址，再右键复制 外网面板地址，然后打开新页面粘贴回车就ok，就会进入： 宝塔面板登录页面，输入账号]]></description><category></category></item><item><title><![CDATA[这是利用Vue来写的一个 九九乘法表   代码简明，很简单]]></title><link>https://blog.youkuaiyun.com/web_Rookie/article/details/108063130</link><guid>https://blog.youkuaiyun.com/web_Rookie/article/details/108063130</guid><author>web_Rookie</author><pubDate>Mon, 17 Aug 2020 20:09:38 +0800</pubDate><description><![CDATA[九九乘法表
直接上代码  ↓
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;久久乘法表&lt;/title&gt;
    &lt;script src="./node_modul]]></description><category></category></item><item><title><![CDATA[这是一个---放大镜，简单的放大~~~]]></title><link>https://blog.youkuaiyun.com/web_Rookie/article/details/107826118</link><guid>https://blog.youkuaiyun.com/web_Rookie/article/details/107826118</guid><author>web_Rookie</author><pubDate>Wed, 05 Aug 2020 22:12:00 +0800</pubDate><description><![CDATA[大家这应该对放大镜并不陌生，这次介绍的就是一种放大镜—就是一般购物时，当鼠标进入的时候会放大悬停的位置，一种效果
里面用的有 鼠标移入移出、body属性（client系列，offset系列）
**onmouseover** 鼠标移入事件
**onmouseout**鼠标移出事件

client：
元素.clientHeight   元素可视高	height+上下的padding
元素.clientWidth   元素可视宽   	width+左右的padding
offset：
元素.offsetWidth]]></description><category></category></item></channel></rss>