<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ButOff的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ButOff</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ButOff]]></copyright><item><title><![CDATA[微信小程序入门]]></title><link>https://blog.youkuaiyun.com/ButOff/article/details/124240030</link><guid>https://blog.youkuaiyun.com/ButOff/article/details/124240030</guid><author>ButOff</author><pubDate>Mon, 18 Apr 2022 00:52:50 +0800</pubDate><description><![CDATA[小程序注册

注册小程序帐号

在微信公众平台官网首页（mp.weixin.qq.com）点击右上角的“立即注册”按钮。



选择注册的帐号类型

选择“小程序”，点击“查看类型区别”可查看不同类型帐号的区别和优势。

填写邮箱和密码

请填写未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱。

激活邮箱

登录邮箱，查收激活邮件，点击激活链接。

填写主体信息

点击激活链接后，继续下一步的注册流程。请选择主体类型选择，完善主体信息和管理员信息。

选择主体类型



完善小程序信息

完成注册后]]></description><category></category></item><item><title><![CDATA[react路由]]></title><link>https://blog.youkuaiyun.com/ButOff/article/details/124057808</link><guid>https://blog.youkuaiyun.com/ButOff/article/details/124057808</guid><author>ButOff</author><pubDate>Sat, 09 Apr 2022 11:28:51 +0800</pubDate><description><![CDATA[react 路由

一、 react路由的基本使用

安装react-router-dom，在入口文件index.js中引入HasRouter组件，并将要使用的到路由的组件进行包裹
	在子组件中引入Link，Route
	Link用来配置路由的跳转路径
	to属性设置跳转的路由地址
	
	Route用来设置展示的组件
	component用于设置匹配的路径展示的组件
		path设置匹配的路径
		exact 属性用于让Router中的path与Link中的to完全匹配
	
Switch标签的作用是将包裹在]]></description><category></category></item><item><title><![CDATA[react学习]]></title><link>https://blog.youkuaiyun.com/ButOff/article/details/123965052</link><guid>https://blog.youkuaiyun.com/ButOff/article/details/123965052</guid><author>ButOff</author><pubDate>Tue, 05 Apr 2022 10:25:20 +0800</pubDate><description><![CDATA[React 是什么？

React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。

React 中拥有多种不同类型的组件，我们先从React.Component的子类开始介绍：


class ShoppingList extends React.Component {
  render() {
    return (
      &lt;div className="sh..]]></description><category></category></item><item><title><![CDATA[百度地图开发者使用教程]]></title><link>https://blog.youkuaiyun.com/ButOff/article/details/123900932</link><guid>https://blog.youkuaiyun.com/ButOff/article/details/123900932</guid><author>ButOff</author><pubDate>Fri, 01 Apr 2022 16:28:44 +0800</pubDate><description><![CDATA[目录

1、申请百度账号和ak

2、准备页面

3、添加meta标签 方便在移动平台上展示

4、引用百度地图API文件

5、创建地图容器元素 设置容器样式 大小

6、创建地图实例

7、设置中心点坐标

8、地图初始化，同时设置地图展示级别

9、开启鼠标滚轮缩放

10、设置地图的旋转角度和倾斜角度

11、变更地图类型为地球

12、声明控件并添加到地图中

13、向地图中添加标注

14、监听标注事件

15、添加折线

16、添加多边形

17、向地图中添加文本标注

18、修改文本标注样式]]></description><category></category></item><item><title><![CDATA[echarts]]></title><link>https://blog.youkuaiyun.com/ButOff/article/details/123809611</link><guid>https://blog.youkuaiyun.com/ButOff/article/details/123809611</guid><author>ButOff</author><pubDate>Mon, 28 Mar 2022 23:35:07 +0800</pubDate><description><![CDATA[引入 Apache ECharts

在刚才保存echarts.js的目录新建一个index.html文件，内容如下：


&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;!-- 引入刚刚下载的 ECharts 文件 --&gt;
    &lt;script src="echarts.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
...]]></description><category></category></item><item><title><![CDATA[vue常见错误及解决办法]]></title><link>https://blog.youkuaiyun.com/ButOff/article/details/123694579</link><guid>https://blog.youkuaiyun.com/ButOff/article/details/123694579</guid><author>ButOff</author><pubDate>Wed, 23 Mar 2022 19:59:35 +0800</pubDate><description><![CDATA[1、在配置路由并引入组件后，报错：

　　　　Unknown custom element: &lt;router-link&gt; - did you register the component correctly? For recursive components, make sure to provide the "name" option.

　　错误原因：vue-router没有注册

　　解决办法：

　　　　//注册插件 *****************非常重要，不能忘记

　　　　Vue]]></description><category></category></item><item><title><![CDATA[5分钟上手TypeScript]]></title><link>https://blog.youkuaiyun.com/ButOff/article/details/123646788</link><guid>https://blog.youkuaiyun.com/ButOff/article/details/123646788</guid><author>ButOff</author><pubDate>Mon, 21 Mar 2022 21:36:37 +0800</pubDate><description><![CDATA[安装TypeScript

有两种主要的方式来获取TypeScript工具：

通过npm（Node.js包管理器）
	安装Visual Studio的TypeScript插件
Visual Studio 2017和Visual Studio 2015 Update 3默认包含了TypeScript。 如果你的Visual Studio还没有安装TypeScript，你可以下载它。

针对使用npm的用户：


&gt; npm install -g typescript


构建你的第一个TypeScri]]></description><category></category></item><item><title><![CDATA[Mockjs]]></title><link>https://blog.youkuaiyun.com/ButOff/article/details/123646615</link><guid>https://blog.youkuaiyun.com/ButOff/article/details/123646615</guid><author>ButOff</author><pubDate>Mon, 21 Mar 2022 21:24:45 +0800</pubDate><description><![CDATA[开始 &amp; 安装

