<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[cbbgs_cb的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/cbbgs_cb</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; cbbgs_cb]]></copyright><item><title><![CDATA[子父组件传值的获取不到值]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/124106854</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/124106854</guid><author>cbbgs_cb</author><pubDate>Mon, 11 Apr 2022 19:18:52 +0800</pubDate><description><![CDATA[子组件中的
 &lt;button @click="handleClick()"&gt;查看称号&lt;/button&gt;
  methods: {
        handleClick(){
            console.log(this.hero.desc);
            this.$emit("handleEvent",this.hero.desc)
        }
    },

父组件中

 methods:{
    fun(data){
      consol]]></description><category></category></item><item><title><![CDATA[给自定义组件添加单击事件]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/124106648</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/124106648</guid><author>cbbgs_cb</author><pubDate>Mon, 11 Apr 2022 19:12:26 +0800</pubDate><description><![CDATA[自己定义了一个按钮按组件
&lt;template&gt;
  &lt;div&gt;
     &lt;div class="endBtn"&gt;
       &lt;van-button type="danger" block color="linear-gradient( to left ,#F24B0B, #FF4A44 )"&gt;{{btnMsg}}&lt;/van-button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/template&gt;

&]]></description><category></category></item><item><title><![CDATA[Vue.js 图片不显示 | 图片资引用]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/124047876</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/124047876</guid><author>cbbgs_cb</author><pubDate>Fri, 08 Apr 2022 18:09:54 +0800</pubDate><description><![CDATA[Vue.js 图片不显示
在data中定义图片的路径，在引用的时候，图片不会被显示
 {
          id:1,
          name:"李四",
          moneyCategory:"美元/钞",
          count:"6234 **** 0798",
          money:700000.00,
          logo: "../assets/img/transferManage/ic_logo_gongshang.svg",
          b]]></description><category></category></item><item><title><![CDATA[JS通过时间戳来判断是否超时30分钟]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/124047641</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/124047641</guid><author>cbbgs_cb</author><pubDate>Fri, 08 Apr 2022 17:59:46 +0800</pubDate><description><![CDATA[通常再js中会有一些业务场景，需要判断超市30分钟完成任务的。
let d1 = new Date().getTime();
let d2 = new Date().getTime();
// 判断是否超市30分钟
Math.abs(d1-d2) &gt;= (30*60*1000)


]]></description><category></category></item><item><title><![CDATA[学习vuex这一篇就足够了]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123925497</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123925497</guid><author>cbbgs_cb</author><pubDate>Sat, 02 Apr 2022 17:34:00 +0800</pubDate><description><![CDATA[vuex
vuex简介
点击vuex 查看官网
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

为什么使用vuex?

有什么状态时需要我们在多个组件间共享呢？
比如用户的登录状态、用户名称、头像、地理位置等等。
比如商品的收藏、购物车中的物品等等。
这些状态信息，我们都可以放在统一的地方，对它进行保护管理，而且它们还是响应式的。
vuex的五种状态
1.state

state师vuex]]></description><category></category></item><item><title><![CDATA[关于项目中axios的简单封装]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123753700</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123753700</guid><author>cbbgs_cb</author><pubDate>Sat, 26 Mar 2022 12:22:47 +0800</pubDate><description><![CDATA[axios 是请求后台资源的模块。 通过npm install axios -S来安装，在大多数情况下我们需要封装拦截器，在实现登录的过程中我们一般在请求拦截器中来加入token，在响应请求器中通过判断后端返回的状态码来对返回的数据进行不同的处理。如果发送的是跨域请求，需在配置文件中 config/index.js 进行代理配置。
// 可以进行全局默认配置
axios.defaults.baseURL = 'https://api.example.com';
axios.defaults.headers.]]></description><category></category></item><item><title><![CDATA[TypeScript]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123753507</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123753507</guid><author>cbbgs_cb</author><pubDate>Sat, 26 Mar 2022 12:06:40 +0800</pubDate><description><![CDATA[TypeScript
1.开始TS
ECMAscript,javascript,typescript的关系
ECMAscript是js的标准,是语法规范,而TS是js的超集.
安装TS
 npm i typescript -g

然后创建一个hello.ts
然后运行
tsc hello.js

然后可以看见多出了一个hello.js文件

node hello.js

优化编译
当编写一个函数的时候,去调用一个函数
function hello(a,b){
    console.log(a,b)
}

]]></description><category></category></item><item><title><![CDATA[vue+vue3]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123753497</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123753497</guid><author>cbbgs_cb</author><pubDate>Sat, 26 Mar 2022 12:04:47 +0800</pubDate><description><![CDATA[Vue
文章目录Vue1.基础知识v-cloakv-prev-oncev-bindv-on事件修饰符v-model冒泡和禁止默认事件事件捕获键盘修饰符v-for表单控件绑定表单修饰符闭包v-if和v-show宏任务和微任务计算属性Watch 侦听器filter过滤器自定义指令生命周期函数mixin组件组件传值 父传子组件传值 子传父子组件之间传值ref动态组件匿名插槽具名插槽作用域插槽2.Vue-cli脚手架安装脚手架路由子路由动态路由路由守卫新增的生命周期方法路由设计3.axios4.EsLint5.跨域]]></description><category></category></item><item><title><![CDATA[Mongodb]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123753484</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123753484</guid><author>cbbgs_cb</author><pubDate>Sat, 26 Mar 2022 12:03:44 +0800</pubDate><description><![CDATA[Mongodb
1.查询当前数据库
db
2.查询所有数据库
show dbs
3.创建并切换数据库
use student
4.删除数据库
db.dropDataBase()
5.创建集合
db.createCollection(“stu”)
6.得到当前目录下的集合
db.getCollectionNames();
7.创建一个文档 插入数据
db.stu.insert([{name:‘m1’,age:12},{name:‘林冲’,age:23}])
db.stu.save([{name:‘m1’,ag]]></description><category></category></item><item><title><![CDATA[sass-]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123753470</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123753470</guid><author>cbbgs_cb</author><pubDate>Sat, 26 Mar 2022 12:02:15 +0800</pubDate><description><![CDATA[Sass
在sass中用$来定义变量


注释为//


变量



定义单值


$r:red;

//引用变量
.box1{
    color:$r;
}


多值变量

$c:red green #ccc  // 多值用空格隔开

// 使用
.box{
    color:nth($c,1)   //nth()是取值的函数，取谁的对几个值
  }


复杂变量

$l:(box2 100px red)(box3 200px green)(box4 50px blue)
@each $a,$b,$c]]></description><category></category></item><item><title><![CDATA[Node.js]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123750672</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123750672</guid><author>cbbgs_cb</author><pubDate>Sat, 26 Mar 2022 09:41:53 +0800</pubDate><description><![CDATA[node
服务器模块：http
// 用require 引入模块
const http = require("http");

// 这里的函数，是服务器被访问时需要执行的功能  res是响应，req是请求
const serverObj = http.createServer(function(req,res){
    const url = req.rul;
    // 设置编码，防止乱码
    res.writeHead(200,{"Content-Type":"text/plain;chars]]></description><category></category></item><item><title><![CDATA[JQuery]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123750621</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123750621</guid><author>cbbgs_cb</author><pubDate>Sat, 26 Mar 2022 09:38:13 +0800</pubDate><description><![CDATA[jQuery
1.选择器
选择器  和css的选择器差不多，只有几个不一样
// 选择器  和css的选择器差不多，只有几个不一样

// 类选择器，有多少选中多少
 $(".box").css("background","red");
// id选择器  只能选中第一个
 $("#box").css("background","red");
// 标签选择器
 $("div").css("background","red");
// 群组选择器
  $("div,ul").css("background"]]></description><category></category></item><item><title><![CDATA[javascript]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123750603</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123750603</guid><author>cbbgs_cb</author><pubDate>Sat, 26 Mar 2022 09:37:23 +0800</pubDate><description><![CDATA[js
javascript是什么，从哪来

网页是什么，由html超文本标记语言实现的一种在浏览器中可以查看的文档类型。默认情况下，此文档没有任何交互功能，为了提升用户体验，需要给文档添加行为，交互等功能。此时需要一种脚本语言，给文档添加行为或交互。这个脚本语言就是javascript。
javascript的历史
网页的组成：html结构，css样式，javascript行为
ECMA是javascript的规划化组织，推出了javascript的规范，叫ECMAscript。
javascript的组成]]></description><category></category></item><item><title><![CDATA[CSS+CSS3]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123750596</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123750596</guid><author>cbbgs_cb</author><pubDate>Sat, 26 Mar 2022 09:36:05 +0800</pubDate><description><![CDATA[css
文章目录css1.CSS引入2.固定定位3.样式优先级4.选择器1.元素、id、类选择器2.群组、通配符、后代选择器3.伪类选择器4.选择器权重5.css属性1.css文本属性2.列表属性3.背景属性4.浮动属性5.盒子模型1.内边距2.边框3.外边距6.溢出属性7.元素类型8.定位属性9.锚点10.自适应11.CSS31.选择器层级选择器属性选择器伪类选择器2.文本阴影3.盒子阴影4.圆角边框5.引入字体6.怪异盒子7.弹性盒子8.项目对齐方式调整顺序剩余宽高9.多列布局10.响应式布局11.em]]></description><category></category></item><item><title><![CDATA[HTML+H5]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123750577</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/123750577</guid><author>cbbgs_cb</author><pubDate>Sat, 26 Mar 2022 09:35:12 +0800</pubDate><description><![CDATA[HTML
文章目录HTML1、html 基础标签2、 属性3、特殊符号5、列表6、图片标签7、超链接8、表格9、表单单选框  radio复选框  checkbox文件上传下拉菜单文本域字段集10、H5语义化标签音频标签视频标签表单增强
1、html 基础标签

 &lt;!-- 标题 h1-h6 h1的权重最高--&gt;
    &lt;h1&gt;一级标签&lt;/h1&gt;
    &lt;!-- 段落标签 p   换行  br --&gt;
    &lt;p&gt;我是一只小鸭子，&lt;br&]]></description><category></category></item><item><title><![CDATA[统信UOS安装jdk1.8]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/122634296</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/122634296</guid><author>cbbgs_cb</author><pubDate>Sat, 22 Jan 2022 10:57:05 +0800</pubDate><description><![CDATA[统信UOS安装jdk1.8
1.下载压缩包
https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html
2.解压压缩包
tar -zxvf jdk-8u221-linux-x64.tar.gz 

3.在/etc/profile中配置环境变量
sudo vim /etc/profile

#将下面内容复制进去
export JAVA_HOME=/data/home/cbbgs/software/jdk1.8.0_221]]></description><category></category></item><item><title><![CDATA[统信UOS安装node环境]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/122589870</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/122589870</guid><author>cbbgs_cb</author><pubDate>Wed, 19 Jan 2022 21:12:20 +0800</pubDate><description><![CDATA[安装node与npm
sudo apt install nodejs
sudo apt install npm

安装n模块
sudo npm install -g n

选择版本----&gt;三选一
sudo n latest //最新版本
sudo n stable //稳定版本
sudo n lts //长期支持版本

更新npm
sudo npm install -g npm

绑定淘宝镜像
sudo npm config set registry https://registry.npm.tao]]></description><category></category></item><item><title><![CDATA[Java String contains() 方法]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/120221982</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/120221982</guid><author>cbbgs_cb</author><pubDate>Fri, 10 Sep 2021 14:49:11 +0800</pubDate><description><![CDATA[Java String contains() 方法
contains() 方法用于判断字符串中是否包含指定的字符或字符串。
如果包含指定的字符或字符串返回 true，否则返回 false。
String str  = "I LOVE CHINA";
System.out.println(str.contains("C"));  // true
System.out.println(str.contains("LOVE")); // false


...]]></description><category></category></item><item><title><![CDATA[时间比较问题]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/120138505</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/120138505</guid><author>cbbgs_cb</author><pubDate>Mon, 06 Sep 2021 16:26:46 +0800</pubDate><description><![CDATA[## 时间比较问题
Date1.after(Date2),当Date1大于Date2时，返回TRUE，当小于等于时，返回false；
Date1.before(Date2)，当Date1小于Date2时，返回TRUE，当大于等于时，返回false；
时间越大越往后
SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
Date date = new Date();
Date startTime = df.parse("2021-]]></description><category></category></item><item><title><![CDATA[Centos安装docker]]></title><link>https://blog.youkuaiyun.com/cbbgs_cb/article/details/119929733</link><guid>https://blog.youkuaiyun.com/cbbgs_cb/article/details/119929733</guid><author>cbbgs_cb</author><pubDate>Thu, 26 Aug 2021 20:30:48 +0800</pubDate><description><![CDATA[centos 安装
1、卸载旧版本
$ sudo yum remove docker \
                  docker-client \
                  docker-client-latest \
                  docker-common \
                  docker-latest \
                  docker-latest-logrotate \
                  docker]]></description><category></category></item></channel></rss>