综合( 右侧选择分类 )
xiaozhi

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

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

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

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

1.45个值得收藏的 CSS 形状

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4.不要这样写简历

作者:饥人谷创始人:方应杭文本来源:(已经方老师同意转载)https://zhuanlan.zhihu.com/p/58441700https://zhuanlan.zhihu.com/p/58443762简历问题从严重到不严重排序实习经验介绍太少。我根本就无法看出你在其中做了什么工作,我甚至都不知道你的抓取工作用了什么技术。至少介绍三句话也好。编程经验只有名词列举,没有佐证。你如果有这些编程经验
227 人浏览
xiaozhi

3.Javascript 面试中经常被问到的三个问题!

本文不是讨论最新的 JavaScript 库、常见的开发实践或任何新的 ES6 函数。相反,在讨论 JavaScript 时,面试中通常会提到三件事。我自己也被问到这些问题,我的朋友们告诉我他们也被问到这些问题。然而,这些并不是你在面试之前应该学习的唯一三件事 - 你可以通过多种方式更好地为即将到来的面试做准备 - 但面试官可能会问到下面是三个问题,来判断你对JavaScript语言的理解和DOM
223 人浏览
xiaozhi

2.前端面试:谈谈 JS 垃圾回收机制

最近看到一些面试的回顾,不少有被面试官问到谈谈JS 垃圾回收机制,说实话,面试官会问这个问题,说明他最近看到一些关于 JS 垃圾回收机制的相关的文章,为了 B 格,就会顺带的问问。最近看到一篇讲 JS 垃圾回收的国外文章,觉得讲得明白,所以就翻译过来了,希望对你们有所帮助。垃圾回收JavaScript 中的内存管理是自动执行的,而且是不可见的。我们创建基本类型、对象、函数……所有这些都需要内存。当
229 人浏览
xiaozhi

1.Javascript 面试的完美指南(开发者视角)

为了说明 JS 面试的复杂性,首先,请尝试给出以下结果:onsole.log(2.0==“2”==newBoolean(true)==“1”)十有八九的会给出false, 其实运行结果是true,原因请看这里。1) 理解 JS 函数函数是 JavaScript 的精华,是 JS 一等公民。JS 函数不仅仅是一个普通的函数,与其他语言不同,JS 函数可以赋值给变量,作为参数传递给另一个函数,也可以从
228 人浏览
xiaozhi

3.Web 应用安全性: 使用这些 HTTP 头保护 Web 应用

目前,浏览器已经实现了大量与安全相关的头文件,使攻击者更难利用漏洞。接下来的讲解它们的使用方式、它们防止的攻击类型以及每个头后面的一些历史。HTTP Strict Transport Security (HSTS)HSTS(HTTP Strict Transport Security)国际互联网工程组织IETF正在推行一种新的Web安全协议,HSTS 的作用是强制客户端(如浏览器)使用 HTTPS
258 人浏览
xiaozhi

2.Web 应用安全性: HTTP简介

HTTP是一个美好的东西:一个存在了20多年而没有太多变化的协议。正如我们在前一篇文章中看到的,浏览器通过HTTP协议与web应用程序交互,这是我们深入研究这个主题的主要原因。如果用户在网站上输入他们的信用卡信息,攻击者就能在数据到达服务器之前拦截数据,我们肯定会有麻烦。了解HTTP是如何工作的,我们如何保护客户端和服务器之间的通信,以及该协议提供了哪些与安全相关的特性,这是改进安全状态的第一步。
265 人浏览
xiaozhi

1.Web 应用安全性: 浏览器是如何工作的

这本系列的第一篇,先解释浏览器的功能以及执行方式。由于大多数客户将通过浏览器与 web 应用程序进行交互,因此必须了解这些出色程序的基础知识。浏览器是一个渲染引擎,它的工作是下载一个web页面,并以人类能够理解的方式渲染它。虽然这几乎是一种过于简单的过分简化,但我们现在需要知道的全部内容。用户在浏览器栏中输入一个地址。浏览器从该 URL 下载“文档”并渲染它。你可能习惯使用 Chrome,Fire
961 人浏览