<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Li星辰的博客]]></title><description><![CDATA[热爱生活，更热爱代码！]]></description><link>https://blog.youkuaiyun.com/lilingjun63</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; lilingjun63]]></copyright><item><title><![CDATA[常用数组方法总结]]></title><link>https://blog.youkuaiyun.com/lilingjun63/article/details/118530409</link><guid>https://blog.youkuaiyun.com/lilingjun63/article/details/118530409</guid><author>lilingjun63</author><pubDate>Tue, 06 Jul 2021 21:36:27 +0800</pubDate><description><![CDATA[数组方法总结
1.数组的方法


数组.splice(开始索引,删除个数,添加元素1添加元素2…) 删除,替换,添加 改变原数组
const arr = [1,2,3,4,5]
arr.splice(1,1)  // 删除
console.log(arr) // [1,3,4,5]
arr.splice(1,0,2) // 添加
console.log(arr) // [1,2,3,4,5]
arr.splice(1,1,3) // 替换
console.log(arr) // [1,3,3,4,5]


]]></description><category></category></item><item><title><![CDATA[NProgress 进度条]]></title><link>https://blog.youkuaiyun.com/lilingjun63/article/details/118409917</link><guid>https://blog.youkuaiyun.com/lilingjun63/article/details/118409917</guid><author>lilingjun63</author><pubDate>Fri, 02 Jul 2021 11:51:47 +0800</pubDate><description><![CDATA[NProgress 进度条插件

极简进度条

Github地址:https://github.com/rstacruz/nprogress
1.下载
yarn add nprogress

2.安装
import NProgress from 'nprogress' // 引入一份进度条插件
import 'nprogress/nprogress.css' // 引入进度条样式

5.使用
NProgress.start() // 开启滚动条
NProgress.done() // 结束滚动条


...]]></description><category></category></item><item><title><![CDATA[TypeScrpt初体验]]></title><link>https://blog.youkuaiyun.com/lilingjun63/article/details/118404222</link><guid>https://blog.youkuaiyun.com/lilingjun63/article/details/118404222</guid><author>lilingjun63</author><pubDate>Fri, 02 Jul 2021 08:22:14 +0800</pubDate><description><![CDATA[TypeScrpt初体验
1.什么是TS
TupeScript 是一种由微软开发的自由开源的编程语言,他是JavaScript的一个超集,扩展JavaScript的语法,主要提供了类型系统和对ES6 的支持
TypeScript 的优势


强大的IDE支持: 体现在三个特性上,1.类型检查,在TS中允许腻味变量指定类型.2.语法提示.3.重构


Angular2,Vue3的开发语言


2.安装TypeScript
// 下载TS
npm install -g typescript
// 以上命令会在全]]></description><category></category></item><item><title><![CDATA[Sass的了解和基本使用]]></title><link>https://blog.youkuaiyun.com/lilingjun63/article/details/118336992</link><guid>https://blog.youkuaiyun.com/lilingjun63/article/details/118336992</guid><author>lilingjun63</author><pubDate>Tue, 29 Jun 2021 15:49:24 +0800</pubDate><description><![CDATA[Sass的了解和基本使用

Sass 是 css预处理器

1. vscode中安装easy sass插件

使用easy sass 插件会自动帮我我们把**.scss文件化成.css文件**
2.Sass的基本使用-使用变量
scss使用**$**符号来识别变量
$base-color: #666; // 声明变量

上面我们声明了一个名为**$base-color**的变量,我们可以把该变量用在任何位置
举例
.container {
    background-color: $base-color;]]></description><category></category></item><item><title><![CDATA[封装本地持久化方法]]></title><link>https://blog.youkuaiyun.com/lilingjun63/article/details/118263723</link><guid>https://blog.youkuaiyun.com/lilingjun63/article/details/118263723</guid><author>lilingjun63</author><pubDate>Sun, 27 Jun 2021 07:00:12 +0800</pubDate><description><![CDATA[封装本地持久化方法
