<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[by2016的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/by2019</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; by2019]]></copyright><item><title><![CDATA[vue3一次分享记录]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/125546939</link><guid>https://blog.youkuaiyun.com/by2019/article/details/125546939</guid><author>by2019</author><pubDate>Thu, 30 Jun 2022 19:36:36 +0800</pubDate><description><![CDATA[关于vue3与vue2之间差异的小分享]]></description><category></category></item><item><title><![CDATA[节流防抖案例]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/118908943</link><guid>https://blog.youkuaiyun.com/by2019/article/details/118908943</guid><author>by2019</author><pubDate>Mon, 19 Jul 2021 18:31:34 +0800</pubDate><description><![CDATA[节流防抖
什么是截流防抖
这一概念最早出现在工业设计中，对电子元器件的控制和对水流等流体的限制，可以起到保护器件，减少损耗的作用
防抖 debounce
字面意思就是防止抖动，比如人们在操作手抖多次误触
主要应用场景

输入框中频繁的输入内容，搜索或者提交信息；
频繁的点击按钮，触发某个事件；
监听浏览器滚动事件，完成某些特定操作；
用户缩放浏览器的resize事件；

节流 throttle
限制流量，很直接的理解
主要应用场景

监听页面的滚动事件；
鼠标移动事件；
用户频繁点击按钮操作；
游戏中的一些]]></description><category></category></item><item><title><![CDATA[纯css实现多行文本展开收起]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/118699673</link><guid>https://blog.youkuaiyun.com/by2019/article/details/118699673</guid><author>by2019</author><pubDate>Tue, 13 Jul 2021 14:38:10 +0800</pubDate><description><![CDATA[纯CSS实现多很文本展开收起
常见方案
基础的css实现多行文本省略显示在工作中非常常见
p{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

但是很多时候会要求实现展开收起模块
就像这样：

如图那种只要控制overflow状态就可实现
标准的固定高度的展开收起很好做，但是很多时候是按照文本行数来判断，同时要适应不同宽度的弹性布局，
这时候常见的方]]></description><category></category></item><item><title><![CDATA[前端全景图方案]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/118307859</link><guid>https://blog.youkuaiyun.com/by2019/article/details/118307859</guid><author>by2019</author><pubDate>Mon, 28 Jun 2021 17:06:18 +0800</pubDate><description><![CDATA[全景图前端方案
​        最近有新的需求需要做个全景图，第一想法是three.js来做这一应用场景，但时间紧就，同时业务需求也蛮多的故选择了第三方组件库。
​        这里找到了这几个方案tpanorama和photo-sphere-viewer及第三方提供的付费服务，前者相对简单，适合简单需求，后者功能较多主页务推荐尝试；
这是宁海县下一处效果图 使用的是photo-sphere-viewer大家可以先看下效果再考虑相关内容
图片源
​	   首先需要一张__球面图__，这种图片通常可通过多]]></description><category></category></item><item><title><![CDATA[前端表格分页预处理]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/105579475</link><guid>https://blog.youkuaiyun.com/by2019/article/details/105579475</guid><author>by2019</author><pubDate>Fri, 17 Apr 2020 14:15:27 +0800</pubDate><description><![CDATA[在前端表格分页预处理
需求背景
​	需要前端对表格数据进行预分页处理后进行新增，组件选用 elementUI 中的表格和分页，使用vue
​	常规的数据分页多由后端处理，通过不同的 pageSize 和 pageNum 进行控制分页，
​	前端对此数据处理其实也大同小异 实现原理如下
需要的数据
​	通常对一数组内的数据进行分页处理，我们需要根据原数组获得以下信息

总条数 total ，既数组长...]]></description><category></category></item><item><title><![CDATA[table自适应及常用相关配置]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/104905514</link><guid>https://blog.youkuaiyun.com/by2019/article/details/104905514</guid><author>by2019</author><pubDate>Mon, 16 Mar 2020 18:51:14 +0800</pubDate><description><![CDATA[table自适应及常用相关配置
这是一个常用的表格样式，故进行了整理归纳，后续遇到好的表格会进行分享；
代码贴在最后
实现效果，表头th标签定宽，后面内容实现宽度自适应，平均分配；
当内容超出时用省略号隐藏超出部分；
鼠标hover于内容上时换行显示内容（但应当注意行高和横向滚动条）

table-layout: fixed;
table-layout: fixed;
/*该项配置是表格内容的宽度...]]></description><category></category></item><item><title><![CDATA[Async/await,javascript异步编程]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/102971721</link><guid>https://blog.youkuaiyun.com/by2019/article/details/102971721</guid><author>by2019</author><pubDate>Fri, 08 Nov 2019 13:49:56 +0800</pubDate><description><![CDATA[Async/await
Async/await 在学习他之前应当补充一定的 promise 知识
它是一种与 promise 相配合的特殊语法，目前被认为是异步编程的终级解决方案
值得我们每一个人学习0
Async
它的字面意思本身就是异步的简写，在代码中他被放置在函数前面，可以使得函数的返回值 value 转化为一个 promise
	async function fun(){
    retu...]]></description><category></category></item><item><title><![CDATA[CSS多余文本省略号显示]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/102877648</link><guid>https://blog.youkuaiyun.com/by2019/article/details/102877648</guid><author>by2019</author><pubDate>Sat, 02 Nov 2019 22:51:47 +0800</pubDate><description><![CDATA[CSS多余文本省略号显示
本次案例代码是在 elementui 当中的 table 组件中实际需求
当然使用的是纯 CSS3 代码，所以原生支持度高，兼容性高，所以可多场景应用
对于过长文本进行单行省略显示，当鼠标移动到对应文本行时，展示全部，当鼠标离开后又恢复单行，多余内容收缩出现省略号
/deep/.el-table__row {
     .cell {
    //对超出内容隐藏
    ...]]></description><category></category></item><item><title><![CDATA[深拷贝浅拷贝]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/102668537</link><guid>https://blog.youkuaiyun.com/by2019/article/details/102668537</guid><author>by2019</author><pubDate>Mon, 21 Oct 2019 17:42:42 +0800</pubDate><description><![CDATA[javascript中的深拷贝与浅拷贝
基础概念
在了解深拷贝与浅拷贝的时候需要先了解一些基础知识
核心知识点之 堆与栈
栈（stack）为自动分配的内存空间，它由系统自动释放；
堆（heap）则是动态分配的内存，大小不定也不会自动释放。
基本数据类型存放在栈中，基本数据类型主要是：undefined，boolean，number，string，null。
在 js 中我们对基础数据类型的操作主要...]]></description><category></category></item><item><title><![CDATA[js中的函数重载]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/102662840</link><guid>https://blog.youkuaiyun.com/by2019/article/details/102662840</guid><author>by2019</author><pubDate>Mon, 21 Oct 2019 14:03:27 +0800</pubDate><description><![CDATA[函数重载与js
什么是函数重载
重载函数是函数的一种特殊情况，为方便使用，C++允许在同一范围中声明几个功能类似的同名函数，但是这些同名函数的形式参数（指参数的个数、类型或者顺序）必须不同，也就是说用同一个函数完成不同的功能。这就是重载函数。重载函数常用来实现功能类似而所处理的数据类型不同的问题。不能只有函数返回值类型不同。
与之相似的函数重写
函数重写，也被称为覆盖，是指子类重新定义父类中有相同...]]></description><category></category></item><item><title><![CDATA[Diff算法]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/101443585</link><guid>https://blog.youkuaiyun.com/by2019/article/details/101443585</guid><author>by2019</author><pubDate>Thu, 26 Sep 2019 14:50:29 +0800</pubDate><description><![CDATA[Diff算法—前端篇
当提起算法我们最熟悉的可能是在Linux中，如果需要比较两个文件就可以使用比较的命令 Diff 通常在 Git 提交代码的时候会使用这一算法原理提交代码
而在前端当中的 Diff 算法，是指虚拟 DOM 变话的对比
传统的 DOM 操作非常昂贵，数据的改变往往需要更新 DOM 树上的多个节点，可谓牵一发动全身，而虚拟 DOM 和 Diff 算法的诞生解决了这一问题
Web 界...]]></description><category></category></item><item><title><![CDATA[Less 语法快速入门]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/101373811</link><guid>https://blog.youkuaiyun.com/by2019/article/details/101373811</guid><author>by2019</author><pubDate>Wed, 25 Sep 2019 17:02:10 +0800</pubDate><description><![CDATA[Less 语法快速入门
Less 是一门 CSS 预处理语言其可以运行在 Node 或浏览器端。
它将传统的 css 样式结构单一的排版顺序进行了优化，让我们可以通过层级嵌套的方式将 css 类名与HTML结构一一对应起来。
这样的好处不仅仅使得 css 样式排版更清楚，也可以让我们在后期的修改中快速查询，同时减少了代码量，一定程度上降低了代码的重复性，最关键的是使得 css 样式相互不干扰
它的...]]></description><category></category></item><item><title><![CDATA[Echarts图表构建]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/100929510</link><guid>https://blog.youkuaiyun.com/by2019/article/details/100929510</guid><author>by2019</author><pubDate>Wed, 18 Sep 2019 17:04:31 +0800</pubDate><description><![CDATA[Echarts学习流程
相信有很多的前端开发人员在开发Echarts图表的过程中都遇到对图表结构过无从下手，面对一大堆的专业词汇一脸懵逼的样子，在经过了一段时间的踩坑后，终于摸索出了

...]]></description><category></category></item><item><title><![CDATA[伪数组]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/99432097</link><guid>https://blog.youkuaiyun.com/by2019/article/details/99432097</guid><author>by2019</author><pubDate>Tue, 13 Aug 2019 14:22:58 +0800</pubDate><description><![CDATA[伪数组
##在javascript中什么是伪数组，如何将伪数组转化为标准数组
这里把符合以下条件的对象称为伪数组：
1，具有length属性
2，按索引方式存储数据
3，不具有数组的push,pop等方法
伪数组（类数组）：无法直接调用数组方法或期望length属性有什么特殊的行为，不具有数组的push,pop等方法，但仍可以对真正数组遍历方法来遍历它们。典型的是函数的argument参数，还有像...]]></description><category></category></item><item><title><![CDATA[MVC、MVP、MVVM基本原理]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/98886071</link><guid>https://blog.youkuaiyun.com/by2019/article/details/98886071</guid><author>by2019</author><pubDate>Thu, 08 Aug 2019 21:37:33 +0800</pubDate><description><![CDATA[#MVC，MVP，MVVM基本原理
模式与框架，其诞生就是为了解决日益复杂的事务处理
当同一问题不断出现，人们就会总结细分出相应的问题解决办法
当需求变得庞大的时候，就会出现细分，在细分的过程中就会出现不同的解决办法
在界面、数据、事件、业务这些元素的细分下，出现了最早的模式MVC
MVC  即 Model-View-Controller
Model-View-Controller 模型 视图 控...]]></description><category></category></item><item><title><![CDATA[vue常见指令]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/98742768</link><guid>https://blog.youkuaiyun.com/by2019/article/details/98742768</guid><author>by2019</author><pubDate>Wed, 07 Aug 2019 13:48:12 +0800</pubDate><description><![CDATA[VUE常见指令
通常指令（Directives）是指带有v-属性的特殊属性。在Vue给HTML元素增加了自定义属性你，它们都是以"v-"开头了
指令
v-text： 更新元素的textContent，如果要更新部分的textContent，需要使用{{}}
插值
v-html：更新元素的innerHTML
v-show：根据表达式的真假切换元素的display css属性
v-if：根据表达式的真...]]></description><category></category></item><item><title><![CDATA[时间复杂度与空间复杂度]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/98068793</link><guid>https://blog.youkuaiyun.com/by2019/article/details/98068793</guid><author>by2019</author><pubDate>Thu, 01 Aug 2019 15:55:43 +0800</pubDate><description><![CDATA[如果一个算法的执行次数是 T(n)，那么只保留最高次项，同时忽略最高项的系数后得到函数 f(n)，此时算法的时间复杂度就是 O(f(n))
void aFunc(int n) {
    for (int i = 0; i &lt; n; i++) {
        for (int j = i; j &lt; n; j++) {
            printf("Hello World\...]]></description><category></category></item><item><title><![CDATA[Git联合项目开发使用流程]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/96322319</link><guid>https://blog.youkuaiyun.com/by2019/article/details/96322319</guid><author>by2019</author><pubDate>Wed, 17 Jul 2019 16:26:32 +0800</pubDate><description><![CDATA[#联合项目开发GitHub使用
分支
在没有使用分支之前，git会默认有一个分支，
就是主分支（master分支，还记得 git push –u origin master这个命令吗？）
这里的master就是主分支
git分支的操作
（远端项目保存在我的git  hub上面的一个仓库中)
(1)下载远端项目至本地
(1) 自己定义项目的路径  右键打开Git  Bash  Here
(2)  输...]]></description><category></category></item><item><title><![CDATA[原型和闭包]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/95612570</link><guid>https://blog.youkuaiyun.com/by2019/article/details/95612570</guid><author>by2019</author><pubDate>Fri, 12 Jul 2019 13:46:23 +0800</pubDate><description><![CDATA[原型和闭包
一切皆对象
一切皆对象（类型值除外）
undefined, number, string, boolean属于简单的值类型
函数、数组、对象、new Number(10)都是对象。他们都是引用类型

Null是基本数据类型，不是引用数据类型
基本数据类型的值就是它本身的值，引用数据类型是存放的对这个对象引用的指针，Null本身的值就是Null，所以不是引用类型


不同的对象在底层都表...]]></description><category></category></item><item><title><![CDATA[VUE框架思想]]></title><link>https://blog.youkuaiyun.com/by2019/article/details/95519702</link><guid>https://blog.youkuaiyun.com/by2019/article/details/95519702</guid><author>by2019</author><pubDate>Thu, 11 Jul 2019 20:54:03 +0800</pubDate><description><![CDATA[#VUE框架思想
学习VUE的第一步就是先了解这个框架的的核心思想
Vue.js的核心思想就是，它是一套__渐进式的自底层向上增量开发__的__MVVM__结构的框架
什么是框架？
简单的讲，框架就是将与业务无关的重复代码进行封装，形成框架
##框架的优势
使用框架可以极大的提升开发效率，但是使用框架需要遵循所使用框架 的语法，不过使用框架可以大大的提高对于业务逻辑的操作
##什么是自底层向上开发...]]></description><category></category></item></channel></rss>