Node (CommonJS)


# 安装
npm install mockjs


// 使用 Mock
var Mock = require('mockjs')
var data = Mock.mock({
    // 属性 list 的值是一个数组，其中含有 1 到 10 个元素
    'list|1-10': [{
        // 属性 id 是一个自增数，起始值为 1，每次增 1
        'id|+1': 1
    }]
})
// 输出结果
con]]></description><category></category></item><item><title><![CDATA[Vue3.0路由]]></title><link>https://blog.youkuaiyun.com/ButOff/article/details/123286043</link><guid>https://blog.youkuaiyun.com/ButOff/article/details/123286043</guid><author>ButOff</author><pubDate>Fri, 04 Mar 2022 21:51:16 +0800</pubDate><description><![CDATA[入门

用 Vue + Vue Router 创建单页应用非常简单：通过 Vue.js，我们已经用组件组成了我们的应用。当加入 Vue Router 时，我们需要做的就是将我们的组件映射到路由上，让 Vue Router 知道在哪里渲染它们。下面是一个基本的例子：

HTML


&lt;script src="https://unpkg.com/vue@3"&gt;&lt;/script&gt;
&lt;script src="https://unpkg.com/vue-router@4"&gt;&lt;]]></description><category></category></item><item><title><![CDATA[vue3.0知识点学习]]></title><link>https://blog.youkuaiyun.com/ButOff/article/details/123239523</link><guid>https://blog.youkuaiyun.com/ButOff/article/details/123239523</guid><author>ButOff</author><pubDate>Wed, 02 Mar 2022 20:51:03 +0800</pubDate><description><![CDATA[组件components

全局组件

app.component 来创建组件：

const app = Vue.createApp({ 

})

app.component("btn",{

 template:`&lt;button @click="n++"&gt;{{n}}&lt;/button&gt;`,

 data(){return {n:1}}

})

app.mount("#app")

局部组件



定义组件

const step = {

 template:`&lt;...]]></description><category></category></item><item><title><![CDATA[Vue3.0必学知识点]]></title><link>https://blog.youkuaiyun.com/ButOff/article/details/123190029</link><guid>https://blog.youkuaiyun.com/ButOff/article/details/123190029</guid><author>ButOff</author><pubDate>Mon, 28 Feb 2022 20:00:45 +0800</pubDate><description><![CDATA[计算computed

一、为什么要使用计算属性

什么是计算属性



计算属性：可以理解为能够在里面写一些计算逻辑的属性。具有如下的作用：

减少模板中的计算逻辑。
	数据缓存。当我们的数据没有变化的时候，不会再次执行计算的过程。
	依赖固定的数据类型（响应式数据），不能是普通的传入的一个全局数据。
在数据量比较大的时候，计算属性可以帮助我们提高性能，因为计算属性只会在数据变化的时候才会计算。

computed: { 

 fstudents(){

 return th...]]></description><category></category></item><item><title><![CDATA[学vue必需知道的知识点]]></title><link>https://blog.youkuaiyun.com/ButOff/article/details/123120288</link><guid>https://blog.youkuaiyun.com/ButOff/article/details/123120288</guid><author>ButOff</author><pubDate>Thu, 24 Feb 2022 21:10:06 +0800</pubDate><description><![CDATA[目录

什么是Vue：

createApp 函数创建一个新的应用实例

Vue模板语法-文本渲染

v-html指令

指令参数

条件渲染

v-show

v-show和v-if的区别

v-for

key

v-for与v-if一起

监听事件







什么是Vue：

“vue是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架；Vue所关注的核心是MVC模式中的视图层，同时，它也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。”.]]></description><category></category></item><item><title><![CDATA[ES6总结（3）]]></title><link>https://blog.youkuaiyun.com/ButOff/article/details/123098134</link><guid>https://blog.youkuaiyun.com/ButOff/article/details/123098134</guid><author>ButOff</author><pubDate>Wed, 23 Feb 2022 20:18:20 +0800</pubDate><description><![CDATA[asyc与await



async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。

async 函数中可能会有 await 表达式，async 函数执行时，如果遇到 await 就会先暂停执行 ，等到触发的异步操作完成后，恢复 async 函数的执行并返回解析值。

await 关键字仅在 async function 中有效。如果在 async function 函数体外使用 await ，你只会得到一个语法错误

async function helloAsync(){]]></description><category></category></item><item><title><![CDATA[ES6总结（2）]]></title><link>https://blog.youkuaiyun.com/ButOff/article/details/123077326</link><guid>https://blog.youkuaiyun.com/ButOff/article/details/123077326</guid><author>ButOff</author><pubDate>Tue, 22 Feb 2022 21:17:11 +0800</pubDate><description><![CDATA[类



ES6 中有 class 语法。值得注意是，这里的 class 不是新的对象继承模型，它只是原型链的语法糖表现形式。

函数中使用 static 关键词定义构造函数的的方法和属性：

class Animal {

 constructor(color,age){

 this.color = color;

 this.age = age;

 }

 yeil(){

 alert("我大声咆哮")...]]></description><category></category></item><item><title><![CDATA[ES6笔记总结（1）]]></title><link>https://blog.youkuaiyun.com/ButOff/article/details/123055019</link><guid>https://blog.youkuaiyun.com/ButOff/article/details/123055019</guid><author>ButOff</author><pubDate>Mon, 21 Feb 2022 20:44:44 +0800</pubDate><description><![CDATA[PART 01

ES6概述：

ECMAScript 6 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。
...]]></description><category></category></item></channel></rss>