<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[W2001r的博客]]></title><description><![CDATA[]]></description><link>https://blog.csdn.net/W2001r</link><language>zh-cn</language><generator>https://blog.csdn.net/</generator><copyright><![CDATA[Copyright &copy; W2001r]]></copyright><item><title><![CDATA[vue3 传值]]></title><link>https://blog.csdn.net/W2001r/article/details/130906685</link><guid>https://blog.csdn.net/W2001r/article/details/130906685</guid><author>W2001r</author><pubDate>Sat, 27 May 2023 22:30:08 +0800</pubDate><description><![CDATA[先npm i mitt，然后创建文件夹和文件A、B组件。]]></description><category></category></item><item><title><![CDATA[弹性球炫酷球]]></title><link>https://blog.csdn.net/W2001r/article/details/126336300</link><guid>https://blog.csdn.net/W2001r/article/details/126336300</guid><author>W2001r</author><pubDate>Sun, 14 Aug 2022 21:05:37 +0800</pubDate><description><![CDATA[实战篇]]></description><category></category></item><item><title><![CDATA[环形旋转效果]]></title><link>https://blog.csdn.net/W2001r/article/details/126336223</link><guid>https://blog.csdn.net/W2001r/article/details/126336223</guid><author>W2001r</author><pubDate>Sun, 14 Aug 2022 20:58:21 +0800</pubDate><description><![CDATA[若干张图片绕圈运动，图片自身不旋转。/* 图片相反旋转，保持静止 *//* 顺时针旋转360deg *//* 逆时针旋转360deg */]]></description><category></category></item><item><title><![CDATA[【Html+CSS】3D旋转相册]]></title><link>https://blog.csdn.net/W2001r/article/details/125735694</link><guid>https://blog.csdn.net/W2001r/article/details/125735694</guid><author>W2001r</author><pubDate>Tue, 12 Jul 2022 09:21:37 +0800</pubDate><description><![CDATA[3D旋转木马相册 & 3D盒子相册 因为代码大部分相同，就放一起了
注释一下就是另一个相册]]></description><category></category></item><item><title><![CDATA[CSS经典布局--圣杯布局和双飞翼布局]]></title><link>https://blog.csdn.net/W2001r/article/details/125703959</link><guid>https://blog.csdn.net/W2001r/article/details/125703959</guid><author>W2001r</author><pubDate>Sun, 10 Jul 2022 12:27:59 +0800</pubDate><description><![CDATA[CSS经典布局--圣杯布局和双飞翼布局]]></description><category></category></item><item><title><![CDATA[css 水平+垂直居中]]></title><link>https://blog.csdn.net/W2001r/article/details/124827860</link><guid>https://blog.csdn.net/W2001r/article/details/124827860</guid><author>W2001r</author><pubDate>Tue, 17 May 2022 20:12:25 +0800</pubDate><description><![CDATA[0、body 内容
&lt;body&gt;
    &lt;div class="d1"&gt;
        &lt;div class="d2"&gt;
            &lt;span&gt;222&lt;/span&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/body&gt;

效果都是这幅图

一、BFC &amp; margin
已知父子宽高！！！给父元素 overflow: hidden;（BFC），父子 margin 就不会共用
]]></description><category></category></item><item><title><![CDATA[Vue UI组件库]]></title><link>https://blog.csdn.net/W2001r/article/details/124766415</link><guid>https://blog.csdn.net/W2001r/article/details/124766415</guid><author>W2001r</author><pubDate>Sat, 14 May 2022 12:46:22 +0800</pubDate><description><![CDATA[常用UI 组件库

移动端常用UI组件库：
1.vant
2.Cube UI
3.Mint UI
4.https://nutui.jd.com/#/

PC端常用UI组件库：
1.Element UI
2.IView UI

这里主要介绍 element-ui 的使用
安装：npm i element-ui 
一、全部引入
src/main.js
import ElementUI from 'element-ui'  // 导入全部组件
import 'element-ui/lib/theme-chalk/]]></description><category></category></item><item><title><![CDATA[Vue 路由]]></title><link>https://blog.csdn.net/W2001r/article/details/124748984</link><guid>https://blog.csdn.net/W2001r/article/details/124748984</guid><author>W2001r</author><pubDate>Fri, 13 May 2022 15:57:27 +0800</pubDate><description><![CDATA[一个路由就是一组映射关系（key - value）
key为路径，value为函数或者组件(VueComponents)
路由组件放在 src/pages/ 下，
路由配置放在 src/router/index.js 下
npm i vue-router
import VueRouter from ‘vue-router’
Vue.use(VueRouter)

