<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[chalkbox的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/chalkbox</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; chalkbox]]></copyright><item><title><![CDATA[vsCode设置Bash启动 最新版本1.60默认终端配置修改]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/132976799</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/132976799</guid><author>chalkbox</author><pubDate>Sun, 05 Sep 2021 15:50:00 +0800</pubDate><description><![CDATA[VsCode最新版本1.60更新，修改了默认终端配置
VsCode设置Bash启动
这次更新修改了 "terminal.integrated.shell.windows" =&gt; "terminal.integrated.profiles.windows"
原本的终端配置将会失效
最新终端配置为: 修改 settings.json 文件

{// 终端路径配置
"terminal.inte...]]></description><category></category></item><item><title><![CDATA[Web Component组件化]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/132976796</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/132976796</guid><author>chalkbox</author><pubDate>Sat, 05 Jun 2021 23:23:00 +0800</pubDate><description><![CDATA[Web Component组件化
1.什么是Web Component？
你可能听过一些框架例如:Vue/React,你也可能会知道一些组件库例如: Element-UI/Ant Design.
拿Vue举例,每一个.vue文件就是一个组件,其中每一个.vue文件中都会有一个模板&lt;template&gt;,最终代码会将这些模板压缩打包在一起形成一个.html文件
拿Element来说,每一...]]></description><category></category></item><item><title><![CDATA[Js数组常用的一些操作介绍]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/132976785</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/132976785</guid><author>chalkbox</author><pubDate>Sat, 21 Nov 2020 15:30:00 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[关于WP实现多域名跨域问题]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/132976789</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/132976789</guid><author>chalkbox</author><pubDate>Wed, 29 Jul 2020 10:33:00 +0800</pubDate><description><![CDATA[解决WP跨域问题/多域名访问同目录下的css、js等文件
一：
在wp-config.php文件中： require_once(ABSPATH . 'wp-settings.php'); 上面加入以下代码：
这是http访问，如果https访问需将其中的http改成https

define('WP_SITEURL', 'http://' . $_SERVER['HTTP_HOST']);
de...]]></description><category></category></item><item><title><![CDATA[轮播插件Slick.js使用方法详解]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/132976788</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/132976788</guid><author>chalkbox</author><pubDate>Thu, 18 Jun 2020 20:50:00 +0800</pubDate><description><![CDATA[Slick/Slick.js使用方法(个人总结)/Slick.js介绍
相比于Swiper而选择使用Slick.js的原因主要是因为其兼容不错并且在手机端的滑动效果更顺畅
官方参数介绍：官方地址



参数　
类型
默认值
描述


accessibility
布尔值
TRUE
启用Tab键和箭头键导航


adaptiveHeight
布尔值
FALSE
为单滑块水平轮播启用自适应高度。


...]]></description><category></category></item><item><title><![CDATA[设置Loding延迟加载页面]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/132976781</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/132976781</guid><author>chalkbox</author><pubDate>Mon, 15 Jun 2020 21:33:00 +0800</pubDate><description><![CDATA[前端页面：

&lt;div id="loading"&gt;
  &lt;!--这里放你的loading时显示的动画或者文字单独放置--&gt;
&lt;/div&gt;


样式设置：

html,body{
     height:100%;
     width:100%;
}
body{
       overflow: hidden;
}
#loading{           
 ...]]></description><category></category></item><item><title><![CDATA[纯CSS实现彩色文字/文字渐变]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/132976782</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/132976782</guid><author>chalkbox</author><pubDate>Sat, 06 Jun 2020 15:16:00 +0800</pubDate><description><![CDATA[利用CSS实现多彩文字：

设置样式：h3 {
  font-size: 2rem;
  text-transform: uppercase;
  color: line;
  font-weight: 600;
  font-size: 1.8rem;
  font-family: Arial;
  line-height: 0.833;
  letter-spacing: 10px;
  c...]]></description><category></category></item><item><title><![CDATA[css实现图片上下模糊（附带效果图）]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/132976776</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/132976776</guid><author>chalkbox</author><pubDate>Sat, 25 Apr 2020 23:14:00 +0800</pubDate><description><![CDATA[css控制图片模糊，毛玻璃效果
css控制图片上下模糊，鼠标移入模糊清除！
html代码：

&lt;ul&gt;
                        &lt;li&gt;
                            &lt;div class="ig"&gt;
                                &lt;a class="img-box" h...]]></description><category></category></item><item><title><![CDATA[CSS实现对角边框样式]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/132976773</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/132976773</guid><author>chalkbox</author><pubDate>Wed, 15 Apr 2020 13:04:00 +0800</pubDate><description><![CDATA[CSS实现对角框，边角加个边框、四角框
一：线性渐变方式：

鼠标悬停触发显示:hover {
              background: linear-gradient(to left, #043add, #043add) left top no-repeat,
                linear-gradient(to bottom, #043add, #043add) l...]]></description><category></category></item><item><title><![CDATA[JQ实现选项卡切换]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/132976780</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/132976780</guid><author>chalkbox</author><pubDate>Mon, 06 Apr 2020 11:08:00 +0800</pubDate><description><![CDATA[使用JQuery实现选项卡切换：触发添加和删除类名！
html代码

　　　　　　　　　　　　&lt;div&gt;
                        &lt;div class="ig"&gt;
                            &lt;img src="images/dl1.jpg" alt=""&gt;
                         ...]]></description><category></category></item><item><title><![CDATA[鼠标悬停改变长度]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/132994369</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/132994369</guid><author>chalkbox</author><pubDate>Thu, 02 Apr 2020 22:13:00 +0800</pubDate><description><![CDATA[栅格系统中鼠标悬停时向左改变宽度
关键词：
transform: scaleX(1.2)
transform-origin
栅格一行两列布局，，左侧图片，右侧ul li列表
html代码：

&lt;div class="row tet"&gt;
        &lt;div class="col-12 col-md-8"&gt;
            &lt;div class="ig"&...]]></description><category></category></item><item><title><![CDATA[关于使用栅格系统加图片定位展示商品]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/133040983</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/133040983</guid><author>chalkbox</author><pubDate>Wed, 01 Apr 2020 22:34:00 +0800</pubDate><description><![CDATA[栅格+定位使图片高于文档流
用来展示图片不规则的定位，仅供参考！(row和col-4是参考bootstrap栅格系统做的)
html：

&lt;div class="ui container"&gt;
        &lt;div class="row r1"&gt;
            &lt;div class="col-4 col-md-4 c1"&gt;
            ...]]></description><category></category></item><item><title><![CDATA[ul中的li设置等宽高css]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/132994367</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/132994367</guid><author>chalkbox</author><pubDate>Tue, 31 Mar 2020 22:02:00 +0800</pubDate><description><![CDATA[响应式布局中宽度与高度相同
纯css方法设置ul中li宽高相等
关键词：VW / VH
vw：视窗的宽度
vh：视窗的高度
思路：根据vw获取视图宽度从而设置li的宽度等于高度
代码：

&lt;li&gt;
  &lt;div class="test"&gt;
       &lt;img src="../images/hm1.png" alt=""&gt;
       &lt;div&gt...]]></description><category></category></item><item><title><![CDATA[Element组件中组件的使用问题]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/133040979</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/133040979</guid><author>chalkbox</author><pubDate>Sun, 22 Mar 2020 23:47:00 +0800</pubDate><description><![CDATA[一：el-image组件问题

直接使用el-image组件会导致一个问题：当用户点击图片的时候页面滚动条消失！
原因：组件API中有这样一条：



参数　
说明
类型
默认值


scroll-container
开启懒加载后，监听 scroll 事件的容器
string / HTMLElement
最近一个 overflow 值为 auto 或 scroll 的父元素



解决方法：全...]]></description><category></category></item><item><title><![CDATA[关于Vue中两个vue页面传数据]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/132994363</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/132994363</guid><author>chalkbox</author><pubDate>Sun, 22 Mar 2020 23:39:00 +0800</pubDate><description><![CDATA[一个vue页面路由跳转到另一个vue页面想要获得前一个页面的数据的方法：路由传参
路由传参方法适用于：
1：在A页面获得数据提交给B页面 / 将A页面的数据给B页面
2：A页面中点击按钮跳转到B页面，B页面需要使用A页面中的数据


Vuex和本地缓存的方法就不讲了
问题：为什么使用这种方法？
答：在A页面点击按钮路由跳转到B页面了，但是我在B页面还需要A页面中的数据

这是数据：
data:...]]></description><category></category></item><item><title><![CDATA[vue+axios实现跨域反向代理]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/132994364</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/132994364</guid><author>chalkbox</author><pubDate>Sun, 01 Mar 2020 14:01:00 +0800</pubDate><description><![CDATA[关于跨域反向代理的研究，更改main.js和新建vue.config.js


 1 import Vue from 'vue'
 2 import App from './App.vue'
 3 import router from './router'
 4 import './plugins/element.js'
 5 // 全局样式表
 6 import './assets/css/g...]]></description><category></category></item><item><title><![CDATA[随手写一个图床，用来放置图片]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/132994360</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/132994360</guid><author>chalkbox</author><pubDate>Fri, 10 Jan 2020 12:52:00 +0800</pubDate><description><![CDATA[项目地址：https://gitee.com/chalkbox/vue_shop
链接地址：http://vue.wuliwu.top/
没有登陆接口，用户可以直接上传图片至服务器文件夹
高清图片获取与数据库，数据库中存放了高清图片的链接地址，使用了七牛云存储链接
后台PHP文件设置了上传图片的大小为2M
高清图片可以点击跳转，获得链接地址，去掉链接地址的后缀就是原图

附上php代码：


 ...]]></description><category></category></item><item><title><![CDATA[VUE+axios+php获取后端数据（宝塔面板）]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/133038318</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/133038318</guid><author>chalkbox</author><pubDate>Fri, 03 Jan 2020 20:43:00 +0800</pubDate><description><![CDATA[总是听别人说axios好，好在哪里咱也不知道，继上一篇博文还不懂axios，现在稍微可以应用了(暗暗加油！)
看官网教程的时候一直困惑axios里的url到底是什么，很长一个url链接搞的我更迷惑了(其实就是一个PHP文件，读取php文件获得数据而已)
vue用axios方法从后端获取数据(感觉确实方便了不少)
附上前端代码

&lt;!DOCTYPE html&gt;
&lt;html&gt;...]]></description><category></category></item><item><title><![CDATA[PHP+VUE实现前端和后端数据互通（宝塔面板）]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/132994356</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/132994356</guid><author>chalkbox</author><pubDate>Fri, 03 Jan 2020 19:35:00 +0800</pubDate><description><![CDATA[基于element和vue的一个简单的后台管理页面基础模型(这里我用了php从数据库获取数据然后在JS区域接收了获取的数据。PS：不会用axios)
直接附上所有代码：数据库：mywu 用户名：root 密码：root 数据表：test

&lt;?php
header("Content-type:text/html;charset=utf-8");
$host = "localhost";
$...]]></description><category></category></item><item><title><![CDATA[PHP上传图片]]></title><link>https://blog.youkuaiyun.com/chalkbox/article/details/133042988</link><guid>https://blog.youkuaiyun.com/chalkbox/article/details/133042988</guid><author>chalkbox</author><pubDate>Sat, 28 Dec 2019 08:08:00 +0800</pubDate><description><![CDATA[首先需要一个表单，点击提交按钮提交至upload_file.php文件

　　&lt;form action="upload_file.php" method="post" enctype="multipart/form-data"&gt;
        &lt;label for="file"&gt;Filename:&lt;/label&gt;
        &lt;input type...]]></description><category></category></item></channel></rss>