<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Heart_At_You的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Heart_At_You</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Heart_At_You]]></copyright><item><title><![CDATA[webpack入门、常用配置以及打包优化]]></title><link>https://blog.youkuaiyun.com/Heart_At_You/article/details/104574663</link><guid>https://blog.youkuaiyun.com/Heart_At_You/article/details/104574663</guid><author>Heart_At_You</author><pubDate>Sat, 29 Feb 2020 15:09:25 +0800</pubDate><description><![CDATA[文章目录WEBPACK一、从0搭建自己的webpack开发环境1.什么是Webpack2.初始化项目3.Webpack快速上手4.Webpack-dev-server5.打包html插件6.清空打包结果二、 Webpack中必须要掌握的配置三、 Webpack打包优化（打包大小、打包速度、模块拆分）1、压缩+删除无用代码；2、Tree-shaking(webpack自带) &amp;&amp; S...]]></description><category></category></item><item><title><![CDATA[堆排序的实现]]></title><link>https://blog.youkuaiyun.com/Heart_At_You/article/details/103611492</link><guid>https://blog.youkuaiyun.com/Heart_At_You/article/details/103611492</guid><author>Heart_At_You</author><pubDate>Thu, 19 Dec 2019 11:34:33 +0800</pubDate><description><![CDATA[1、堆的定义
堆分为大顶堆和小顶堆
大（小）顶堆定义：取任意一个有儿子的节点，它的值比其左右儿子的值都大（小），满足这样条件的完全二叉树为堆。
注：以下都以大顶堆为例来说堆排序，小顶堆同理。
2、堆排序的思想
堆排序很充分的运用完全二叉树的特性：

随便一组数据就是一颗完全二叉树（因为不需要考虑为空节点的情况）;
如果按照层次遍历一棵树，规定根节点下标为1，那么在这颗树中 已知一个节点的下标为n，...]]></description><category></category></item><item><title><![CDATA[前端-单元测试]]></title><link>https://blog.youkuaiyun.com/Heart_At_You/article/details/103594748</link><guid>https://blog.youkuaiyun.com/Heart_At_You/article/details/103594748</guid><author>Heart_At_You</author><pubDate>Wed, 18 Dec 2019 20:34:54 +0800</pubDate><description><![CDATA[前端单元测试
1、什么是单元测试？
每个单元测试就是一段用于测试一个模块或接口是否能达到预期结果的代码
前端测试类型：单元测试和E2E测试(cypress)
在项目中引入了工程化、模块化的概念，这和数年前前端极度依赖后端渲染以及切图工作产生了极大的进步，当然这些进步也使得我们的项目变得更加复杂庞大，每个工程的复杂化、代码的高复用性要求和前端代码模块之间的高内聚低耦合的需求，前端工程中的单元测试流程...]]></description><category></category></item><item><title><![CDATA[PC端红包雨特效之前端性能与技术选型]]></title><link>https://blog.youkuaiyun.com/Heart_At_You/article/details/100937523</link><guid>https://blog.youkuaiyun.com/Heart_At_You/article/details/100937523</guid><author>Heart_At_You</author><pubDate>Tue, 17 Sep 2019 20:17:01 +0800</pubDate><description><![CDATA[1、前端性能影响因素：
定义：
前端性能，即页面性能，简单来说就是能看到页面内容的时间以及可以开始在页面上操作的时间。
浏览器显示页面基本原理：

获取 HTML 文档及样式表文件
解析成对应的树形数据结构
DOM tree
CSSOM tree
计算可见节点形成 render tree
计算 DOM 的形状及位置进行布局
将每个节点转化为实际像素绘制到视口上（栅格化）

影响页面性能的因素：

...]]></description><category></category></item><item><title><![CDATA[javascript正则表达式之RegExp对象]]></title><link>https://blog.youkuaiyun.com/Heart_At_You/article/details/99705647</link><guid>https://blog.youkuaiyun.com/Heart_At_You/article/details/99705647</guid><author>Heart_At_You</author><pubDate>Sun, 18 Aug 2019 17:55:25 +0800</pubDate><description><![CDATA[js中正则表达式详解
为什么要学习正则表达式
很多人对正则表达式的概念就是“用的时候到网上查一个”就行了，我之前也一度这样认为，直到面试做笔试题的时候，看到一个邮箱验证，手写正则表达式，哇哦，只能空白跳过，
总结了一下，如果你是一个初级程序员，对于正则表达式模棱两可也OK的，但是如果你是一个高级程序员，你就要知其然，也要知其所以然，所以我决定把js中的RegExp对象彻底搞懂。
正式开始介绍正则表...]]></description><category></category></item><item><title><![CDATA[Vue自定义指令 之  elementUI中v-loading的源码分析]]></title><link>https://blog.youkuaiyun.com/Heart_At_You/article/details/96477602</link><guid>https://blog.youkuaiyun.com/Heart_At_You/article/details/96477602</guid><author>Heart_At_You</author><pubDate>Fri, 19 Jul 2019 17:40:38 +0800</pubDate><description><![CDATA[Vue自定义指令基础
使用教程。
https://cn.vuejs.org/v2/guide/custom-directive.html#ad
钩子函数&amp;&amp;钩子函数参数