现在: localStorage用的好好地的,散落在各个逻辑页面里
隐患: 将来要编程sessionStorage,那又得挨个地方找,修改
解决: 封装本地持久化方法
文件utils下新建storage.js文件
const obj = {
  setItem (key, value) {
    localStorage.setItem(key, value)
  },
  getItem (key) {
    return localStorage.getItem(key)
  }]]></description><category></category></item><item><title><![CDATA[Vue封装自定义指令focus]]></title><link>https://blog.youkuaiyun.com/lilingjun63/article/details/118245172</link><guid>https://blog.youkuaiyun.com/lilingjun63/article/details/118245172</guid><author>lilingjun63</author><pubDate>Sat, 26 Jun 2021 11:44:08 +0800</pubDate><description><![CDATA[Vue封装自定义指令focus
功能: 自动获取输入框焦点
方式: 采用Vue插件开发方式
方式1: 传入对象(带install方法) - 给Vue添加全局的东西(Vue插入插件)
方式2: 传入函数体
代码实现:
第一步:在utils文件夹下新建directives.js文件
import Vue from 'vue'
const obj = {
    install() {
        // Vue.prototype.$属性 = 值
        // 全局自定义指令
        Vue.]]></description><category></category></item><item><title><![CDATA[大数解决方案]]></title><link>https://blog.youkuaiyun.com/lilingjun63/article/details/118094553</link><guid>https://blog.youkuaiyun.com/lilingjun63/article/details/118094553</guid><author>lilingjun63</author><pubDate>Mon, 21 Jun 2021 20:55:56 +0800</pubDate><description><![CDATA[大数解决方案

服务器返回来的值超出了 JavaScript 中最大的 Number 数值,会导致 JS 无法正确的进行数字的处理和运算

解决方案:json-bigint（https://www.npmjs.com/package/json-bigint）


下载json-bigint包
yarn add json-bigint



在request.js中使用,对后台的数据,不要让axios自动转成JS对象,需要用json-bigint转换
import bigInt from 'json-bigi]]></description><category></category></item><item><title><![CDATA[vuex基本使用]]></title><link>https://blog.youkuaiyun.com/lilingjun63/article/details/118094535</link><guid>https://blog.youkuaiyun.com/lilingjun63/article/details/118094535</guid><author>lilingjun63</author><pubDate>Mon, 21 Jun 2021 20:54:30 +0800</pubDate><description><![CDATA[vuex基本使用
vuex核心概念
State、Getters、Mutations、Actions、Modules
代码演示：
const store = new Vuex.Store({
    state: { // 定义全局变量
		变量名：初始值
    },
    mutations: { // "同步"修改state
        // 具体赋值给予state身上变量
        state.变量名 = 具体值
    },
    actions: { // "异步"修改state
 ]]></description><category></category></item><item><title><![CDATA[vuex基础知识]]></title><link>https://blog.youkuaiyun.com/lilingjun63/article/details/118094516</link><guid>https://blog.youkuaiyun.com/lilingjun63/article/details/118094516</guid><author>lilingjun63</author><pubDate>Mon, 21 Jun 2021 20:53:56 +0800</pubDate><description><![CDATA[vue基础知识
1.vuex简介

vuex是什么


Vuex 是一个专为Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化


vuex解决了什么问题

​		随着应用程序规模的扩大，应用程序使用的数据量随之增长，我们会遇到两个非常明显的问题
​		1.如何确保在不同组件中的数据保持同步
​		2.如何确保每次对于数据的修改都是可追踪的


vuex中存什么
一般情况下，只有多个组件均需要共享的数据，才有必要存储在vuex]]></description><category></category></item><item><title><![CDATA[rem解决多屏适配方案]]></title><link>https://blog.youkuaiyun.com/lilingjun63/article/details/118058509</link><guid>https://blog.youkuaiyun.com/lilingjun63/article/details/118058509</guid><author>lilingjun63</author><pubDate>Sat, 19 Jun 2021 20:14:45 +0800</pubDate><description><![CDATA[rem解决多屏适配方案
项目是移动端，所以，它需要去适配不同的手机屏幕。我们希望实现适配的效果是：与屏幕大小相关。以按钮为例：在大屏手机，按钮的宽高都大些，在小屏手机上尺寸小些。
三方模块：


