hangge

K8s - 让Master也能当作Node使用的方法（允许将Pod副本调度到Master节点上）

出于安全考虑，默认配置下Kubernetes不会将Pod调度到Master节点。假设我们有如下一个集群：1，让 Master 也当作 Node 使用（1）如果想让Pod也能调度到在Master（本样例即localhost.localdomain）上，可以执行如下命令使其作为一个工作节点：注意：利用该方法，我们可以不使用minikube而创建一个单节点的K8S集群1kubectl taint n

前端

2019-09-05  2846 人浏览

hgweb

Vue.js - 判断当前是开发环境、还是生产环境（附样例）

1，判断样例（1）有时我们需要在代码中判断目前项目是处于开发环境、还是生产环境，然后根据不同环境执行不同的逻辑代码。下面是一个简单的样例：12345if(process.env.NODE_ENV ==="development") {alert("开发环境");}else{alert("生产环境");}（2）如果在开发环境（执行npm r

Vue

2019-09-05  3483 人浏览

hangge

SpringBoot - 实现静态资源的访问（附：修改过滤规则、静态资源位置）

一、默认静态资源访问策略（1）当我们使用IntelliJ IDEA创建Spring Boot项目，会默认创建classpath:/static/目录，我们直接把静态资源放在这个目录下即可。（2）我们直接在浏览器中输入“http://localhost:8080/java.png”即可看到我们添加的这张图片。二、自定义策略如果默认的静态资源过滤策略不能满足开发需求，也可以自定义静态资源过滤策略，自定

Web

2019-09-05  2466 人浏览

hangge

SpringBoot - 实现JSON数据的返回（将模型转成JSON字符串）

JSON是目前主流的前后端数据传输方式。在Spring Boot项目中，只要添加了Web依赖（spring-boot-starter-web），就可以很方便地实现JSON转换。下面我们通过样例进行演示。Web依赖默认加入了jackson-databind作为JSON处理器，我们不需要要添加额外的JSON处理器就可以返回一段JSON。1，实体类创建首先我们创建一个Book实体类，注意这里用到了两个注

Web

2019-09-05  3126 人浏览

xiaozhi

1.创建华丽 UI 的 7条规则 第一部分 (2019年更新)

