<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[前端小白]]></title><description><![CDATA[不积跬步无以至千里，不积小流无以成江河！]]></description><link>https://blog.youkuaiyun.com/u014516981</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; u014516981]]></copyright><item><title><![CDATA[【TS学习笔记】装饰器]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/113944745</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/113944745</guid><author>u014516981</author><pubDate>Mon, 22 Feb 2021 17:38:15 +0800</pubDate><description><![CDATA[这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入
欢迎使用Markdown编辑器
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar]]></description><category></category></item><item><title><![CDATA[一起来康康vue3.0的新特性]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/108260769</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/108260769</guid><author>u014516981</author><pubDate>Thu, 27 Aug 2020 15:33:23 +0800</pubDate><description><![CDATA[最近笔者的学习的课题是针对 vue3.0的新特性进行学习分享，本文先从vue3.0的新特性入手，介绍vue3.0相对vue2.0有所调整的部分，之后再补充vue3.0以及vue2.0响应式的原理的介绍，本文存在纰漏的地方，还请各位大牛多多指教ο(=•ω＜=)ρ⌒☆

注意：vue3.0兼容vue2.0 vue版本升级之后不需要更改关于vue部分的代码，但是项目中使用的相关的插件就不一定了~

1. 创建vue3.0项目的方法

（1）使用vite


npm init vite-app 项目名
cd 项目名]]></description><category></category></item><item><title><![CDATA[this的指向以及call、apply、bind]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/108241500</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/108241500</guid><author>u014516981</author><pubDate>Wed, 26 Aug 2020 16:15:53 +0800</pubDate><description><![CDATA[前言：最近在刷面筋，发现笔者自己对 this的指向的概念有所模糊，因此特地花了些时间并记录如下，如有错误，请各位大牛指正~ (●'◡'●) 话不多说，正式进入我们的正题：

1.this指向问题，在ES5中 this永远指向最后调用它的那个对象


var name = 'windowName';
function fn() {
  var name = 'private';
  console.log(this.name); // windowName
 console.log('此时的this...]]></description><category></category></item><item><title><![CDATA[使用JSONSERVER模拟服务器API]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/90265516</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/90265516</guid><author>u014516981</author><pubDate>Thu, 16 May 2019 16:04:21 +0800</pubDate><description><![CDATA[前言：

一般前后端交互，前端需要后台提供数据接口才能完成整个页面的交互，那对于想动手写写自己的项目的纯前端们，那又该怎么办呢？

好在有一款可以支持搭建本地服务器的工具JSONSERVER的存在，它的用法简单记录如下：

1.获取地址：https://github.com/typicode/json-server

2.如何搭建？

（1）在windows系统下全局安装jsonserver: n...]]></description><category></category></item><item><title><![CDATA[vue-cli3.0搭建vue项目的简单入门]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/90264783</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/90264783</guid><author>u014516981</author><pubDate>Thu, 16 May 2019 15:33:56 +0800</pubDate><description><![CDATA[前言：

Vue CLI 是 Vue 应用的标准化构建工具（链），核心是提供基于 webpack 4 构建的预配置构建设置，目标是最大限度地减少开发者必须经历的配置过程。因此，Vue CLI 3 对具备以下特点的项目都支持开箱即用：

预配置的 webpack 功能，如模块热替换、代码分割、 摇树优化（tree-shaking）、高效持久化缓存、错误覆盖等；
通过 Babel 7 + preset...]]></description><category></category></item><item><title><![CDATA[ES6学习笔记一：阐述ES6中的let const ，ES5中的var变量申明的特性以及区别]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/80261453</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/80261453</guid><author>u014516981</author><pubDate>Wed, 09 May 2018 23:53:25 +0800</pubDate><description><![CDATA[最近用到一些ES6的新特性进行开发，在这过程中，发现了ES6与之前的ES5的一些不同点以及该引起我们注意的地方。特此记录下：1、let是es6新增的声明变量的方式 ，其特点是：（1）作用域是块级作用域（在ES6之前，js只存在函数作用域以及全局作用域） if(1){  let a=1;  console.log(a)}(2)不存在变量声明提前； console.log(b); //Referenc...]]></description><category></category></item><item><title><![CDATA[png、jpg、gif与webp不得不说的前端基础知识]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/78565729</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/78565729</guid><author>u014516981</author><pubDate>Fri, 17 Nov 2017 22:11:42 +0800</pubDate><description><![CDATA[今天偶然得到公司UI大神指导，介绍了几款前端切图神器，后在实践的过程看到两个概念，png8与png24，引起了自己的注意，还记得之前去腾讯面试（偶然得到的面试机会，可惜po主没把握住，伤心事不必再提，不过这次面试确实让自己受益匪浅），也被问到类似的概念。今天对比完几个概念的差别之后，把自己的一些理解写下，希望可以帮到跟我一样之前踩过坑的前端小白们：
一、基本概念区分
1、png8与png24]]></description><category></category></item><item><title><![CDATA[文字、字母以及数字的换行不换行问题总结]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/60147353</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/60147353</guid><author>u014516981</author><pubDate>Fri, 03 Mar 2017 20:47:10 +0800</pubDate><description><![CDATA[实现页面的文字、字母的展示效果的时候，相信大家都会遇到过一些这样的要求：“文字不能换行，要强制文字一行展示”或者是“字母不会自动换行，需要实现可以自动换行断句”等等诸如此类的要求，现在就这个文字、字母换不换行的问题，说说这三个css属性的巧妙运用：white-space、word-wrap、word-break
首先，先来看下这三个属性在W3C上给出的释义：（具体这三个属性各自有哪些属性值需要大]]></description><category></category></item><item><title><![CDATA[css（css3）实现垂直水平居中的那些事]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/60146676</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/60146676</guid><author>u014516981</author><pubDate>Fri, 03 Mar 2017 20:10:02 +0800</pubDate><description><![CDATA[都说“金三银四求职季”，本人也选择了在这个时候成为这浩浩荡荡的求职大军中的一员，几次面试下来，发现面试官都爱问的一个问题就是：“说说垂直水平居中都有哪些实现方式吧？”
      面试过程巴拉巴拉一大堆，现在终于有时间把这些知识点总结归纳起来，希望能帮自己巩固下，也希望可以帮到有需要的小伙伴~大神路过求轻喷求包涵。
     言归正传，既然说到垂直水平居中，那现在咱们就来好好归纳下：“水平居中]]></description><category></category></item><item><title><![CDATA[HTML滚动条样式代码及使用技巧]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/53651559</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/53651559</guid><author>u014516981</author><pubDate>Thu, 15 Dec 2016 00:26:50 +0800</pubDate><description><![CDATA[html中滚动条属性设置
scrollbar属性、样式详解
1、 overflow内容溢出时的设置（设定被设定对象是否显示滚动条）
    overflow-x水平方向内容溢出时的设置
    overflow-y垂直方向内容溢出时的设置
    以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
2、 scrollbar-3d-light-colo]]></description><category></category></item><item><title><![CDATA[html基础回顾--html文本框常见运用技巧及示例]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/53650548</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/53650548</guid><author>u014516981</author><pubDate>Thu, 15 Dec 2016 00:19:17 +0800</pubDate><description><![CDATA[1、html文本框怎么用css变圆角：
border-radius属性可以实现元素的圆角。如下css可以实现文本框（单行、多行）的圆角：
input[type=text],textarea{border-radius:3px;border:1px solid #000;}
border-radius用法如下：
border-radius 属性是一个简写属性，用于设置四个 border-*-]]></description><category></category></item><item><title><![CDATA[web中的同步请求和异步请求的差别(重点是ajax中的同步与异步)]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/53243564</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/53243564</guid><author>u014516981</author><pubDate>Sun, 20 Nov 2016 19:53:31 +0800</pubDate><description><![CDATA[此前，对于web中同步请求和异步请求的概念模糊不清，不过对于这样的知识盲点，不去克服的话都不好意思说自己是一名前端开发人员了[捂脸][捂脸]。还好，功夫不负有心人。通过自己的方式终于让自己理解了，这两个概念，因此，也想把自己的理解作博文，跟大家分享，如果说的不对，还请各位同行多多指教。
一、web中的同步和异步：
（1）同步请求：顺序处理，即当我们向服务器发出一个请求时，在服务器没返回结果给客]]></description><category></category></item><item><title><![CDATA[js面向对象理解二]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/53027320</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/53027320</guid><author>u014516981</author><pubDate>Thu, 03 Nov 2016 22:40:22 +0800</pubDate><description><![CDATA[js面向对象理解（二）
前面总结了js面向对象的一些基础概念，接下来想说说关于js面向对象中创建对象这块的内容，以下是我个人的一些见解，有任何纰漏的地方还请大家批评指正！

一、创建对象：
1.创建单个对象:


（1）函数声明：
 var obj=new Object();
obj.name="holly";
obj.age=21;
obj.sex="女";
obj.pr]]></description><category></category></item><item><title><![CDATA[javascript中的面向对象理解（一）]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/52865035</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/52865035</guid><author>u014516981</author><pubDate>Wed, 19 Oct 2016 23:48:23 +0800</pubDate><description><![CDATA[一、注意：提到“面向对象”这一概念，众所周知，javascript中的面向对象思想与其他的编程语言（例如：PHP、Java等）是有着很大区别的。因此，我们先复习下，传统意义上，面向对象的相关概念，以便我们后面更好的将javascript与其他语言的面向对象概念区分开来：
1.其他面向对象语言：面向对象的语言有一个标志，即拥有类(class)的概念，抽象实例对象的公共属性与方法，基于类可以创建任意]]></description><category></category></item><item><title><![CDATA[字体抗锯齿属性-webkit-font-smoothing]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/52629476</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/52629476</guid><author>u014516981</author><pubDate>Thu, 22 Sep 2016 23:26:01 +0800</pubDate><description><![CDATA[字体抗锯齿属性:-webkit-font-smoothing，有需要的朋友可以参考下。
对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天，抗锯齿渲染使用也越来越多。
font-smoothing是非标准的CSS定义。它被列入标准规范的草案中，后由于某些原因从web标准中被移除了。
但是，我们可以用以下两种定义进行抗锯齿渲染
-webkit-font-smoot]]></description><category></category></item><item><title><![CDATA[before用双冒号与单冒号的区别]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/52629464</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/52629464</guid><author>u014516981</author><pubDate>Thu, 22 Sep 2016 23:23:02 +0800</pubDate><description><![CDATA[:before和::before的区别


在一次项目中，有一次要用到::selection伪元素，然后开发同学问我，CSS中一个冒号和两个冒号有神马区别？


这好像真的是个问题，或许很多前端同学对此都有疑惑，查了些资料，证实了下两个符号的区别，简而言之：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。


W3C关于CSS3选择器的规范中有一段描述：

]]></description><category></category></item><item><title><![CDATA[简单总结jQuery  API中的知识点（上篇）之DOM操作]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/52445665</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/52445665</guid><author>u014516981</author><pubDate>Tue, 06 Sep 2016 00:42:10 +0800</pubDate><description><![CDATA[最近为了学习前端其他新的知识，特意重新复习了一遍jQuery，算是查漏补缺，把之前学习时忽略的知识点补回来顺便也把一些知识点做了总结方便自己理解。
JQ的DOM操作分类
1.遍历
（1）遍历的接口：父级，后代，同胞兄弟（相邻元素），过滤
（2）遍历的结构设计  dir方法   each迭代器


1.1父级遍历（即通过jQuery可以在DOM树中向上遍历）


（1）方法：
]]></description><category></category></item><item><title><![CDATA[css 样式重置另一种角度]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/52142093</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/52142093</guid><author>u014516981</author><pubDate>Sun, 07 Aug 2016 12:07:03 +0800</pubDate><description><![CDATA[前言：可能是个人强迫症的关系，对于一个概念一定要深挖到自己觉得以自己目前的能力来说可以掌握为止，不然不明不白的，只知其一不知其二，真让人难受！最近在复习html重构这个专题上就css重置样式这块，还真的发现了点新东西，想跟大家分享下。
关于css重置样式表，之前常用的就是reset css，但是除了这个其实还有normlize.css这个相较reset css更加人性化更加现代化更加适合H5开发]]></description><category></category></item><item><title><![CDATA[css 重置样式表]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/52141451</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/52141451</guid><author>u014516981</author><pubDate>Sun, 07 Aug 2016 11:06:15 +0800</pubDate><description><![CDATA[前言：
 关于css样式重置 ，相信对于接触过前端的人都知道在开始编写属于自己的代码之前都需要完成这一步。不过，我还是想说说自己对css重置的理解。希望可以利人利己（哈哈，对，就素介么任性！）
首先，我觉得像我一样对于理解概念无感，容易混淆的前端小白要清楚什么是css重置样式，就要弄清楚两个概念：CSS Reset以及css重置（其实概念很相近，但是还是有所区别的），不然傻傻只知道css样式要]]></description><category></category></item><item><title><![CDATA[简单介绍js中的confirm()方法的使用]]></title><link>https://blog.youkuaiyun.com/u014516981/article/details/51871863</link><guid>https://blog.youkuaiyun.com/u014516981/article/details/51871863</guid><author>u014516981</author><pubDate>Sun, 10 Jul 2016 15:52:22 +0800</pubDate><description><![CDATA[今天学习了js 中confirm的使用方法


confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。


如果用户点击确定按钮，则 confirm() 返回 true。如果点击取消按钮，则 confirm() 返回 false。


在用户点击确定按钮或取消按钮把对话框关闭之前，它将阻止用户对浏览器的所有输入。在调用 confirm() 时，将暂停对 J]]></description><category></category></item></channel></rss>