<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[zoukangdlut的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/zoukangdlut</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; zoukangdlut]]></copyright><item><title><![CDATA[前端的模块化发展与打包工具]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/141423194</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/141423194</guid><author>zoukangdlut</author><pubDate>Thu, 22 Aug 2024 11:11:14 +0800</pubDate><description><![CDATA[随着前端开发的复杂度逐渐提高，模块化成为了必然的趋势。早期的模块化方案如AMD、CMD，需要通过运行时库（如require.js和sea.js）来实现。而随着CommonJS和ESM的流行，模块化方案不再依赖运行时库，而是通过打包工具将它们转成浏览器支持的函数形式。那么为什么会有这样的转变呢？模块化的演变AMD、CMD阶段：通过运行时库实现模块化，如require.js和sea.js。CommonJS阶段：服务器端模块规范，同步加载，适用于服务器端。ESM阶段。]]></description><category></category></item><item><title><![CDATA[【打包工具】rollup配置]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/141259548</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/141259548</guid><author>zoukangdlut</author><pubDate>Fri, 16 Aug 2024 14:43:35 +0800</pubDate><description><![CDATA[入门：https://blog.youkuaiyun.com/qq_35081380/article/details/128166103]]></description><category></category></item><item><title><![CDATA[初探BFF架构]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/141213775</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/141213775</guid><author>zoukangdlut</author><pubDate>Thu, 15 Aug 2024 10:07:35 +0800</pubDate><description><![CDATA[BFF是一种Web架构，全名为Backends For Frontends，即为服务于前端的后端。这个词来源于Sam Newman的一篇文章：Pattern: Backends For Frontends[1]。BFF一般指的是在前端与后端之间加增加一个中间层。为什么要在前端和后端之间增加一个BFF层呢？计算机科学中的所有问题都可以通过加一层来解决。因此，需要使用BFF的场景，肯定是普通的前后端开发模式遇到了部分问题。例如在Sam Newman的文章中就描述了BFF解决多个展示端的场景。]]></description><category></category></item><item><title><![CDATA[css样式 如何使div内的元素从下向上排]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/139319961</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/139319961</guid><author>zoukangdlut</author><pubDate>Thu, 30 May 2024 11:43:16 +0800</pubDate><description><![CDATA[使用flex box。]]></description><category></category></item><item><title><![CDATA[Java内存层分页]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/138213028</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/138213028</guid><author>zoukangdlut</author><pubDate>Fri, 26 Apr 2024 11:11:31 +0800</pubDate><description><![CDATA[在Java中，如果你已经获取了全量数据，但想要以分页的方式进行处理或展示，可以使用。实例，并计算好每一页的数据。是MyBatis-Plus库中的一个接口，用于封装分页信息。如果你已经有了全量数据，并且想要模拟分页，你可以手动创建。对象一起使用，以便只获取特定页面的数据。]]></description><category></category></item><item><title><![CDATA[【置顶】前端工具库]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/108340251</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/108340251</guid><author>zoukangdlut</author><pubDate>Fri, 26 Apr 2024 11:04:16 +0800</pubDate><description><![CDATA[gojs配置手册：https://gojs.net.cn/intro/layers.html

echarts配置手册：https://echarts.apache.org/zh/option.html#title

vue-count-to插件：
]]></description><category></category></item><item><title><![CDATA[CSS记录]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/136656389</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/136656389</guid><author>zoukangdlut</author><pubDate>Mon, 08 Apr 2024 14:52:33 +0800</pubDate><description><![CDATA[粘性定位：居中：]]></description><category></category></item><item><title><![CDATA[ElementUI图标少，引入阿里矢量图标]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/136628006</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/136628006</guid><author>zoukangdlut</author><pubDate>Mon, 11 Mar 2024 16:40:00 +0800</pubDate><description><![CDATA[9、在项目目录下，src  >   assets  >  icon      （创建个icon文件，名字可以随意取），将上面剩余的文件全部拷到这个icon文件夹下。3、项目名称随便写，但是不要写el-icon开头，因为和ElementUI内的图标重名，可能导致用不了。也就是复制el-icon-musicgeci注意前面的.和后面的:都不要复制， 我们在要引用的地方加个div标签，里面套个i标签试一下。记录一下自己成功的步骤，很多是从网上找的，但是网上的写的很散，看一个成功不了，我综合了两篇文章写的。]]></description><category></category></item><item><title><![CDATA[表格el-tooltip和show-overflow-tooltip衝突]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/134952078</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/134952078</guid><author>zoukangdlut</author><pubDate>Tue, 12 Dec 2023 16:03:10 +0800</pubDate><description><![CDATA[合同ID：{{ scope.row.contractId }}]]></description><category></category></item><item><title><![CDATA[前端面试八股文]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/133633313</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/133633313</guid><author>zoukangdlut</author><pubDate>Sat, 07 Oct 2023 10:03:38 +0800</pubDate><description><![CDATA[转自：前端面试八股文总结 - 知乎]]></description><category></category></item><item><title><![CDATA[闭包【转载】]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/132361162</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/132361162</guid><author>zoukangdlut</author><pubDate>Fri, 18 Aug 2023 14:29:09 +0800</pubDate><description><![CDATA[这么多年了，你是否还在讨论javascript闭包呢?闭包这个概念几乎也是任何前端面试官都会必考的问题!并且理解javascript闭包也是迈向高级前端开发工程师的必经之路!也只有理解了闭包的原理和运行机制才能写出更为安全和优雅的javascript代码那么你是否学习javascript很久了但闭包还没有搞懂呢?闭包很晦涩难懂吗?或许你把闭包这个概念想象得太过神奇!今天就来揭秘javascript闭包一个前端开发经久不衰的话题!]]></description><category></category></item><item><title><![CDATA[vue/echarts 链接大全]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/108208991</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/108208991</guid><author>zoukangdlut</author><pubDate>Thu, 10 Sep 2020 09:42:33 +0800</pubDate><description><![CDATA[mock规则：http://mockjs.com/examples.html


]]></description><category></category></item><item><title><![CDATA[Vuex]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/108273884</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/108273884</guid><author>zoukangdlut</author><pubDate>Fri, 28 Aug 2020 10:58:20 +0800</pubDate><description><![CDATA[白话讲vuex：https://www.jianshu.com/p/120eaf50331c

Vuex五个部分组成：state、getters、mutation、action和module

Mutation

1.只有mutation才能动state，我们不能直接store.mutations.increment()来调用，Vuex 规定必须使用store.commit来触发对应 type 的方法

2.mutation必须是同步函数

Action

Action 函数接受一个context...]]></description><category></category></item><item><title><![CDATA[服务器搭建easy-mock]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/108177742</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/108177742</guid><author>zoukangdlut</author><pubDate>Sun, 23 Aug 2020 00:18:29 +0800</pubDate><description><![CDATA[准备工作


	1.一台服务器(话说最近掘金上很多卖服务器的垃圾广告,可被搞惨了..哈哈哈,推荐大家到阿里云官网合法途径购买哈~)
	
	
	2.域名(个人觉得可有可无,因为需要域名备案,比较麻烦)
	
	
	3.跟着这篇教程一步一步走
	
暂时没有服务器可以看这篇本地搭建Easy-Mock

开搞


1.先通过ssh工具连接到你的服务器



ssh root@你的服务器地址


当你看到下面这张图,恭喜你,连接服务器成功,阿里BABA的怀抱向你敞开~~




2.安装node



检查自己服务..]]></description><category></category></item><item><title><![CDATA[Vue提升开发效率和体验的常用工具]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/108093569</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/108093569</guid><author>zoukangdlut</author><pubDate>Wed, 19 Aug 2020 09:49:11 +0800</pubDate><description><![CDATA[Vue-devtools

下载地址：https://github.com/arcliang/Vue-Devtools-

安装方法：浏览器打开chrome://extensions/，勾选开发者模式，加载已解压的扩展程序，导入下载的chrome文件夹



Pretter


]]></description><category></category></item><item><title><![CDATA[ES6语法]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/107976456</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/107976456</guid><author>zoukangdlut</author><pubDate>Thu, 13 Aug 2020 11:48:32 +0800</pubDate><description><![CDATA[ES6语法

1.ES5和ES6声明变量的方式对比

ES5中声明变量的方式：




//1.通过var声明
var num;

//2.函数方式声明
function fn(num){ return num; }
fn(10);


ES6中声明变量的方式：




//1.使用let声明
let a = 10;

//2.使用const声明
const name = "小红";


2. var ，let ， const 的区别：


	不存在变量提升

	var 命令会发生变量提升现象，即变量可..]]></description><category></category></item><item><title><![CDATA[【grunt】前端打包工具]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/102923090</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/102923090</guid><author>zoukangdlut</author><pubDate>Tue, 05 Nov 2019 19:54:22 +0800</pubDate><description><![CDATA[【grunt整合版】30分钟学会使用grunt打包前端代码：https://www.cnblogs.com/yexiaochai/p/3603389.html
]]></description><category></category></item><item><title><![CDATA[gojs相关资料]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/100736394</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/100736394</guid><author>zoukangdlut</author><pubDate>Wed, 11 Sep 2019 14:51:53 +0800</pubDate><description><![CDATA[gojs画布定义：https://blog.youkuaiyun.com/qq_29287561/article/details/81066004

gojs画布操作：https://blog.youkuaiyun.com/qq_29287561/article/details/81163598

gojs go.Panels面板元素：https://blog.youkuaiyun.com/qq_29287561/article/d...]]></description><category></category></item><item><title><![CDATA[牛逼的日历插件FullCalendar]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/99547251</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/99547251</guid><author>zoukangdlut</author><pubDate>Wed, 14 Aug 2019 10:48:20 +0800</pubDate><description><![CDATA[https://fullcalendar.io/
]]></description><category></category></item><item><title><![CDATA[Prometheus 安装]]></title><link>https://blog.youkuaiyun.com/zoukangdlut/article/details/88838933</link><guid>https://blog.youkuaiyun.com/zoukangdlut/article/details/88838933</guid><author>zoukangdlut</author><pubDate>Wed, 27 Mar 2019 10:51:49 +0800</pubDate><description><![CDATA[本文大纲：

Prometheus官⽹下载
	Prometheus开始安装
	Prometheus启动运⾏
	Prometheus基本配置⽂件讲解
	安装第⼀个exporter =》node_exporter
	Prometheus连接exporter获取数据
	Prometheus命令⾏⼊门第⼀个查询公式
	
安装Prometheus之前 我们必须先安装ntp时间同步
（pro...]]></description><category></category></item></channel></rss>