<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[HUSBANDL的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/HUSBANDL</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; HUSBANDL]]></copyright><item><title><![CDATA[在HBuilder中把本地图片上传到阿里云的云存储当中]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/140327110</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/140327110</guid><author>HUSBANDL</author><pubDate>Wed, 10 Jul 2024 16:17:50 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[微信小程序·发包优化]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/140161698</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/140161698</guid><author>HUSBANDL</author><pubDate>Wed, 03 Jul 2024 20:42:29 +0800</pubDate><description><![CDATA[链接地址：https://uniapp.dcloud.net.cn/collocation/manifest.html#%E5%85%B3%E4%BA%8E%E5%88%86%E5%8C%85%E4%BC%98%E5%8C%96%E7%9A%84%E8%AF%B4%E6%98%8E复制路径：https://uniapp.dcloud.net.cn/collocation/pages.html#subpackages复制路径链接：https://uniapp.dcloud.net.cn/collocation]]></description><category></category></item><item><title><![CDATA[微信小程序·简单MAP地图]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/140160560</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/140160560</guid><author>HUSBANDL</author><pubDate>Wed, 03 Jul 2024 20:08:59 +0800</pubDate><description><![CDATA[到此，简单版微信小程序地图已完成。]]></description><category></category></item><item><title><![CDATA[父子组件传参]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/140060840</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/140060840</guid><author>HUSBANDL</author><pubDate>Sat, 29 Jun 2024 11:08:52 +0800</pubDate><description><![CDATA[子组件通过在emit自定义事件来向父组件传值。父组件通过实现子组件的自定义方法来接受。父组件通过动态属性向子组件传值，第一个参数自定义事件名。第二个参数要传的值。子组件通过props来接收。emit有两个参数。]]></description><category></category></item><item><title><![CDATA[Vuex基础知识]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/123349143</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/123349143</guid><author>HUSBANDL</author><pubDate>Tue, 08 Mar 2022 11:21:50 +0800</pubDate><description><![CDATA[一、vuex基础语法

1.1简介

Vuex 是一个专为 Vue.js 应用程序开发的状态(数据)管理模式。

简单来说就是方便管理管理组件之间的数据共享，原来我们那种父传子、子传父、兄弟组件传值的方式在小型项目中还能应付过来，如果是项目比较复杂，还是建议使用vuex使用数据共享。

1.2基础使用步骤

vuex的使用步骤如下：

安装vuex

npm install vuex --save


导入vuex

import Vuex from 'vuex'
Vue.use(Vuex)


创建sto]]></description><category></category></item><item><title><![CDATA[Vue项目开发实战知识点]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/123239061</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/123239061</guid><author>HUSBANDL</author><pubDate>Wed, 02 Mar 2022 20:11:47 +0800</pubDate><description><![CDATA[1、前端三大框架：Angular.js、React.js、Vue.js。其中vue.js框架更加容易上手、灵活度更高。

2、项目的技术栈选型：安装Node环境；包管理工具NPM是伴随Node安装的；Vue-cil的安装以及初始化vue项目；与Vue框架搭配使用的UI框架选择iView框架；页面路由选择使用vue-router插件完成；数据共享使用VueX；选择使用ECMAScript6语法编写javaScript；选择官方推荐的axios插件来发送异步请求；后台数据通过Mook数据模拟。

3、Node.]]></description><category></category></item><item><title><![CDATA[基础的vue项目]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/122826705</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/122826705</guid><author>HUSBANDL</author><pubDate>Tue, 08 Feb 2022 16:43:09 +0800</pubDate><description><![CDATA[登录功能

创建分支 git checkout -b login(login是新建分支名)
	git branch 是查看所有的分支 带*号的是你目前所在的分支名
	element-ui实现登录页面
	开发依赖中安装less-loader和less,注意重新启动项目才会生效
	src/assets/css下面添加全局css样式配置
	main.js把全局css样式文件导入
2.1 Login实现基本布局

src/components/Login.vue代码如下：

&lt;!-- 登录页面 --&gt;
]]></description><category></category></item><item><title><![CDATA[写vue项目的开始工作]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/122826621</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/122826621</guid><author>HUSBANDL</author><pubDate>Tue, 08 Feb 2022 16:32:29 +0800</pubDate><description><![CDATA[一、项目初始化

每个vue的前端项目都要进行如下操作：

安装vuecli脚手架（只需要初始化1次）
	vue create xx创建vue项目
	配置的实现选择路由
	配置安装element-ui
	安装axios,方便请求后端接口
	初始化git本地仓库
	把本地仓库代码推送到远程服务器（可以选择github或者码云）
步骤截图演示：

第一步：1.1 通过vue-ui创建vue项目（此项包含路由）

桌面新建plus文件夹，使用vscode打开，打开命令行工具，运行vue-ui，打开界面化的管理平台]]></description><category></category></item><item><title><![CDATA[创建脚手架]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/122826498</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/122826498</guid><author>HUSBANDL</author><pubDate>Tue, 08 Feb 2022 16:30:05 +0800</pubDate><description><![CDATA[一、vue脚手架

1.1简介

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。

官网地址

1.2命令行操作步骤

npm install -g @vue/cli 安装3.x版本的vue脚手架
	vue -V 测试是否安装成功
	vue create 项目名 （注意不要用中文和特殊字符）
	cd 项目名
	npm run serve
从vue create my-project为例展示截图

这是选择手动安装项目功能





选择vue的版本













最后cd到你]]></description><category></category></item><item><title><![CDATA[前端工程化]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/122826303</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/122826303</guid><author>HUSBANDL</author><pubDate>Tue, 08 Feb 2022 16:21:42 +0800</pubDate><description><![CDATA[一、webpack

1.1简介

webpack官网

webpack是一个流行的前端项目构建工具（打包工具），因为我们目前web开发会有下面几个问题：

文件之间互相依赖关系复杂
	浏览器对于Es6的模块化支持不是很友好
	浏览器对于js的新语法特性兼容性也不是很好
webpack可以解决上述问题。

1.2 npm补充

两者都会安装到项目文件夹下的node_modules文件夹下

npm install xx -D
	即写入devDependencies对象（里面的插件只用于开发环境，不用于生产环]]></description><category></category></item><item><title><![CDATA[Vue路由]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/122826211</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/122826211</guid><author>HUSBANDL</author><pubDate>Tue, 08 Feb 2022 16:18:32 +0800</pubDate><description><![CDATA[一、vueRouter

1.1 简介

Vue Routr 是 Vue.js (opens new window) 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。

CDN地址：


https://unpkg.com/vue-router/dist/vue-router.js


路由分为前端路由和后端路由。

后端路由：根据前端请求的URL不同，返回不同的资源内容。
	比如：

app.get('/list',(req,res)=&gt;{
  res.sen..]]></description><category></category></item><item><title><![CDATA[promise用法]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/122825870</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/122825870</guid><author>HUSBANDL</author><pubDate>Tue, 08 Feb 2022 16:15:42 +0800</pubDate><description><![CDATA[接口调用方式

我们都知道一般我们前台获取的数据都是从后台获取的，我们一般采用下面几种方式调取后台接口数据：

原生js的AJAX
	jquery封装的AJAX(偏向于操作DOM,不适用于vue)
	fetch
	axios
promise

创建后端接口

我们先用node创建本地服务,代码如下：

npm init -y
	npm install express@4.17.1
	npm install cors

const express = require("express");
const app]]></description><category></category></item><item><title><![CDATA[Vue组件以及传值]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/122825570</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/122825570</guid><author>HUSBANDL</author><pubDate>Tue, 08 Feb 2022 16:02:29 +0800</pubDate><description><![CDATA[组件化

简介：

组件（component）是vue.js最强大的功能之一。组件的作用就是封装可重用的代码，通常一个组件就是一个功能体，便于在多个地方都能够调用这个功能体。
每个组件都是Vue的实例对象。
我们实例化的Vue对象就是一个组件，而且是所有组件的根组件

全局注册组件和局部注册组件

全局注意点：

组件中的data是一个函数，不是对象
	组件中必须有一个唯一的根元素
	模板中内容较多时候建议使用模板字符串
局部注意点：

局部注册的子组件只能在注册过的父组件中使用
	components是注]]></description><category></category></item><item><title><![CDATA[微信小程序基础知识]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/122500164</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/122500164</guid><author>HUSBANDL</author><pubDate>Fri, 14 Jan 2022 19:27:31 +0800</pubDate><description><![CDATA[一、简介

微信小程序是张小龙所带领的腾讯广州研发中心产品团队打造，2017年才发布。

微信小程序特点：

无需安装和卸载
	制作成本低
	内存小、运行快,操作便利快捷
	容易部署,具有丰富的延展性
微信小程序打开的方式：通过微信搜索小程序、通过好友的分享、还有通过小程序的链接打开。

二、注册和下载小程序

微信小程序官网

注意事项：

首先要记住自己的appid 自己写项目时要用到
	自己写练习项目时，建项目时尽量选择不使用云服务
	下载时，尽量选择稳定版的
	每个页面设置一个文件夹，里面有wxml]]></description><category></category></item><item><title><![CDATA[Vue 基础知识]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/121863704</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/121863704</guid><author>HUSBANDL</author><pubDate>Sat, 11 Dec 2021 09:51:59 +0800</pubDate><description><![CDATA[简介

vue的优势：轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。vue是单页面应用，使页面局部刷新，不用每次跳转页面都要请求所有数据和dom

vue模板


 &lt;script src="vue.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id="app"&gt;{{ name }}&lt;/div&gt;
    &lt;script&gt;
      var vue]]></description><category></category></item><item><title><![CDATA[Git管理系统基础知识]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/121786256</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/121786256</guid><author>HUSBANDL</author><pubDate>Wed, 08 Dec 2021 11:29:49 +0800</pubDate><description><![CDATA[介绍：

git是可以帮我们自动合并代码，小组分工协作的工具

下载

git-scm.com

设置信息

git config --global user.name "姓名"

git config --global user.email "邮箱名"

初始化仓库

git init 会出现一个 .git 的隐藏文件 用来初始化一个仓库，文件夹内的所有修改都会被记录

提交暂存区/提交保存

git add 文件名

. 点代表所有被修改的代码

git status 查看提交的状态 绿色是要被提交的，]]></description><category></category></item><item><title><![CDATA[NodeJS基础知识（里面的代码仅供参考）]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/121529569</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/121529569</guid><author>HUSBANDL</author><pubDate>Tue, 30 Nov 2021 19:31:44 +0800</pubDate><description><![CDATA[一、Nodejs简介

1、初识NodeJS

NodeJS是基于Chrome V8引擎的javascript运行环境。

2、模块

NodeJS中有很多内置API模块：fs、path、http、js内置对象、querystring、etc；不包含DOM和BOM无法操作。

3、学会NodeJS都能做什么？

1、可以基于Node的express框架做web应用开发

2、可以基于Electron框架，可以构建跨平台的桌面应用

3、可以基于restify框架。可以实行接口开发

4、可以对数据库操作..]]></description><category></category></item><item><title><![CDATA[ES6语法]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/121444244</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/121444244</guid><author>HUSBANDL</author><pubDate>Sat, 20 Nov 2021 19:35:16 +0800</pubDate><description><![CDATA[ES6是：ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现。

一、let和const

1、let与var的区别

let有块级作用域 {}，也就是说变量只能在{}里面起作用；var 声明的变量是函数作用作用域

let没有变量提升，var声明的变量可以提前调用；let不能提前使用

2、const声明的变量里面的内容不能更改

二、解构赋值

1、数组结构


let arr=[11,22,33,44];
let [a,b,c,d] = arr;
cons]]></description><category></category></item><item><title><![CDATA[写移动端时所需要的知识]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/121378592</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/121378592</guid><author>HUSBANDL</author><pubDate>Wed, 17 Nov 2021 19:09:47 +0800</pubDate><description><![CDATA[文章目录


前言
	一、​ 写移动端所具备的基础知识：伸缩布局 ​
	二、rem和px之间的转换和方式、媒体查询
	1.rem和em
		2.less
		3、less的使用
		4、rem的适配
		5、媒体查询
	
	三、响应式布局
	总结




前言

随着前端行业的发展，现在在市场上写手机端移动端的情况比较多

提示：以下是本篇文章正文内容，下面案例可供参考

1、写移动端所具备的基础知识：伸缩布局

写移动端伸缩布局的知识是必须掌握的，总结来说：就是通过给父盒子添加flex属性，来控制子盒子.]]></description><category></category></item><item><title><![CDATA[JavaScript 中的条件语句和循环语句基础知识]]></title><link>https://blog.youkuaiyun.com/HUSBANDL/article/details/120372689</link><guid>https://blog.youkuaiyun.com/HUSBANDL/article/details/120372689</guid><author>HUSBANDL</author><pubDate>Sat, 18 Sep 2021 19:15:44 +0800</pubDate><description><![CDATA[]]></description><category></category></item></channel></rss>