大家好，我是树哥。 相信大家都知道我最近在学习前端知识，最近学到了响应式这块的内容。既然学到这块内容，那我必然会遵循「理论实践总结」的学习方法，这篇文章就是我对响应式知识的简单总结。 什么是响应式布局？ 响应式布局，就是根据不同设备展示不同的布局，以免更方便用户浏览页面。举个很简单的例子，我们在电脑上浏览网页，屏幕非常大，这时候可能采用的是如下图所示的布局方式。这种布局方式很宽敞，能够容纳的内容也很多，能够最大程度地传递信息。 如果是在类似于iPadPro的平板电脑上，由于屏幕大小原因，我们会使用不一样的布局。对于美团官网来说，他们就把顶部的导航栏隐藏起来，需要通过点击左上角的菜单按钮才能显...

在上篇文章别再用float布局了，flex才是未来！中，我们聊到Flex布局才是目前主流的布局方式。在文章最后，我们还贴了一个案例，并且还浅浅地讲解了一下。 有些小伙伴说，这讲解得太粗了，要是能够再深入讲解一下，顺便把代码分享分享就好了。那么，今天我们就继续来扒一扒这个项目的布局实现。 大体框架实现 这个项目是我在CodePen上找到的一个项目，地址是：GlassmorphismCreativeCloudAppRedesign，其页面如下图所示。 从上图可以看得出来，其布局还是非常清晰明了的。其最外层包括一个顶部的导航栏和一个下面的内容区域，用html描述大致是下面的代码。 <div...

大家好，我是树哥！ 前面一篇文章整体介绍了CSS的布局知识，其中说到float布局是CSS不断完善的副产物。而在2023年的今天，flex这种布局方式才是未来！那么今天我们就来学习下flex弹性布局。 什么是Flex布局？ 在经过了长达10年的发展之后，CSS3才终于迎来了一个简单好用的布局属性——flex。Flex布局又称弹性布局，它使用flexbox属性使得容器有了弹性，可以自动适配各种设备的不同宽度，而不必依赖于传统的块状布局和浮动定位。 举个很简单地例子，如果我们想要实现一个很简单左侧定宽，右侧自适应的导航布局，如下图所示。 在没有flex之前，我们的代码是这么写的。 <di...

大家好，我是树哥。 最近想着学习点前端知识，于是就学习了关于Web前端的布局知识，其实就是CSS那些事。关于CSS其实很早就接触过了，但一直没有沉下心来去学习，所以对于CSS布局的东西一直都不成体系。这次趁着重学前端，真正花时间学了一下CSS布局的知识点，顺带把知识点总结一下。 前言 说到CSS布局，有写过一些CSS页面的同学脑海中可能会浮现一些字眼，例如：float、display、relative、absolute等等。但这些属性分别代表什么意思，它们之间都有什么区别，啥时候用float啥时候用relative，你弄得懂吗？对于我来说，我没弄懂，有点懵。于是，我花了点时间弄懂它，这也是本文...

「智能合约」一词是由NickSzabo在1997年首次提出的，比的出现要早很多。他是位计算机科学家、法学学者，还是个密码译解专家，所以我还是替他跟你「讲人话」好了。 简而言之：他想用分布式记账技术来保存合同。如今的智能合同，就如现实世界中的合同一样。唯一的区别只不过是它们完全是数码形态的。事实上，一个智能合同，其实只是存储在区块链中的一个小小的计算机程序。 智能合同如何工作？ 那咱们举个例子来看看智能合同是如何运作的。你可能听说过众筹鼻祖Kickstarter。如果各团队想要制造某种产品，他们可以上Kickstarter网站，建立项目内容，制定资金筹集目标，然后就可以开始等着从那些相信他们理念...

