<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[往事不回头,余生不将就]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/handsomezhanghui</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; handsomezhanghui]]></copyright><item><title><![CDATA[Ant Design Vue 组件引入神奇操作]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/116270153</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/116270153</guid><author>handsomezhanghui</author><pubDate>Thu, 29 Apr 2021 15:33:08 +0800</pubDate><description><![CDATA[开门见山
在使用Ant Design Vue 组件的时候，一般来说按需引入需要，每个组件单独引入

单独use 看起来很丑 也很麻烦 这里呢提供了一个新的操作

代码演示
/**
 * 该文件是为了按需加载，剔除掉了一些不需要的框架组件。
 * 减少了编译支持库包大小
 *
 * 当需要更多组件依赖时，在该文件加入即可
 */
import Vue from 'vue'
import {
  ConfigProvider,
  Layout,
  Input,
  InputNumber,
  Butto.]]></description><category></category></item><item><title><![CDATA[Gitlab项目的创建，用户组分配，项目的克隆提交]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/116064192</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/116064192</guid><author>handsomezhanghui</author><pubDate>Fri, 23 Apr 2021 17:59:12 +0800</pubDate><description><![CDATA[开门见山
首先登陆gitlab，地址是ip+端口。点击register注册。填入用户名。邮箱可以随便填写，

不需要验证。这样我们为我们的项目组的一个成员注册了一个账号，

后期将把这个账户分配给辰风，用于克隆项目，提交代码，等一系列操作

1.注册

注册成功后就要创建项目，这时用root登录gitlab并创建项目，点击create a project


创建完项目后点击左侧的seetings--&gt;members。select members to invite 是选择要邀请的成员。

把che.]]></description><category></category></item><item><title><![CDATA[Gitlab的安装]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/116060605</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/116060605</guid><author>handsomezhanghui</author><pubDate>Fri, 23 Apr 2021 16:39:20 +0800</pubDate><description><![CDATA[开门见山
Gitlab拥有与github相似的功能。在本地服务器搭建gitlab后，可以将代码托管到服务器的仓库上。通过使用git小乌龟，

就可以实现代码的克隆和拉取。通过为不同人员分配账号密码，就可以让项目组成员合作开发新项目。

准备工作：安装VMware Workstation Pro虚拟机。下载镜像文件centos6或者centos7，6,和7的命令是不一样的，

建议下载centos7.比较新。然后安装。虚拟机的内存必须保证至少4G，低于2G无法安装gitlab。

一、安装gitlab
1..]]></description><category></category></item><item><title><![CDATA[Element-ui 组件全局引入简写]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/115753782</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/115753782</guid><author>handsomezhanghui</author><pubDate>Fri, 16 Apr 2021 12:06:29 +0800</pubDate><description><![CDATA[简介
element-ui项目开发过程中，需要在main.js中，需要引用element-ui中的组件

引用一个写一个 这样看起来很丑也很恶心，看起来很烦，这里呢给大家带来一个新鲜的套路

上代码
import {
  Button,
  Select,
  Aside,
  Main,
  Container,
  Header,
  Menu,
  MenuItem,
  MenuItemGroup,
  Submenu,
  Breadcrumb,
  BreadcrumbItem,
  Drop.]]></description><category></category></item><item><title><![CDATA[2021年4月1日北京丰升科技有限公司前端笔试复盘]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/115398187</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/115398187</guid><author>handsomezhanghui</author><pubDate>Fri, 02 Apr 2021 14:53:44 +0800</pubDate><description><![CDATA[本篇文章主要是面试复盘仅供大家参考
1.什么是跨域 怎么解决跨域
跨域：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，

是浏览器对javascript施加的安全限制。例如：a页面想获取b页面资源，

如果a、b页面的协议、域名、端口、子域名不同，所进行的访问行动都是跨域的，

而浏览器为了安全问题一般都限制了跨域访问，也就是不允许跨域请求资源。

注意：跨域限制访问，其实是浏览器的限制。

理解这一点很重要 同源策略：是指协议，域名，端口都要相同，其中有一个不同都会产生跨域；

解决.]]></description><category></category></item><item><title><![CDATA[vue项目封装axios]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/115184279</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/115184279</guid><author>handsomezhanghui</author><pubDate>Wed, 24 Mar 2021 18:56:27 +0800</pubDate><description><![CDATA[开门见山
本篇文章主要是vue项目封装axios，希望可以帮助到大家

代码演示
import axios from "axios";

//环境的切换;
if (process.env.NODE_ENV === "development") {
  axios.defaults.baseURL = "";
} else if (process.env.NODE_ENV === "debug") {
  axios.defaults.baseURL = "";
} else if (process.env.]]></description><category></category></item><item><title><![CDATA[使用koa编写路由接口]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/115183705</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/115183705</guid><author>handsomezhanghui</author><pubDate>Wed, 24 Mar 2021 18:13:15 +0800</pubDate><description><![CDATA[开门见山
本篇文章主要使用koa编写路由接口 希望可以帮助到大家

代码演示
const Koa = require('koa');

const Router = require('koa-router');

const router = new Router();

const app = new Koa();

router.get('/', async (ctx) =&gt; {
    ctx.body = "这是首页"

})

router.get('/news', async (ctx).]]></description><category></category></item><item><title><![CDATA[使用koa上线Vue项目]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/115183462</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/115183462</guid><author>handsomezhanghui</author><pubDate>Wed, 24 Mar 2021 18:00:42 +0800</pubDate><description><![CDATA[开门见山
本篇文章主要是介绍使用koa上线Vue项目，希望可以帮助到大家

安装依赖
cnpm i koa  koa-static http-proxy-middleware koa2-connect

代码演示
const path = require('path')

const Koa = require('koa')

const static = require('koa-static')

const { createProxyMiddleware } = require('http-prox.]]></description><category></category></item><item><title><![CDATA[前端大厂面试题]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/113861362</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/113861362</guid><author>handsomezhanghui</author><pubDate>Fri, 19 Feb 2021 12:42:13 +0800</pubDate><description><![CDATA[前言
本篇文章主要一些面试题希望可以帮助到大家

面试题2
//红灯三秒亮一次, 绿灯一秒亮一次, 黄灯2秒亮一次

//实现一个函数，如何让三个灯不断交替重复亮灯? (用Promise实现) 三个亮灯函数已经存在:
function red() {
    console.log("red");
}
function green() {
    console.log("green");
}
function yellow() {
    console.log("yellow");
}
// my a.]]></description><category></category></item><item><title><![CDATA[Vue3.0项目文件说明]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/113769977</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/113769977</guid><author>handsomezhanghui</author><pubDate>Tue, 09 Feb 2021 14:38:42 +0800</pubDate><description><![CDATA[开门见山
本篇文章主要是介绍vue项目的项目文件说明，希望可以帮助到大家


public: 公共目录项目开发环境不参与打包构建 此文件夹下面的文件可以直接使用/ + filename访问

build 文件夹: 里面是对 webpack 开发和打包的相关设置，包括入口文件、输出文件、使用的模块等；

config 文件夹: 主要是指定开发和打包中的静态资源路径、要压缩的文件类型、
开发使用的端口号、开发使用虚拟服务器跨域请求 api 等。

node_modules: 项目的依赖库；

src 文件夹：.]]></description><category></category></item><item><title><![CDATA[cookie-js操作客户端cookie]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/112095124</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/112095124</guid><author>handsomezhanghui</author><pubDate>Sat, 02 Jan 2021 13:15:24 +0800</pubDate><description><![CDATA[拨云见日
本篇文章主要是介绍在客户端如何操作cookie

一、安装
npm安装
npm install js-cookie --save

切换到淘宝镜像源
cnpm install js-cookie --save

yarn安装
yarn add js-cookie --save

项目引用
common引用
const Cookie = process.client ? require("js-cookie") : undefined;

es6引用
import Cookies from 'js.]]></description><category></category></item><item><title><![CDATA[Ubuntu启用root账户并且授权使用SSH访问]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/111881863</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/111881863</guid><author>handsomezhanghui</author><pubDate>Tue, 29 Dec 2020 10:51:10 +0800</pubDate><description><![CDATA[拨云见日
在Ubuntu刚开始的时候，默认是使用Ubuntu这个账户的，这个账户是普通账户无法删除文件，

所以要使用root账户，root账户是超级管理员账户，拥有最高权限，慎用

启用root账户
1、登陆云服务器

2、在终端输入: sudo passwd root      # 开启root用户，输入新密码
接下来会让你输入新的密码 连续输入两次新密码即可

授权root使用SSH登陆
使用普通账户登陆：云服务器

1、在终端输入:sudo vim /etc/ssh/sshd_config  //.]]></description><category></category></item><item><title><![CDATA[使用SSH链接Linux报错问题]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/111874182</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/111874182</guid><author>handsomezhanghui</author><pubDate>Mon, 28 Dec 2020 20:29:20 +0800</pubDate><description><![CDATA[摘要
使用ssh链接云服务器的时候，突然报错显示无法链接，搞得我很郁闷，差点怀疑人生

报错如下
[root@xx]# scp -r CentOS7.2-Mini-Newton.tar.gz newton_install-V1.0.4 / 192.168.122.100:/root/
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@    WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED.]]></description><category></category></item><item><title><![CDATA[服务器Ubuntu安装nvm踩坑篇]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/111872159</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/111872159</guid><author>handsomezhanghui</author><pubDate>Mon, 28 Dec 2020 18:54:28 +0800</pubDate><description><![CDATA[拨云见日
今天给大家带来的在Ubuntu上安装nvm踩坑篇，其实一开始我想的是，安装node，因为是做服务端渲染

环境是node，但是我安装node总是失败，索性任性一把安装nvm，使用nvm管理node，我弄了大概

3天的时间，期间重装系统，卸载node，一把辛酸泪

安装nvm具体步骤
1:登陆云服务器这一步基本都没问题，

2:输入安装nvm命令:curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | .]]></description><category></category></item><item><title><![CDATA[nuxt.js页面布局和异步请求数据]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/108296862</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/108296862</guid><author>handsomezhanghui</author><pubDate>Sun, 20 Dec 2020 14:24:55 +0800</pubDate><description><![CDATA[前端数据模拟 自定义数据，然后用map做映射也可以做降级

]]></description><category></category></item><item><title><![CDATA[现代化的服务端渲染-同构渲染]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/111416083</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/111416083</guid><author>handsomezhanghui</author><pubDate>Sun, 20 Dec 2020 14:19:53 +0800</pubDate><description><![CDATA[拨云见日
本篇文章主要是讲解传统的服务端渲染、客户端渲染，以及同构渲染，希望可以帮助到大家
仅限于描述不涉及原理，望大家勿怪

渲染
什么是渲染，渲染 = 数据和模板添加到一起

对于前端开发者来说最常见的场景就是，向后端请求接口，把请求到的数据通过模板绑定语法，将数据绑定到页面中

最终呈现给用户，那么这个过程中就叫做渲染，渲染的本质其实就是字符串的替换实现方式有很多种

传统的服务端渲染
服务端渲染原理/流程：

1、客户端发起请求

2、服务端响应请求通过数据库查询页面所需数据

3、服务端得到所需.]]></description><category></category></item><item><title><![CDATA[Nuxt.js路由篇]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/111406358</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/111406358</guid><author>handsomezhanghui</author><pubDate>Sat, 19 Dec 2020 20:15:14 +0800</pubDate><description><![CDATA[开门见山
本篇文章主要是介绍Nuxt.js路由，分别有普通路由、嵌套路由，路由导航，编程式路由，动态路由


]]></description><category></category></item><item><title><![CDATA[手写Vuex-简单实现]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/111237847</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/111237847</guid><author>handsomezhanghui</author><pubDate>Fri, 18 Dec 2020 14:50:48 +0800</pubDate><description><![CDATA[开门见山



]]></description><category></category></item><item><title><![CDATA[Vuex补充篇]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/111144030</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/111144030</guid><author>handsomezhanghui</author><pubDate>Thu, 17 Dec 2020 16:23:40 +0800</pubDate><description><![CDATA[开门见山
本篇文章主要是对Vuex的用法进行补充，希望可以帮助到大家，其中包括更优雅调用mutation
state，getters，严格模式，以及命名空间


]]></description><category></category></item><item><title><![CDATA[Vue项目优化]]></title><link>https://blog.youkuaiyun.com/handsomezhanghui/article/details/111236339</link><guid>https://blog.youkuaiyun.com/handsomezhanghui/article/details/111236339</guid><author>handsomezhanghui</author><pubDate>Tue, 15 Dec 2020 19:20:04 +0800</pubDate><description><![CDATA[开门见山
今天主要是给大家带来vue的项目优化，希望可以帮助到大家

代码层面优化
1、合理使用v-if和v-show

2、区分computed和watch的使用

3、v-for 遍历为item添加key

4、v-for遍历避免同时使用v-if

通过addEventListener添加的事件在组件销毁时要用removeEventListener手动移除这些事件的监听

5、图片懒加载

6、路由懒加载

7、第三方插件按需引入

8、SSR服务端渲染，首屏加载速度快，SEo效果好

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