...]]></description><category></category></item><item><title><![CDATA[Vue CLI(脚手架)]]></title><link>https://blog.csdn.net/W2001r/article/details/124749366</link><guid>https://blog.csdn.net/W2001r/article/details/124749366</guid><author>W2001r</author><pubDate>Fri, 13 May 2022 12:48:12 +0800</pubDate><description><![CDATA[Vue 脚手架是 Vue 官方提供的标准化开发工具

初始化
1.全局安装 npm i @vue/cli -g
2.打开cmd,cd到桌面：输入 vue create vue_test（vue_test是根文件夹名）
3.显示如下，选择Vue2或者Vue3

4.等待完成（打开根目录，如下图），在创建的根目录用vscode打开
vue_test:
.文件目录
├── node_modules 
├── public
│   ├── favicon.ico: 页签图标
│   └── index.html:.]]></description><category></category></item><item><title><![CDATA[vue slot插槽]]></title><link>https://blog.csdn.net/W2001r/article/details/124739461</link><guid>https://blog.csdn.net/W2001r/article/details/124739461</guid><author>W2001r</author><pubDate>Thu, 12 May 2022 21:15:35 +0800</pubDate><description><![CDATA[插槽：样式既可以放入父组件也可以放入子组件
子组件 &gt;&lt;/ 中 插入内容
slot 要插入的位置
配置子组件：components: { Category }
默认插槽
// 父组件 
&lt;category&gt;
      &lt;h2&gt;提示&lt;/h2&gt;
      &lt;h4&gt;slot插入到demo: 当只有一个卡槽且没有name属性时不用slot属性&lt;/h4&gt;
&lt;/category&gt;

// 子组件 category
&lt;slot&]]></description><category></category></item><item><title><![CDATA[vue vuex（数据共享）]]></title><link>https://blog.csdn.net/W2001r/article/details/124738364</link><guid>https://blog.csdn.net/W2001r/article/details/124738364</guid><author>W2001r</author><pubDate>Thu, 12 May 2022 20:34:17 +0800</pubDate><description><![CDATA[一、概念
  应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。

二、vuex工作原理图：


]]></description><category></category></item><item><title><![CDATA[vue 生命周期]]></title><link>https://blog.csdn.net/W2001r/article/details/124737817</link><guid>https://blog.csdn.net/W2001r/article/details/124737817</guid><author>W2001r</author><pubDate>Thu, 12 May 2022 19:46:05 +0800</pubDate><description><![CDATA[生命周期就是指一个对象的生老病死。
在Vue中，生命周期是指Vue实例对象从创建之初到销毁的过程。
在vue的创建，使用，销毁过程中，会有许多事件，这些事件就被统称为生命周期函数，也叫作生命周期钩子。
前八个：
创建、挂载、更新、销毁

beforeCreate: function(){} 可简写 beforeCreate(){}
created
beforeMounte
★ mounted
beforeUpdate
updated
★ beforeDestroy
Destroyed



后三个（不常用）]]></description><category></category></item><item><title><![CDATA[Vue 内置指令]]></title><link>https://blog.csdn.net/W2001r/article/details/124737190</link><guid>https://blog.csdn.net/W2001r/article/details/124737190</guid><author>W2001r</author><pubDate>Thu, 12 May 2022 19:02:54 +0800</pubDate><description><![CDATA[v-bind:

eg:	v-bind:class=“className”
className 不会当作字符串解析，会被当做变量解析


v-model:value

数据双向绑定，一般用于表单元素 input,checkboxselect等
ps: v-model 默认绑定value，可以简写: v-model=“”

&lt;div id="root"&gt;
        &lt;!-- @submit.prevent 提交时默认阻止原事件 --&gt;
        &lt;form @subm]]></description><category></category></item><item><title><![CDATA[原型和原型链]]></title><link>https://blog.csdn.net/W2001r/article/details/124653459</link><guid>https://blog.csdn.net/W2001r/article/details/124653459</guid><author>W2001r</author><pubDate>Sun, 08 May 2022 22:17:39 +0800</pubDate><description><![CDATA[在JavaScript中，每当定义一个函数数据类型(普通函数、类)时候，自带一个prototype属性，这个属性指向函数的原型对象，并且这个属性是一个对象数据类型的值。


每一个对象数据类型(普通的对象、实例、prototype…),自带一个属性__proto__，属性值是当前实例所属类的原型(prototype)。原型对象中有一个属性constructor,
它指向函数对象。


native code 的意思是它是程序自带的，是二进制编译的无法显示出来代码 [native code] ：是 nati.]]></description><category></category></item><item><title><![CDATA[for-in，for-of（含Map）详细演示]]></title><link>https://blog.csdn.net/W2001r/article/details/124542308</link><guid>https://blog.csdn.net/W2001r/article/details/124542308</guid><author>W2001r</author><pubDate>Mon, 02 May 2022 16:56:56 +0800</pubDate><description><![CDATA[一、数组，对象示例