把所有px单位改成rem，用 postcss-pxtorem  来实现，它是一款postcss插件，用于将px自动转化rem。


根据不同的手机屏幕的宽度，来动态设置rem的参考值：html标签上的font-size的大小。用lib-flexible来实现，用于设置 rem 基准值


注意点


它对应的包名不]]></description><category></category></item><item><title><![CDATA[npm、yarn下载包的源地址查看与设置成国内淘宝镜像的地址]]></title><link>https://blog.youkuaiyun.com/lilingjun63/article/details/118052737</link><guid>https://blog.youkuaiyun.com/lilingjun63/article/details/118052737</guid><author>lilingjun63</author><pubDate>Sat, 19 Jun 2021 13:36:27 +0800</pubDate><description><![CDATA[npm、yarn下载包的源地址查看与设置成国内淘宝镜像的地址
1.查询npm，yarn等下载包的源地址
npm config get registry

yarn config get registry

2.设置成国内淘宝镜像的地址（加快下载第三方包的速度，服务器在国内，超快的）
npm config set registry https://registry.npm.taobao.org

yarn config set registry https://registry.npm.taobao.org
]]></description><category></category></item><item><title><![CDATA[axios实战应用]]></title><link>https://blog.youkuaiyun.com/lilingjun63/article/details/118052618</link><guid>https://blog.youkuaiyun.com/lilingjun63/article/details/118052618</guid><author>lilingjun63</author><pubDate>Sat, 19 Jun 2021 13:25:00 +0800</pubDate><description><![CDATA[axios实战应用

基于@vue/cli脚手架开发  项目技术：Vue.js、vuex、 vue-router 、axios

1.下载
# npm 下载
npm i axios
# yarn 下载
yarn add axios

2.实战步骤
第一步：src下新建utils文件夹（utils工具函数库集合）
第二步：utils文件夹下创建request.js文件（二次封装axios请求模块 ）
// 导入axios
import axios from 'axios'
// 第三步的awaiTo技术(包裹]]></description><category></category></item><item><title><![CDATA[NPM包管理工具 nrm]]></title><link>https://blog.youkuaiyun.com/lilingjun63/article/details/117931640</link><guid>https://blog.youkuaiyun.com/lilingjun63/article/details/117931640</guid><author>lilingjun63</author><pubDate>Tue, 15 Jun 2021 19:41:33 +0800</pubDate><description><![CDATA[NPM包管理工具 nrm
1.nrm(npm registry manager) 是npm的镜像源管理工具，有的时候国外资源太慢，使用这个可以快速的在npm源间切换
2.nrm 安装
npm install -g nrm

3.nrm 查看源
nrm ls


4.nrm 切换源
nrm use taobao

5.nrm 源恢复
nrm use npm

6.修改执行策略
以管理员身份运行powershell
set-ExecutionPolicy RemoteSigned
回车输入Y
7.nrm源速度测]]></description><category></category></item><item><title><![CDATA[vue-router基本使用]]></title><link>https://blog.youkuaiyun.com/lilingjun63/article/details/117931480</link><guid>https://blog.youkuaiyun.com/lilingjun63/article/details/117931480</guid><author>lilingjun63</author><pubDate>Tue, 15 Jun 2021 19:29:33 +0800</pubDate><description><![CDATA[vue 路由的基本使用
vue前端路由：路径和组件的映射关系
1.vue-router 基本使用
​	1.1 下载vue-router模块包
npm 安装
npm install vue-router

yarn 安装
yarn add vue-router

​	1.2 引入VueRouter
import VueRouter from 'vue-router'

​	1.3 使用Vue的use方法，全局注册RouterLink和RouterView的两个组件
Vue.use(VueRouter)

​	]]></description><category></category></item></channel></rss>