前阵子在油管看到了一个介绍区块链的短视频，把区块链讲得很清楚，于是我把它翻译一下分享给大家。相信大家看了这篇文章，基本上能够理解什么是区块链了。 区块链，顾名思义，它是由一组包含信息的区块组成的信息链。 区块链由一个有趣的属性：一旦某些数据被记录到一条区块链中后，那么数据就很难再被改变。那区块链到底是如何工作的呢？ 区块链的组成 区块链由区块和链组成。每一个区块包含三个元素：数据、哈希值、前一区块的哈希值。 区块的第一个元素是数据。区块中所保存的数据与区块链的类型有关。例如，比特币区块链中的区块保存了相关的交易信息，包括卖家，买家，以及交易比特币的数量。 区块的第二个元素是哈希值。每个区块包含...

中文输入法 切换到root用户，运行以下命令： yuminstall"@ChineseSupport" 按照提示，一路Yes等待安装完成。安装完成后点击左上角​​System->Preferences->InputMethod​​​，如果没有找到​​InputMethod​​菜单，说明没有安装成功。 选择后会出现下面图片里的选项框，点击“Enableinputmethodfeature”并选择"UseIBus(recommended)"，点击"InputMethodPreferences"。在出现的下拉框中选择你需要的输入法后，点击当前对话框右边的"Add"按钮，这时...

对于互联网一代的我们，一出生就学会使用电脑。当我们对着浏览器地址栏输入​​www.baidu.com​​​的时候，百度的首页就出现在面前。但你可曾想过，为什么我们输入​​www.baidu.com​​就可以弹出百度首页？在这弹指一挥间，到底发生了什么？今天就让我带你来揭开这背后发生的一切。 当我们开始之前，我们需要明白：虽然我们每次访问网页，都是使用域名的方式（例如：www.baidu.com）。但对于计算机来说，它最终访问的是域名对应的IP（例如：10.102.201.253）。所以今天我们要讲的这一切，其实就为了说清楚一件事情：DNS是如何为域名找到对应的IP地址的。 浏览器DNS缓存 当...

开发Leader和一线开发的区别在于：普通一线开发很多时候都只接触业务编码，不需要关注除开发之外的其他事情。但是作为一个开发Leader，不仅仅需要懂开发层面的东西，还需要懂得运维层面的东西。 最近产品同学就找到我：大佬，运营给了个需求，需要你搞定一下。事情是这样的：公司要接入一个第三方邮件供应商，其中有一个环节需要做子域名的NS记录解析。当时我一脸懵逼，什么是子域名的NS记录？到底要干嘛？虽然我可以直接把事情丢给运维人员，但是作为一个责任感爆棚的开发LD，必须要把事情的整个流程搞清楚呀。 经过一番了解，我了解到域名解析有好几种类型，包括：A记录、CName记录、MX记录、NS记录等。作为开发...

在互联网+不断渗透到生活中的今天，各种各样的网络服务存在在我们身边，他们的访问流量也是大得惊人。一个大型网站（百万PV以上）想要正常访问，单单靠一台服务器是不可能提供稳定服务的。这时候就需要用负载均衡技术将海量的接口请求平均分发到各个服务器上，以减少每台服务器的压力。 上面的流程图展示了从用户请求和响应的整个路程。用户按下一个按钮，一个请求通过网络转发到运营商网络，运营商对其进行DNS解析。如果请求所对应的域名配置了DNS轮询，那么运营商将会随机返回域名对应的一个服务器IP，之后将请求转发到该服务器上。当请求到达服务器时，首先会达到LVS虚拟服务器，虚拟服务器再根据具体算法转发给后边的Ngi...

当你的数据里只有几千几万，那么SQL优化并不会发挥太大价值，但当你的数据里去到了几百上千万，SQL优化的价值就体现出来了！因此稍微有些经验的同学都知道，怎么让MySQL查询语句又快又好是一件很重要的事情。要让SQL又快又好的前提是，我们知道它「病」在哪里，而explain关键字就是MySQL提供给我们的一把武器！ 在我们所执行的SQL前面加上explain关键字，MySQL就不会真正去执行这条语句，而是模拟优化器执行SQL查询语句，最后会输出一系列的指标告诉我们这条语句的性能如何，如下图所示。 mysql>explainselectfromstudentwhereid=1\G id...