对于字符串： 字符串本质上是字符数组
对于对象数组： 就是数组，里面每个成员都是对象
数组对象：也是同理

let Str = 'ab'
let Arr = ['11', '22']
let Obj = {
    id: 001,
    name: 'aa'
}
let ArrObj = [
    { id: '001', name: 'aaa' },
    { id: '002', name: 'bbb' }
]

二、for-in
// for- in : i 是 inde]]></description><category></category></item><item><title><![CDATA[SASS、LESS 安装使用]]></title><link>https://blog.csdn.net/W2001r/article/details/124510388</link><guid>https://blog.csdn.net/W2001r/article/details/124510388</guid><author>W2001r</author><pubDate>Sat, 30 Apr 2022 11:29:41 +0800</pubDate><description><![CDATA[一：sass安装
1.安装拓展

2.打开setting.json


3.将下面代码插入最外层的 { } 里面，如下图
"liveSassCompile.settings.formats": [
    {
      "format": "compressed", //出口CSS样式 expanded or compressed
      "extensionName": ".css",
      "savePath": "~/../css"  //保存在当前文件的上一级的css文件夹
    }
]]></description><category></category></item><item><title><![CDATA[web开发模式+身份认证]]></title><link>https://blog.csdn.net/W2001r/article/details/123943016</link><guid>https://blog.csdn.net/W2001r/article/details/123943016</guid><author>W2001r</author><pubDate>Tue, 05 Apr 2022 17:32:09 +0800</pubDate><description><![CDATA[一、web开发模式
目前主流的 Web 开发模式有两种，分别是：

1.基于服务端渲染的传统 Web 开发模式：
 概念：服务器发送给客户端的 HTML 页面，是在服务器通过字符串的拼接，动态生成的。因此，客户端不需要使用 Ajax 这样的技术额外请求页面的数据。


2.基于前后端分离的新型 Web 开发模式：
 概念：前后端分离的开发模式，依赖于 Ajax 技术的广泛应用。简而言之，前后端分离的 Web 开发模式，就是后端只负责提供 API 接口，前端使用 Ajax 调用接口的开发模式。

二、身份认证]]></description><category></category></item><item><title><![CDATA[mysql安装及模块使用]]></title><link>https://blog.csdn.net/W2001r/article/details/123937864</link><guid>https://blog.csdn.net/W2001r/article/details/123937864</guid><author>W2001r</author><pubDate>Sun, 03 Apr 2022 16:11:31 +0800</pubDate><description><![CDATA[一、下载MySQL
1.下载MySQL

不登陆，开始下载

2.安装教程
3.基本使用
 （1）登录账户

 （2）建库和表

二、mysql模块
操作mysql数据库(增删改查)
users是一张表，id,username,password是列

查找数据：
select * from userswhere id&gt;2
插入数据：
insert into users(username,password) values ("张三","123")
更新数据：
update users set usern]]></description><category></category></item><item><title><![CDATA[Express:路由，中间件，编写接口]]></title><link>https://blog.csdn.net/W2001r/article/details/123922805</link><guid>https://blog.csdn.net/W2001r/article/details/123922805</guid><author>W2001r</author><pubDate>Sat, 02 Apr 2022 16:46:50 +0800</pubDate><description><![CDATA[一、路由
1.简介
  路由指的是客户端的请求与服务器处理函数之间的映射关系
  Express 中的路由分 3 部分组成：请求的类型、请求的 URL 地址和处理函数
路由格式：app.METHOD(PATH,HANDLER) （例：app.get('/',function(){}) ）

2.模块化使用
将路由抽离为单独模块的步骤如下：
  创建路由模块对应的 .js 文件
  调用 express.Router() 函数创建路由对象
  向路由对象上挂载具体的路由
  使用 export 向外共享路由对]]></description><category></category></item><item><title><![CDATA[Express框架:创建服务器和发布static资源]]></title><link>https://blog.csdn.net/W2001r/article/details/123903396</link><guid>https://blog.csdn.net/W2001r/article/details/123903396</guid><author>W2001r</author><pubDate>Fri, 01 Apr 2022 17:38:45 +0800</pubDate><description><![CDATA[总代码
import express from 'express';//导入 express
const app = express() // 创建 web 服务器

// 监听客户端的 GET 和 POST 请求，并向客户端响应具体的内容
app.get('/', (req, res) =&gt; {
    var aa = { name: '张三', age: 20, gender: '男' }
    // 向客户端响应一个 JSON 对象
    // 调用 express 提供的 res.sen]]></description><category></category></item></channel></rss>