<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ouo]]></title><description><![CDATA[你未必光芒万丈，但始终温暖有光]]></description><link>https://blog.youkuaiyun.com/zerogf</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; zerogf]]></copyright><item><title><![CDATA[react前端面试题整合]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/105554272</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/105554272</guid><author>zerogf</author><pubDate>Thu, 16 Apr 2020 12:17:30 +0800</pubDate><description><![CDATA[一、基础知识
什么是 React?
React 是一个开源前端 JavaScript 库，用于构建用户界面，尤其是单页应用程序。它用于处理网页和移动应用程序的视图层。React 是由 Facebook 的软件工程师 Jordan Walke 创建的。在 2011 年 React 应用首次被部署到 Facebook 的信息流中，之后于 2012 年被应用到 Instagram 上。
React 的主...]]></description><category></category></item><item><title><![CDATA[git前端面试题整合]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/105546030</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/105546030</guid><author>zerogf</author><pubDate>Wed, 15 Apr 2020 22:22:53 +0800</pubDate><description><![CDATA[1.fetch和merge和pull的区别
pull相当于git fetch 和 git merge，即更新远程仓库的代码到本地仓库，然后将内容合并到当前分支。

git fetch：相当于是从远程获取最新版本到本地，不会自动merge  ；
git merge :  将内容合并到当前分支  ；
git pull：相当于是从远程获取最新版本并merge到本地。

2.tag
tag指向一次comm...]]></description><category></category></item><item><title><![CDATA[vue前端面试题整合]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/105544494</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/105544494</guid><author>zerogf</author><pubDate>Wed, 15 Apr 2020 22:09:02 +0800</pubDate><description><![CDATA[一、基础必备
Vue等单页应用的优缺点

优点：Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件，核心是响应式系统。
缺点：不支持低版本浏览器，最低仅支持ie9；不利于SEO的优化，首页加载耗时相对偏长一些。

vue.js的两个核心是什么？

数据驱动
组件系统

vue的优点是什么？

低耦合：视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定...]]></description><category></category></item><item><title><![CDATA[CSS前端面试题整合]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/105542014</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/105542014</guid><author>zerogf</author><pubDate>Wed, 15 Apr 2020 19:01:39 +0800</pubDate><description><![CDATA[CSS3新特性

支持rgba和透明度
支持媒体查询
支持自定义字体 对长的不可分割单词换行word-wrap：break-word;
文字阴影text-shadow: 5px 5px 5px #ff0000;
盒阴影box-shadow: 10px 10px 5px  #888888
支持圆角border-radius: 50%;
边框图片border-image: url(border.png...]]></description><category></category></item><item><title><![CDATA[HTML前端面试题整理’]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/105541208</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/105541208</guid><author>zerogf</author><pubDate>Wed, 15 Apr 2020 18:44:03 +0800</pubDate><description><![CDATA[对WEB标准以及W3C的理解与认识

标签闭合、
标签小写、
不乱嵌套、
提高搜索机器人搜索几率、
使用外 链css和js脚本、
结构行为表现的分离、
文件下载与页面速度更快、
内容能被更多的用户所访问、
内容能被更广泛的设备所访问、
更少的代码和组件， 容易维 护、
改版方便， 提高网站易用性。

列举浏览器对象模型BOM里常用的至少4个对象，并列举window对象的常用方法至少5个
1）对象：...]]></description><category></category></item><item><title><![CDATA[七方法实现数组去重]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/105541125</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/105541125</guid><author>zerogf</author><pubDate>Wed, 15 Apr 2020 18:22:37 +0800</pubDate><description><![CDATA[1、双循环去重
function unique(arr) {
    if (!Array.isArray(arr)) {
        console.log('type error!')
        return
    }
    let res = [arr[0]]
    for (let i = 1; i &lt; arr.length; i++) {
        let f...]]></description><category></category></item><item><title><![CDATA[JavaScript前端面试题整合]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/105536286</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/105536286</guid><author>zerogf</author><pubDate>Wed, 15 Apr 2020 18:13:48 +0800</pubDate><description><![CDATA[注：如有错误请谅解，望其提出改正
JavaScript的数据类型都有什么？
基本数据类型：String,boolean,Number,Undefined, Null
引用数据类型：Object, Array, Function
eval是做什么的？
它的功能是把对应的字符串解析成JS代码并运行；
应该避免使用eval，不安全，非常耗性能（2次，一次解析成js语句，一次执行）。
由JSON字符串转换...]]></description><category></category></item><item><title><![CDATA[基于vue实现的预览图片的组件]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/103906368</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/103906368</guid><author>zerogf</author><pubDate>Thu, 09 Jan 2020 14:13:48 +0800</pubDate><description><![CDATA[因为项目中需要能预览一系列图像，element-ui里面图像预览组件已不能满足自身需求，所以就自己仿照其封装了插件已满足需求，其中也用到了swiper:


npm install vue-awesome-swiper --save


在main.js中引用(注：也可在组件中引用）


importVueAwesomeSwiper from'vue-awesome-swiper'

Vue....]]></description><category></category></item><item><title><![CDATA[vue2.0和3.0适应大屏方法总结]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/103785501</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/103785501</guid><author>zerogf</author><pubDate>Tue, 31 Dec 2019 17:04:18 +0800</pubDate><description><![CDATA[项目有适应大屏显示的需求，查了很多资料，最终选择通过px2rem插件配合flexible.js来解决，下面分别是在vue-cli2.0和vue-cli3.0中的配置：

一、准备flexible

  1.使用flexible插件


安装lib-flexible：

npm install --save lib-flexible

在项目入口文件main.js中引入lib-flexible：...]]></description><category></category></item><item><title><![CDATA[iview开发中遇到的问题总结]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/103777914</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/103777914</guid><author>zerogf</author><pubDate>Tue, 31 Dec 2019 10:00:37 +0800</pubDate><description><![CDATA[1.打包后无法显示图标

最终通过修改webpack配置文件修复，修改如下：找到 build 目录下 webpack.prod.conf.js 文件，


rules: utils.styleLoaders({
sourceMap: config.build.productionSourceMap,extract: ture,
usePostCSS: true
})


修改extract值为fa...]]></description><category></category></item><item><title><![CDATA[vue中如何实现点击除了自己元素及其内部元素之外都将自身元素隐藏的功能]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/103509516</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/103509516</guid><author>zerogf</author><pubDate>Thu, 12 Dec 2019 15:18:50 +0800</pubDate><description><![CDATA[1.目标元素布局


&lt;template&gt;
  &lt;div id="emoji"&gt;
    &lt;span class="emoji-icon"&gt;&lt;/span&gt;
    &lt;img
      class="emoji-icon"
      @click.stop="handleShowEmoji"
      src="../../static//...]]></description><category></category></item><item><title><![CDATA[vue-cli创建2.0/3.0项目]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/103453025</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/103453025</guid><author>zerogf</author><pubDate>Mon, 09 Dec 2019 10:21:52 +0800</pubDate><description><![CDATA[一、准备,全局安装npm,已安装则跳过此步骤

在node.js官网下载:https://nodejs.org/en/download/，安装；
	在终端查看是否安装成功：npm -v
	安装淘宝镜像cnpm：npm i -g cnpm--registry=https://registry.npm.taobao.org
二、创建vue3.0项目

安装脚手架vue-cli3.0: cnpm...]]></description><category></category></item><item><title><![CDATA[常用的正则表达式集合]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/103369474</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/103369474</guid><author>zerogf</author><pubDate>Tue, 03 Dec 2019 16:19:06 +0800</pubDate><description><![CDATA[1.特殊需求表达式

1. Email地址：^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$

2. 域名：[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?

3. InternetURL：[a-zA-z]+://[^\s]* 或 ^http://([\w-]+\.)+[\...]]></description><category></category></item><item><title><![CDATA[linux下安装git，并克隆远程仓库到本地运行]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/103306621</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/103306621</guid><author>zerogf</author><pubDate>Fri, 29 Nov 2019 13:41:19 +0800</pubDate><description><![CDATA[1.下载

2.安装


# Ubuntu 安装 Git：

apt-get install git 　　

# CentOS 安装 Git：

yum install git


3.使用


# 查看 Git 版本信息

git version

# 配置 Git 用户信息：

git config --global user.name "miao"

git config --global ...]]></description><category></category></item><item><title><![CDATA[腾讯云服务安装nginx]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/103250670</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/103250670</guid><author>zerogf</author><pubDate>Tue, 26 Nov 2019 10:00:31 +0800</pubDate><description><![CDATA[1.安装依赖，如果已经安装了依赖，则跳过



yum -y install gcc gcc-c++ wget net-tools pcre-devel zlib-devel openssl-devel


2.下载并解压安装包



#进入常用文件夹
cd /usr/local/src/

#下载源码
wget http://nginx.org/download/nginx-1.7.12.tar...]]></description><category></category></item><item><title><![CDATA[vue3.0根据环境分配请求地址]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/103007632</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/103007632</guid><author>zerogf</author><pubDate>Mon, 11 Nov 2019 11:49:35 +0800</pubDate><description><![CDATA[1.在package.json添加测试打包环境："test":"vue-cli-servicebuild--modetest"



2.在根目录新建.env.test 文件，在文件里面添加：NODE_ENV = 'test'



3.在你的工具文件夹新建文件，名字根据自身项目（我的是base.js）,在文件添加一下内容


let baseURL = ""; 
switch (pro...]]></description><category></category></item><item><title><![CDATA[如果IE浏览器是IE11以下版本跳转到升级页面]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/102948323</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/102948323</guid><author>zerogf</author><pubDate>Thu, 07 Nov 2019 09:59:16 +0800</pubDate><description><![CDATA[js判断IE浏览器版本，如果版本过低则直接跳转到升级页面


&lt;script&gt;
      /*@cc_on 
      var temp = window.navigator.userAgent.toUpperCase();
      var charHead = temp.indexOf('MSIE');
      var charLast = temp.indexOf("...]]></description><category></category></item><item><title><![CDATA[Git的常用操作]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/102947449</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/102947449</guid><author>zerogf</author><pubDate>Thu, 07 Nov 2019 09:35:23 +0800</pubDate><description><![CDATA[一、以SSH方式全局配置密钥

1、如果存在id_rsa.pub 或 id_dsa.pub 文件，跳过此步。


$ cd ~/.ssh # 查看用户根目录下.ssh文件夹
$ ls

2、创建SSH Key

创建ssh key时会提示自定名称和push时的密码（不是git登录密码），一般推荐略过，直接三个回车，如果创建成功会出来一个有图案的小框框。


$ ssh-keygen -t rsa ...]]></description><category></category></item><item><title><![CDATA[当浏览器是ie11以前版本的，跳转到ie升级页]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/102918746</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/102918746</guid><author>zerogf</author><pubDate>Tue, 05 Nov 2019 16:34:06 +0800</pubDate><description><![CDATA[国产浏览器大多是双内核，甚至是三内核。
一个Chromium内核，也就是Chrome使用的内核，切换到这个内核的模式一般叫极速模式；
一个IE内核，称之为IE模式；
有的甚至还有一个修改过的IE内核，称之为兼容模式。

这些浏览器这样做的原因是国内还有大量为IE浏览器量身定做的网站，为了兼容这些网站，不默认启用极速模式，而是根据代码判断选择IE模式或者兼容模式或者极速模式。

问题在于，浏览...]]></description><category></category></item><item><title><![CDATA[ie下通过ActiveX获取本地文件夹及文件信息]]></title><link>https://blog.youkuaiyun.com/zerogf/article/details/102892560</link><guid>https://blog.youkuaiyun.com/zerogf/article/details/102892560</guid><author>zerogf</author><pubDate>Mon, 04 Nov 2019 11:12:10 +0800</pubDate><description><![CDATA[项目里面有上传文件夹的功能，谷歌解决了，使用的是input的webkie属性，网上有很多封装好的插件随便拿来用，高高兴兴搬砖去。

但是要兼容IE !!!

上网搜了狠多资料，换着法的换插件，就是不ok,又继续查资料，对之介绍的少之又少，很对都是直接放弃ie的，但是项目对应的用户不想放弃，那只能苦逼的继续了。

在ie下可以直接通过ActiveX来直接访问和操作本地文件，但这个方法有很多局限性，只...]]></description><category></category></item></channel></rss>