简介首先也是比较重要的，先说明点这篇指南并不适合所有人，主要适合以下从业者：开发者希望能够在必要时设计出自己漂亮的 UI。用户体验设计师希望他们的产品组合看起来比五角呆板的 PPT 更好看或者让用户得到更好的用户体验。本文中主要围绕以下 7 规则讲解：光来自天空 (Light comes from the sky)黑白优先 (Black and white first)加倍你的空白 (Double

Web

2019-09-05  2392 人浏览

xiaozhi

2.创建华丽 UI 的 7条规则  第二部分 (2019年更新)

以下是这个系列的简洁 UI 的 7 条规则：光来自天空 (Light comes from the sky)黑白优先 (Black and white first)加倍你的空白 (Double your whitespace)学习在图像上叠加文本的方法 ( Learn the methods of overlaying text on images )使文本层次分明 ( Make text pop

Web

2019-09-05  2553 人浏览

xiaozhi

1.创建华丽 UI 的 7条规则 第一部分 (2019年更新)

简介首先也是比较重要的，先说明点这篇指南并不适合所有人，主要适合以下从业者：开发者希望能够在必要时设计出自己漂亮的 UI。用户体验设计师希望他们的产品组合看起来比五角呆板的 PPT 更好看或者让用户得到更好的用户体验。本文中主要围绕以下 7 规则讲解：光来自天空 (Light comes from the sky)黑白优先 (Black and white first)加倍你的空白 (Double

Web

2019-09-05  2103 人浏览

xiaozhi

4.使用 CSS Grid Generator来快速使用及学习 Grid 布局

为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！CSS Grid GeneratorCSS Grid Generator是一个由Sarah Drasner创建的免费工具。它是一个可视化设计工具，允许咱们创建一个基本的 grid 布局，然后就可以使用生成对应的代码，帮助咱们快速布局。第一次进入是界面是这样子的：CSS Grid 布局示例当我

CSS

2019-09-05  2346 人浏览

xiaozhi

3. 8个有用的 CSS 技巧:视差图像，sticky footer

CSS是一种独特的语言。乍一看，这似乎很简单,但是，某些在理论上看起来很简单的效果在实践中往往不那么明显。在本文中，我将分享一些有用的技巧和技巧，它们代表了我在学习CSS过程中的关键进展。本文并不是要演示CSS可以变得多么复杂。相反，它分享了一些在大多数CSS教程中不太可能找到的有用技巧。1. Sticky Footer这个非常常见的需求,但对于初学者来说可能是个难题。对于大多数项目，不管内容的大

CSS

2019-09-05  2452 人浏览

xiaozhi

2.前端学习之路之自适应设计(sass语法)

基本概念css像素、设备像素、逻辑像素、设备像素比viewportrem1. css像素、设备像素、逻辑像素、设备像素比大家可以先看这篇文章了解一下基本概念。css像素：我们大家经常写高多少px，宽多少px,这个就是px像素。逻辑像素：其它就是css像素，他们其实是同一回事。设备像素比：css像素与物理像素的一个比值。设备像素：手机上像素的点，通常一个像素点就是一点，但从苹果出了Retina屏 幕

CSS

2019-09-05  2205 人浏览

xiaozhi

1.45个值得收藏的 CSS 形状

CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成圆形和椭圆形。我们还可以使用 CSS 伪元素中的::before和::after，这为我们提供了向原始元素添加另外两个形状的可能性。通过巧妙地使用定位、转换和许多其他技巧，我们可以只用一个 HTM

CSS

2019-09-05  2025 人浏览

xiaozhi

2.目前可以使用ES10的5个新特性

为了保证可读性，本文采用意译而非直译。ECMAScript 2015，也称为ES6，是一个花了6年时间完成的主要版本。从那时起，负责ECMAScript标准开发的技术委员会39 (TC39)每年都会发布该标准的新版本。这个年度发布周期简化了这个过程，并使新特性快速可用，JavaScript社区对此表示欢迎。今年，ECMAScript 2019（简称ES2019）将会发布。 新功能包括Object.

Web

2019-09-05  2266 人浏览

xiaozhi

1.ECMAScript 2016、2017和2018中所有新特性

跟踪JavaScript (ECMAScript)中的新内容是很困难的，而且更难找到有用的代码示例。因此，在本文中将介绍TC39(最终草案)在ES2016、ES2017和ES2018中添加的已完成提案中列出的所有18个特性，并给出有用的示例。1.Array.prototype.includesinclude 是数组上的一个简单实例方法，可以轻松查找数组中是否有指定内容(包括 NaN)。2.求幂操作

Web

2019-09-05  2035 人浏览

xiaozhi

2.目前可以使用ES10的5个新特性

为了保证可读性，本文采用意译而非直译。ECMAScript 2015，也称为ES6，是一个花了6年时间完成的主要版本。从那时起，负责ECMAScript标准开发的技术委员会39 (TC39)每年都会发布该标准的新版本。这个年度发布周期简化了这个过程，并使新特性快速可用，JavaScript社区对此表示欢迎。今年，ECMAScript 2019（简称ES2019）将会发布。 新功能包括Object.

Web

2019-09-05  2139 人浏览

xiaozhi

1.ECMAScript 2016、2017和2018中所有新特性

跟踪JavaScript (ECMAScript)中的新内容是很困难的，而且更难找到有用的代码示例。因此，在本文中将介绍TC39(最终草案)在ES2016、ES2017和ES2018中添加的已完成提案中列出的所有18个特性，并给出有用的示例。1.Array.prototype.includesinclude 是数组上的一个简单实例方法，可以轻松查找数组中是否有指定内容(包括 NaN)。2.求幂操作

Web

2019-09-05  2031 人浏览

xiaozhi

5 .21个让React 开发更高效更有趣的工具

原文：https://medium.com/better-programming/22-miraculous-tools-for-react-developers-in-2019-7d72054e2306译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！下列工具中的重要性与排序无关。1.Webpack Bundle Analy

Web

2019-09-05  2557 人浏览

xiaozhi

4. 21 个VSCode 快捷键，让代码更快，更有趣

为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！注意：自己尝试的时候，Mac(17, pro) 与原文提供的快捷键盘不太一样，mac 对应的 Ctrl 要换成 command做为前端开发者来说，大都数都用过 VSCode，并且也有很多是经常用的。但 VSCode 的一些快捷键可能我们不知道，也比较少用，毕竟这很好，因此本文就列出一些快捷键

Web

2019-09-05  2224 人浏览

xiaozhi

4. 21 个VSCode 快捷键，让代码更快，更有趣

为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！注意：自己尝试的时候，Mac(17, pro) 与原文提供的快捷键盘不太一样，mac 对应的 Ctrl 要换成 command做为前端开发者来说，大都数都用过 VSCode，并且也有很多是经常用的。但 VSCode 的一些快捷键可能我们不知道，也比较少用，毕竟这很好，因此本文就列出一些快捷键

Web

2019-09-05  2172 人浏览

xiaozhi

3.Web应用程序如何创建 PDF

原文：https://www.smashingmagazine.com/2019/06/create-pdf-web-application/译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！在一些场景下，用户都要求一些需要的数据能以 pdf 的格式下载下来。如电子商务商店，经常需要一些报表数据来分析当月的销售情况。在本文中，

Web

2019-09-05  2648 人浏览

xiaozhi

2. 13个npm 快速使用开发技巧

译者：前端小智原文：https://medium.com/@bretcameron/13-npm-tricks-for-faster-javascript-development-4fe2a83f87a2为了保证的可读性，本文采用意译而非直译。每天，数以百万计的开发人员使用npm或yarn来构建项目。运行npm init或npx create- response -app等命令几乎构建JS项目的首

Web

2019-09-05  2130 人浏览