<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Gytha_1的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Gytha_1</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Gytha_1]]></copyright><item><title><![CDATA[typescript 学习]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/90643886</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/90643886</guid><author>Gytha_1</author><pubDate>Tue, 28 May 2019 17:41:06 +0800</pubDate><description><![CDATA[介绍
TypeScript具有类型系统，且是JavaScript的超集。
基础类型
TypeScript 提供了和 js基本相同的数据类型，还提供了实用的枚举类型供我们使用。
布尔类型
let a: boolean = false;

数字类型
let n: number = 1;

字符串类型
let s: string = 'a';

还可以使用模板字符串:
let s: string =  ...]]></description><category></category></item><item><title><![CDATA[node 环境配置]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/89644826</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/89644826</guid><author>Gytha_1</author><pubDate>Sun, 28 Apr 2019 20:05:18 +0800</pubDate><description><![CDATA[node 安装
node 官网下载对应版本，一路 next
安装完后，查看
npm -v

环境配置
全局安装路径，缓存路径
选择 node 安装地址，新建文件夹 nodejs ，nodejs 下创建 node_golbal、node_cache
配置 npm 安装的全局模块所在的路径，以及缓存cache的路径。
之所以要配置，是因为以后在执行类似：npm install express [-g]...]]></description><category></category></item><item><title><![CDATA[eslint 的使用]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/89098033</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/89098033</guid><author>Gytha_1</author><pubDate>Mon, 08 Apr 2019 17:29:53 +0800</pubDate><description><![CDATA[ESLint的用途

审查代码是否符合编码规范和统一的代码风格
审查代码是否存在语法错误

官网
https://eslint.org/
居然找到了一个中文网站：
http://eslint.cn/docs/user-guide/configuring#configuration-file-formats
开始使用
npm install eslint --save-de

https://esl...]]></description><category></category></item><item><title><![CDATA[element-ui 组件使用中遇到的问题]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/88342855</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/88342855</guid><author>Gytha_1</author><pubDate>Fri, 08 Mar 2019 10:45:28 +0800</pubDate><description><![CDATA[el-progress percentage 超过100%
官方文档中，el-progress 属性 percentage 可选值范围 0-100，超出会报错。
https://github.com/ElemeFE/element/blob/dev/packages/progress/src/progress.vue
但是，对于某些应用场景，可能并不适用。如目标设定，可能完成度超出目标设定，大于1...]]></description><category></category></item><item><title><![CDATA[v-model指令在组件中怎么玩]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/85846514</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/85846514</guid><author>Gytha_1</author><pubDate>Sat, 05 Jan 2019 13:11:53 +0800</pubDate><description><![CDATA[好久没更了，近期太忙，不过收获很多，vue全家桶用的越来越顺手。总结的话，有时间再做，先占个坑 o(￣┰￣*)ゞ

转自：https://juejin.im/post/598bf7a3f265da3e252a1d6a

备注：文章内容和案例均基于Vue2（具体版本为Vue2.3.4）

笔者最近在写组件的时候，遇到了 v-model 的使用问题，在 Vue 官方文档中，有两小端内容是关于 v-mo...]]></description><category></category></item><item><title><![CDATA[h5 标签]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/84824258</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/84824258</guid><author>Gytha_1</author><pubDate>Wed, 05 Dec 2018 11:09:48 +0800</pubDate><description><![CDATA[pre

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

&amp;lt;pre&amp;gt; 标签的一个常见应用就是用来表示计算机的源代码。

当把其他标签（比如 &amp;lt;a&amp;gt; 标签）放到 &amp;lt;pre&amp;gt; 块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可。...]]></description><category></category></item><item><title><![CDATA[vue踩坑指南]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/83379111</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/83379111</guid><author>Gytha_1</author><pubDate>Thu, 01 Nov 2018 16:40:02 +0800</pubDate><description><![CDATA[生命周期
beforeCreate/created beforeMount/mounted
beforeUpdate/updated beforeDestroy/destroyed
render优先级
render函数&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;template模板&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;outer HTML
组件基本用法

&amp;amp;amp;amp;amp;a]]></description><category></category></item><item><title><![CDATA[购买服务器]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/83092540</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/83092540</guid><author>Gytha_1</author><pubDate>Tue, 16 Oct 2018 16:59:03 +0800</pubDate><description><![CDATA[可以在digitalocean上买，$5/month]]></description><category></category></item><item><title><![CDATA[vue项目实现按需加载的3种方式：vue异步组件、es提案的import()、webpack的require.ensure()]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/83070732</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/83070732</guid><author>Gytha_1</author><pubDate>Tue, 16 Oct 2018 11:29:48 +0800</pubDate><description><![CDATA[1. vue异步组件技术

vue-router配置路由，使用vue的异步组件技术，可以实现按需加载。
但是，这种情况下一个组件生成一个js文件。
举例如下：


        {
            path: '/promisedemo',
            name: 'PromiseDemo',
            component: resolve =&amp;gt; requ...]]></description><category></category></item><item><title><![CDATA[window.history的跳转实质－HTML5 history API 解析]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/82843749</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/82843749</guid><author>Gytha_1</author><pubDate>Tue, 25 Sep 2018 19:23:10 +0800</pubDate><description><![CDATA[在上一浏览器跳转行为的测试中，我们看到了通过不同的方法操作浏览器跳转时，它的刷新表现有所不同，在这一文章中，将看看，为何会产生这样的不同？其背后的实质是什么？浏览器的访问历史记录到底是如何运作的呢？

1、简介

window.history是用来保存用户在一个会话期间的网站访问记录，并提供相应的方法进行追溯。其对应的成员如下：

方法：back()、forward()、go(num)、pushS...]]></description><category></category></item><item><title><![CDATA[less的使用]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/82839352</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/82839352</guid><author>Gytha_1</author><pubDate>Tue, 25 Sep 2018 14:54:06 +0800</pubDate><description><![CDATA[变量、嵌套、Mixin混合，示例：


@ly_width:100px;
@ly_height:200px;
@ly_color:green;
.border {
    .two {
       border:1px solid red;
    }  
}
.one {
    width:@ly_width;
    height:@ly_height;
    background-co...]]></description><category></category></item><item><title><![CDATA[不受控制的 position:fixed]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/82776779</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/82776779</guid><author>Gytha_1</author><pubDate>Wed, 19 Sep 2018 19:11:43 +0800</pubDate><description><![CDATA[大家都知道，position:fixed 在日常的页面布局中非常常用，在许多布局中起到了关键的作用。它的作用是：

position:fixed 的元素将相对于屏幕视口（viewport）的位置来指定其位置。并且元素的位置在屏幕滚动时不会改变。

但是，在许多特定的场合，指定了 position:fixed 的元素却无法相对于屏幕视口进行定位。这是为何呢？



失效的 position:fixe...]]></description><category></category></item><item><title><![CDATA[前端模块规范 CommonJS、AMD、CMD、UMD、ES6]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/82771249</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/82771249</guid><author>Gytha_1</author><pubDate>Wed, 19 Sep 2018 14:10:40 +0800</pubDate><description><![CDATA[概括：



分别介绍：







es6 模块加载：

比较一下默认输出和正常输出


// 第一组
export default function crc32() { // 输出
  // ...
}

import crc32 from 'crc32'; // 输入

// 第二组
export function crc32() { // 输出
  // ...
};

import {...]]></description><category></category></item><item><title><![CDATA[vue入门随笔]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/82661828</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/82661828</guid><author>Gytha_1</author><pubDate>Wed, 12 Sep 2018 15:07:42 +0800</pubDate><description><![CDATA[参考：

详解vue生命周期：https://segmentfault.com/a/1190000011381906

配置环境


安装node，查看版本，8以上版本

安装vue，npm install -g @vue/cli，如报错，npm cache clean --force，npm install npm -g 全局更新

查看安装情况，vue --version

安装vue扩展程序...]]></description><category></category></item><item><title><![CDATA[从输入URL到页面加载发生了什么？]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/82431836</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/82431836</guid><author>Gytha_1</author><pubDate>Wed, 05 Sep 2018 22:19:42 +0800</pubDate><description><![CDATA[转自：https://segmentfault.com/a/1190000006879700

总体来说分为以下几个过程:


	DNS解析
	
	
	TCP连接
	
	
	发送HTTP请求
	
	
	服务器处理请求并返回HTTP报文
	
	
	浏览器解析渲染页面
	
	
	连接结束
	
具体过程

DNS解析

DNS解析的过程就是寻找哪台机器上有你需要资源的过程。当你在浏览器中输入一个地址时，...]]></description><category></category></item><item><title><![CDATA[移动端Web页面适配方案]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/81977597</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/81977597</guid><author>Gytha_1</author><pubDate>Thu, 23 Aug 2018 11:19:23 +0800</pubDate><description><![CDATA[移动端Web页面，即常说的H5页面、手机页面、webview页面等。

手机设备屏幕尺寸不一，做移动端的Web页面，需要考虑在安卓/IOS的各种尺寸设备上的兼容，这里总结的是针对移动端设备的页面，设计与前端实现怎样做能更好地适配不同屏幕宽度的移动设备。

适配的目标

引用一文章的描述：

在不同尺寸的手机设备上，页面“相对性的达到合理的展示（自适应）”或者“保持统一效果的等比缩放（看起来差不多）...]]></description><category></category></item><item><title><![CDATA[react-router 按需加载]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/81433012</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/81433012</guid><author>Gytha_1</author><pubDate>Sun, 05 Aug 2018 17:16:49 +0800</pubDate><description><![CDATA[ 转自：https://segmentfault.com/a/1190000007141049


注：本文使用的 react-router 版本为 2.8.1，第四版的处理还不太一样


React Router 是一个非常出色的路由解决方案，同时也非常容易上手。但是当网站规模越来越大的时候，首先出现的问题是 Javascript 文件变得巨大，这导致首页渲染的时间让人难以忍受。实际上程序应当只...]]></description><category></category></item><item><title><![CDATA[一些优化（即时搜索之函数去抖）]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/81389529</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/81389529</guid><author>Gytha_1</author><pubDate>Fri, 03 Aug 2018 16:46:25 +0800</pubDate><description><![CDATA[第一步，确定用哪个动作。实现输入框实时搜索：

input输入框的change事件，在输入框内容变化的时候不会触发change，要在input失去焦点的时候才会触发，当鼠标在其他地方点一下才会触发


$('input[name=myInput]').change(function() { ... });//change,失焦才触发，nono

用下面的方法会生效，input，注：IE下 用 on...]]></description><category></category></item><item><title><![CDATA[高性能网站建设指南]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/81354938</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/81354938</guid><author>Gytha_1</author><pubDate>Thu, 02 Aug 2018 15:41:46 +0800</pubDate><description><![CDATA[当我们在浏览器地址栏输入网址 ，回车，回车这一瞬间到看到页面到底发生了什么呢？

域名解析 –&amp;gt; 发起TCP的3次握手 –&amp;gt; 建立TCP连接后发起http请求 –&amp;gt; 服务器响应http请求，浏览器得到html代码 –&amp;gt; 浏览器解析html代码，并请求html代码中的资源（如js、css、图片等） –&amp;gt; 浏览器对页面进行渲染呈现给用户

规则一：减少http请求

雪碧...]]></description><category></category></item><item><title><![CDATA[PureComponent]]></title><link>https://blog.youkuaiyun.com/Gytha_1/article/details/81046095</link><guid>https://blog.youkuaiyun.com/Gytha_1/article/details/81046095</guid><author>Gytha_1</author><pubDate>Sat, 14 Jul 2018 18:12:29 +0800</pubDate><description><![CDATA[ 

PureComponent的作用及一些使用陷阱

参考：https://www.jianshu.com/p/33cda0dc316a



默认渲染行为的问题

在React Component的生命周期中，有一个shouldComponentUpdate方法。这个方法默认返回值是true。

这意味着就算没有改变组件的props或者state，也会导致组件的重绘。这就经常导致组件因为不相关...]]></description><category></category></item></channel></rss>