综合( 右侧选择分类 )
hgweb

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

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

SpringBoot - 实现静态资源的访问(附:修改过滤规则、静态资源位置)

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

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

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

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

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

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

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

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

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

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

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

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

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

1.45个值得收藏的 CSS 形状

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1.灵活使用 console 让 js 调试更简单

Web开发最常用的高度就是console.log,虽然console.log占有一席之地,但很多人并没有意识到console本身除了基本log方法之外还有很多其他方法。 适当使用这些方法可以使调试更容易,更快速,更直观。console.log()在console.log中有很多人们意想不到的功能。虽然大多数人使用console.log(object)来查看对象,但是你也可以使用console.lo
146 人浏览