el：操作DOM，
binding：在元素上get你想读取的值，
自定义指令使用实例：
elementUIAPI文档中给出的使用教程：
https://element.eleme.cn/2.6/#/zh-CN/...]]></description><category></category></item><item><title><![CDATA[css居中方式大全]]></title><link>https://blog.youkuaiyun.com/Heart_At_You/article/details/89191808</link><guid>https://blog.youkuaiyun.com/Heart_At_You/article/details/89191808</guid><author>Heart_At_You</author><pubDate>Mon, 15 Apr 2019 17:01:42 +0800</pubDate><description><![CDATA[子元素	父元素
水平
行内	块级
定宽、块状：margin: [左右] auto
不定宽默认居中显示
display:inline
position:relative; left:50%;
定宽定高：{position:absolute; transform:translate(50%)}
行内	块级
text-align:center
flex布局
position:relative; tran...]]></description><category></category></item><item><title><![CDATA[mint-ui popup datetime-picker]]></title><link>https://blog.youkuaiyun.com/Heart_At_You/article/details/88694152</link><guid>https://blog.youkuaiyun.com/Heart_At_You/article/details/88694152</guid><author>Heart_At_You</author><pubDate>Thu, 21 Mar 2019 16:19:37 +0800</pubDate><description><![CDATA[&lt;mt-datetime-picker
                :startDate="bookDateLimit().firstDate"
                :endDate="bookDateLimit().endDate"
                :closeOnClickModal="false"
                v-mo...]]></description><category></category></item><item><title><![CDATA[vue的router-link的使用]]></title><link>https://blog.youkuaiyun.com/Heart_At_You/article/details/88077234</link><guid>https://blog.youkuaiyun.com/Heart_At_You/article/details/88077234</guid><author>Heart_At_You</author><pubDate>Sat, 02 Mar 2019 16:47:03 +0800</pubDate><description><![CDATA[文章初附给大家一个相关router-link官方文档中的介绍：
https://router.vuejs.org/zh/api/#router-link
实际使用场景以及遇到问题的解决：
一般使用方式
  &amp;lt;router-link tag=&quot;li&quot; :to=&quot;\next&quot;&amp;gt;
                &amp;lt;a&amp;gt;点击跳转&amp;lt;/a&amp;gt;
  &amp;lt;/router-li...]]></description><category></category></item><item><title><![CDATA[vue-cli打包后本地运行dist文件中的index.html]]></title><link>https://blog.youkuaiyun.com/Heart_At_You/article/details/88074460</link><guid>https://blog.youkuaiyun.com/Heart_At_You/article/details/88074460</guid><author>Heart_At_You</author><pubDate>Sat, 02 Mar 2019 14:25:40 +0800</pubDate><description><![CDATA[使用npm run build生成dist文件夹中的文件是你需要上传到服务器上的文件，
直接打开index.html会直接报错

可以尝试用express搭建一个服务器，做法如下：
1、在dist根目录下新建server.js文件；
2、代码如下：
var express = require('express');
var app = express();
const hostname = 'lo...]]></description><category></category></item><item><title><![CDATA[mac快捷键/linux命令]]></title><link>https://blog.youkuaiyun.com/Heart_At_You/article/details/81978948</link><guid>https://blog.youkuaiyun.com/Heart_At_You/article/details/81978948</guid><author>Heart_At_You</author><pubDate>Sat, 23 Feb 2019 14:17:10 +0800</pubDate><description><![CDATA[快捷键


  浏览器篇
]]></description><category></category></item><item><title><![CDATA[有关于增删改查如何为最好的传值方式讨论]]></title><link>https://blog.youkuaiyun.com/Heart_At_You/article/details/87891759</link><guid>https://blog.youkuaiyun.com/Heart_At_You/article/details/87891759</guid><author>Heart_At_You</author><pubDate>Sat, 23 Feb 2019 14:12:52 +0800</pubDate><description><![CDATA[增删改查表格值回传回带等等
1.前言
从事过网站开发想必最开始接触的便是那些关于增删改查的点点滴滴，实现需求的方式有多种，那么到底选择哪一种更适合呢，站在前端的角度上来讨论一下关于增删改查页面显示的东西
2.增删改查简单介绍

新建一条数据，表格中展示，每条数据可对应查看与编辑操作，如何来传递值的问题？
3.传值比较
接下来我们言归正传，究竟如何来传值，


在表格列表数据返回接口中每一行返回的数...]]></description><category></category></item></channel></rss>