<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[wushangnb的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/wushangnb</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; wushangnb]]></copyright><item><title><![CDATA[大前端实用性面试题]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/124409631</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/124409631</guid><author>wushangnb</author><pubDate>Mon, 25 Apr 2022 19:39:42 +0800</pubDate><description><![CDATA[1.vue路由在哪儿挂载

在views文件夹下新建Hello.vue文件
	在src/router/index.js文件中挂载Hello.vue
	
	&lt;router-view&gt;&lt;/router-view&gt; 放在哪个位置，路由就在哪个位置加载
	
​​​​​​2.vue生命周期

beforeCreate(创建前)
	created(创建后)
	beforeMount(载入前)
	mounted(载入后)
	beforeUpdate(更新前)
	updated(更新后)
	befo]]></description><category></category></item><item><title><![CDATA[react版 todoList]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/124028125</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/124028125</guid><author>wushangnb</author><pubDate>Thu, 07 Apr 2022 22:43:16 +0800</pubDate><description><![CDATA[文章目录整体结构(组件思想)一、App.js文件配置二、Header.js配置三、Item.js文件配置四、List.js配置五、Todo.js文件配置六、效果展示

整体结构(组件思想)

一、App.js文件配置
import React, { Component } from 'react';
// 导入todo
import Todo from './todo/Todo';
import Life from './Life';
class App extends Component {
  cons]]></description><category></category></item><item><title><![CDATA[JavaScript面试题简解]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/124001847</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/124001847</guid><author>wushangnb</author><pubDate>Wed, 06 Apr 2022 23:09:57 +0800</pubDate><description><![CDATA[1.get 请求传参长度的误区

误区：我们经常说 get 请求参数的大小存在限制，而 post 请求的参数大小是无限制的。
	实际上 HTTP 协议从未规定 GET/POST 的请求长度限制。
	对 get 请求参数的限制 是来源与浏览器或 web 服务器，浏览器或 web 服务器限制了 url 的长度。 HTTP 协议 未规定 GET 和 POST 的长度限制 GET 的最大长度显示是因为 浏览器和 web 服务器限制了 URI 的长度 不同的浏览器和 WEB 服务器，限制的最大长度不一样 要支持 IE]]></description><category></category></item><item><title><![CDATA[百度地图 JavaScript API GL]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123978368</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123978368</guid><author>wushangnb</author><pubDate>Tue, 05 Apr 2022 22:36:18 +0800</pubDate><description><![CDATA[文章目录一、引入二、添加控件三、绘制点线面4.标注信息5.位置检索
一、引入

首先获取秘钥

1.进入百度地图官网：https://lbsyun.baidu.com/
2.注册百度账号
3.首页 --&gt; 控制台 --&gt;  应用管理 --&gt; 我的应用 --&gt; 创建应用（前端应用类型：选择浏览器端） --&gt; 得到ak


引用百度地图API文件:

&lt;script type="text/javascript" src="https://api.map.baidu.com/a]]></description><category></category></item><item><title><![CDATA[react框架入门]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123974008</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123974008</guid><author>wushangnb</author><pubDate>Tue, 05 Apr 2022 21:51:37 +0800</pubDate><description><![CDATA[文章目录一、React简介二、特点三、安装并创建 react 项目1.安装命令2.创建项目3.启动项目二、react 基础语法1.hello world 案例2.文本渲染、html渲染、条件渲染、列表渲染3.添加事件4.组件
一、React简介
用于构建用户界面的 JavaScript 库，就是将数据渲染为HTML视图 的js库。
二、特点

组件思维
单向数据流
虚拟DOM节点

三、安装并创建 react 项目
1.安装命令
npm i create-react-app -g

2.创建项目
creat]]></description><category></category></item><item><title><![CDATA[echarts]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123804987</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123804987</guid><author>wushangnb</author><pubDate>Mon, 28 Mar 2022 21:15:04 +0800</pubDate><description><![CDATA[文章目录echarts简介一、echarts实现步骤1.导入 echarts.min.js二. 初始化三、option（选项）1、title（标题 ）2、 legend（图例 ）3、tooltip（鼠标提示）4、xAxis: //x轴线5、yAxis:{}, //y轴线6、series（系列数据）四、颜色样式控制1、主题2、自定义主题3、调色板
echarts简介
百度开发团队制作，开源交个apache基金管理
制作图表的 javascript库
同类型产品 hightCharts  D3


提示：以下是]]></description><category></category></item><item><title><![CDATA[Less语法快速入手]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123786822</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123786822</guid><author>wushangnb</author><pubDate>Mon, 28 Mar 2022 20:12:50 +0800</pubDate><description><![CDATA[文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结
前言
1、css预处理语言:
less ：https://less.bootcss.com/#%E6%A6%82%E8%A7%88
sass ：
Stylus ：
2、Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档（中文版），包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工]]></description><category></category></item><item><title><![CDATA[vue报错解决]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123696486</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123696486</guid><author>wushangnb</author><pubDate>Wed, 23 Mar 2022 21:31:03 +0800</pubDate><description><![CDATA[1、路径发生错误



Module not found: Error: Can't resolve '../views/admin/AdminVeiw.vue' in 'C:\myel\src\router'，

模块找不到不能 resolve

总结：文件../views/admin/AdminVeiw.vue（文件名/路径发生错误）

2、Error in render: "TypeError: Cannot read property ‘num’ of undefined"

报错： 渲染错误：..]]></description><category></category></item><item><title><![CDATA[typescript浅解]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123647333</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123647333</guid><author>wushangnb</author><pubDate>Mon, 21 Mar 2022 22:03:52 +0800</pubDate><description><![CDATA[typescript（TS）由微软推出的




	 typescript&gt;ES6&gt;javascript
	
	
	 运行的时候，ts 编译成 javascript
	
	
	 静态类型的语言：强类型、遵循ES6、编译器严谨的语法检查
	
	
	 vue、react、angular、小程序都推荐用ts，ts默认文件后缀名.ts
	
Vue3+TS+setup+volar

TS语法格式：

&lt;script lang="ts" setup&gt; &lt;/scr...]]></description><category></category></item><item><title><![CDATA[mockjs]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123646352</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123646352</guid><author>wushangnb</author><pubDate>Mon, 21 Mar 2022 21:43:52 +0800</pubDate><description><![CDATA[提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录一、定义及作用：二、安装及使用1、安装2、使用三、方法

一、定义及作用：

1.拦截ajax
2. 生成伪随机数据

当前端开发 程序员写好了接口文档,没有实现接口文档,先自己造数据，模拟后端，开发前端的功能
等待后端接口做好，和后端联调，更改baseURL实现切换接口服务器。

二、安装及使用
1、安装
npm i mockjs -D
2、使用
1. 定义mock.js文件


2. 在main.js 导入

import ‘.]]></description><category></category></item><item><title><![CDATA[setup（组合api）]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123542144</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123542144</guid><author>wushangnb</author><pubDate>Thu, 17 Mar 2022 11:50:25 +0800</pubDate><description><![CDATA[1、组合api特点

 更加直观，接近原生js
	 按需加载
	 没有this，降低了耦合性，提高了复用性
2、setup()



 相当于created生命周期
	 需要return返回，在模板中使用
3、ref（值类型 响应对象）

 const count = re(5)
	在setup 访问count值，const.value来访问


 可以作为dom引用
         const inp = ref(null)
     ...]]></description><category></category></item><item><title><![CDATA[Vue3语法及重点知识必备]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123519127</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123519127</guid><author>wushangnb</author><pubDate>Wed, 16 Mar 2022 16:11:58 +0800</pubDate><description><![CDATA[1、8个vue内置指令

{{变量名}}
	v-text 文本
	v-html 可以识别html 标签
	v-if
	v-show
	v-else-if
	v-else
	v-for
	v-bind
	v-on
2、vue内置组件

&lt;template&gt;&lt;/template&gt; 模板
	&lt;slot&gt;&lt;/slot&gt; 插槽
	&lt;transition&gt;&lt;/transition&gt; 过渡
	&lt;transition-group&gt; ...]]></description><category></category></item><item><title><![CDATA[Vue3组件与动画]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123239611</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123239611</guid><author>wushangnb</author><pubDate>Wed, 02 Mar 2022 21:42:06 +0800</pubDate><description><![CDATA[文章目录一、组件二、动画
一、组件
组件是可复用的 Vue 实例，且带有一个名字
因为组件是可复用的 Vue 实例，所以它们和Vue接收相同的选项，例如 data 、 computed 、 watch 、 methods 以及生命周期钩子等。
1.通过 app.component 来创建组件

注册组件

Vue.createApp({
        // 注册组件
        components: {
            steper
        },
        data() {
 ]]></description><category></category></item><item><title><![CDATA[Vue3基础语法]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123190027</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123190027</guid><author>wushangnb</author><pubDate>Mon, 28 Feb 2022 20:22:03 +0800</pubDate><description><![CDATA[文章目录一、内置指令1.文本渲染2.属性渲染3.条件渲染4.列表渲染5.事件二、自定义指令三、计算与监听1.计算 computed2监听 watch
一、内置指令
内置指令 v- 开头的特殊属性 ，联系html模板与JavaScript数据模型
1.文本渲染

v-text
v-html
{{msg}} 	 只能写一行表达式，不能写复杂js

2.属性渲染

v-bind :属性名=“值”
缩写
：属性名=“值”

3.条件渲染


v-if 隐藏式移除节点


v-else if


v-else


v]]></description><category></category></item><item><title><![CDATA[阿里前端面试题分析简解]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123189575</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123189575</guid><author>wushangnb</author><pubDate>Mon, 28 Feb 2022 19:29:48 +0800</pubDate><description><![CDATA[1. 说一下 http 和 https

https 加密，http明文； https端口443 http端口80

2. tcp 三次握手，一句话概括

第一次握手：服务端只可以确认自己可以接受客户端发送的报文段
第 二次握手：客户端 可以确认 服务端 收到了自己发送的报文段，并且可以确认自己可以接受  服 务端发送的报文段
第三次握手：服务端可以确认客户端收到了自己发送的报文段

3. ? TCP 和 UDP 的区别

1.）TCP 是面向连接的，UDP是无连接的即发送数据前不需要先建立...]]></description><category></category></item><item><title><![CDATA[todoList Vue3精简版]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123183833</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123183833</guid><author>wushangnb</author><pubDate>Mon, 28 Feb 2022 15:39:33 +0800</pubDate><description><![CDATA[html部分
 &lt;div class="app"&gt;
        &lt;h2&gt;计划清单&lt;/h2&gt;
        &lt;input class="plan_insert" type="text" placeholder="请输入你的计划" @keyup.enter="addItem" v-model.trim="temp"&gt;
        &lt;h3&gt;
            未完成
            &lt;span&gt;({{undoList.]]></description><category></category></item><item><title><![CDATA[PS简单操作快捷键，上手快]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123145249</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123145249</guid><author>wushangnb</author><pubDate>Sat, 26 Feb 2022 09:26:59 +0800</pubDate><description><![CDATA[1.新建：Ctrl + N
2.打开：Ctrl+ O
3.存储：Ctrl+ S
4.存储为：Ctrl+ shift+ S
5.填充前景色：alt+delete
6.填充背景色：ctrl+delete
7.去掉选框: Ctrl+ d
8.按住 shift键画矩形或者圆形选框，是正方形或者正圆
9.反选：Ctrl+shfit+I
10.标尺：ctrl+r
11.图层编组：Ctrl+g
12.原位复制：Ctrl+j
13.相加:shift
14.相减 :alt
15.相交：shift+alt
16.图层合并：Ct]]></description><category></category></item><item><title><![CDATA[带你体验Vue3的世界]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123119961</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123119961</guid><author>wushangnb</author><pubDate>Thu, 24 Feb 2022 20:52:05 +0800</pubDate><description><![CDATA[文章目录一、前端框架概述二、安装(页面引入）三、实例化简写三、内置指令内置指令 v- 开头的特殊属性 ，联系html模板与JavaScript数据模型1.文本渲染2.属性渲染3.条件渲染4.列表渲染

一、前端框架概述

构建用户界面的渐进式JavaScript框架
前端框架


Vue  尤雨溪
React Facebook脸书
angular Google
jQuery

二、安装(页面引入）

离线

&lt;script src="url"&gt;&lt;/script&gt;


在线

&lt;]]></description><category></category></item><item><title><![CDATA[ES6语法进阶]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123098543</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123098543</guid><author>wushangnb</author><pubDate>Wed, 23 Feb 2022 21:03:14 +0800</pubDate><description><![CDATA[一、Promise
定义：
执行异步任务
避免回调地狱
实例：
 var p = new Promise((resolve, reject) =&gt; {
        setInterval(() =&gt; {
            var n = Math.random();
            if (n &gt; .5) {
                resolve("明天一起去爬山");
            } else {
                reject("不]]></description><category></category></item><item><title><![CDATA[ES6进阶]]></title><link>https://blog.youkuaiyun.com/wushangnb/article/details/123077327</link><guid>https://blog.youkuaiyun.com/wushangnb/article/details/123077327</guid><author>wushangnb</author><pubDate>Tue, 22 Feb 2022 21:28:56 +0800</pubDate><description><![CDATA[类




	特点
	
用class 声明 本质 是 function
	constructor 构造
	 extends 继承
	 new 实例化
	 类名建议 大写开头

	实例
	


模块化


 &lt; script type = "module"&gt;


	导出
	
   1. 导出一个 export{name}
   2. 导出多个 export {name,fun}
   3.导出默认 export default Cat


	导...]]></description><category></category></item></channel></rss>