Grid网格布局教程 发表于 2019-06-28 | 分类于 grid 字数统计: 5.9k | 阅读时长 ≈ 24 一、概述网格布局(Grid)是最强大的 CSS 布局方案。 它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。 上图这样的布局,就是 Grid 布局的拿手好戏。 Grid 布局与 Flex 布局有一定的相似性,都可 ... 阅读全文 »
函数指令 (Function Directives) 发表于 2019-06-05 | 分类于 sass学习手记 字数统计: 366 | 阅读时长 ≈ 1 Sass 支持自定义函数,并能在任何值或脚本上下文中使用。例如 12345678$grid-width: 40px; $gutter-width: 10px;@function grid-width($n) { @return $n * $grid-width + ($n ... 阅读全文 »
混入指令 (Mixin Directives) 发表于 2019-06-05 | 分类于 sass学习手记 字数统计: 1.9k | 阅读时长 ≈ 8 混入(mixin)允许您定义可以在整个样式表中重复使用的样式,而避免了使用无语意的类(class),比如 .float-left。混入(mixin)还可以包含所有的CSS规则,以及任何其他在Sass文档中被允许使用的东西。他们甚至可以带arguments,引入变量,只需少量的混入(mixin)代码就 ... 阅读全文 »
SassScript 发表于 2019-06-05 | 分类于 sass学习手记 字数统计: 3.7k | 阅读时长 ≈ 15 在 CSS 属性的基础上 Sass 提供了一些名为 SassScript 的新功能。 SassScript 可作用于任何属性,允许属性使用变量、算数运算等额外功能。 通过 interpolation,SassScript 甚至可以生成选择器或属性名,这一点对编写 mixin 有很大帮助。 1. 变量 ... 阅读全文 »
CSS扩展 (CSS Extensions) 发表于 2019-06-05 | 分类于 sass学习手记 字数统计: 969 | 阅读时长 ≈ 4 1. 嵌套规则 (Nested Rules)Sass 允许将一套 CSS 样式嵌套进另一套样式中,内层的样式将它外层的选择器作为父选择器,例如: 123456789#main p { color: #00ff00; width: 97%; .redbox { back ... 阅读全文 »
控制指令和表达式(Control Directives & Expressions) 发表于 2019-06-03 | 分类于 sass学习手记 字数统计: 1.2k | 阅读时长 ≈ 5 SassScript支持一些基本控制指令和表达式,比如仅在在某些条件下包含样式,或者包括相同的样式几次变化。 注意: 控制指令是一项高级功能,日常编写过程中并不常用到,主要在 mixins(混合)指令中使用,尤其是像Compass这样的库。 1.if()内置的if()函数可让您在一个条件处理分支并返 ... 阅读全文 »
文本溢出与 Tooltip,如何更好的处理二者 发表于 2019-06-03 | 分类于 css 字数统计: 1.3k | 阅读时长 ≈ 5 前言前端开发中文本溢出是一个非常常见的场景,如果在编程中没有对这部分进行处理,很可能会出现因为文本太长影响整体视觉效果或前端布局的情况。因此,对于有可能出现文本溢出的地方,我们需要对他们进行一些处理。当然,单纯地处理溢出很简单,如果要结合 Tooltip 做一些略复杂的交互显示,可能需要考虑更多的内 ... 阅读全文 »
4类 JavaScript 内存泄漏及如何避免 发表于 2019-05-23 | 分类于 javascript 字数统计: 3.8k | 阅读时长 ≈ 14 原文:4 Types of Memory Leaks in JavaScript and How to Get Rid Of Them 译者注:本文并没有逐字逐句的翻译,而是把我认为重要的信息做了翻译。如果您的英文熟练,可以直接阅读原文。 本文将探索常见的客户端 JavaScript 内存泄漏, ... 阅读全文 »
在create-react-app中搭配tslint 发表于 2019-04-24 | 分类于 react 字数统计: 919 | 阅读时长 ≈ 3 创建React和TypeScript项目现在创建React和TypeScript应用程序非常简单。在CRA 2.1 TypeScript之前,我们必须使用单独的脚本将TypeScript包含在我们的React应用程序中。从CRA 2.1开始,TypeScript支持就在框中。我们只需要安装npm 5 ... 阅读全文 »
mongod 发表于 2019-04-22 | 分类于 mongodb 字数统计: 995 | 阅读时长 ≈ 4 mongodb密码和传统数据如mysql等有些区别: mongodb的用户名和密码是基于特定数据库的,而不是基于整个系统的。所有所有数据库db都需要设置密码 mongodb设置管理用户和密码: show dbs在mongodb新版本里并没有admin数据库,但是并不妨碍第2步操作。 use ... 阅读全文 »