【转载】你未必知道的49个CSS知识点

原文链接: https://juejin.im/post/5d3eca78e51d4561cb5dde12 虽然大多数我都会,嘻嘻.不过案例太生动了,值得收藏.…

作者:老姚,<JS正则迷你书>的作者 https://github.com/qdlaoyao/css-gif 本文的每一条,都是我曾经发过的掘金沸点,其中有很多条超过了百赞(窃喜).鉴于时不时有童鞋翻我以前的沸点,因此,本文收集了个人目前发过的所有CSS知识点动图,以便阅读. 需要说明的是,顺序仍是按当时发布顺序罗列的,还没有系统的总结,多多包涵.另外这里,老姚谢谢各位一如既往的支持. 01.[负边距]负边距的效果.注意左右负边距表现并不一致.左为负时,是左移,右为负时,是左拉.上下与左右类似…

5种你未必知道的JavaScript和CSS交互的方法

随着浏览器不断的升级改进,CSS和JavaScript之间的界限越来越模糊.本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合作.我们的网页中都有.js文件和.css文件,但这并不意味着CSS和js是独立不能交互的.下面要讲的这五种JavaScript和CSS共同合作的方法你也许未必知道! 用JavaScript获取伪元素(pseudo-element)属性大家都知道如何通过一个元素的style属性获取它的CSS样式值,但能获取伪元素(pseudo-eleme…

5种你未必知道的JS和CSS交互的方法

随着浏览器不断的升级改进,CSS和JavaScript之间的界限越来越模糊.本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合作.我们的网页中都有.js文件和.css文件,但这并不意味着CSS和js是独立不能交互的. 下面要讲的这五种JavaScript和CSS共同合作的方法你也许未必知道! 1.用JavaScript获取伪元素(pseudo-element)属性大家都知道如何通过一个元素的style属性获取它的CSS样式值,但能获取伪元素(pseudo-el…

[转载]你需要知道的 16 个 Linux 服务器监控命令

转载自: 你需要知道的 16 个 Linux 服务器监控命令如果你想知道你的服务器正在做干什么,你就需要了解一些基本的命令,一旦你精通了这些命令,那你就是一个专业的 Linux 系统管理员. 有些 Linux 发行版会提供 GUI 程序来进行系统的监控,例如 SUSE Linux 就有一个非常棒而且专业的工具 YaST,KDE 的 KDE System Guard 同样很出色.当然,要使用这些工具,你必须在服务器跟前进行操作,而且这些 GUI 的程序占用了很多系统资源,所以说,尽管 GUI…

12个你未必知道的CSS小知识

虽然CSS并不是一种很复杂的技术,但就算你是一个使用CSS多年的高手,仍然会有很多CSS用法/属性/属性值你从来没使用过,甚至从来没听说过. 1.CSS的color属性并非只能用于文本显示对于CSS的color属性,相信所有Web开发人员都使用过.如果你并不是一个特别有经验的程序员,我相信你未必知道color属性除了能用在文本显示,还可以用作其它地方. 请注意,上面的代码里只使用了一个color属性,就是在body元素上,设置成了yellow.但是,你也看到了,所有这个页面上的东西都变成了黄色…

你未必知道的css小知识

1:当按百分比设定一个元素的宽度时,它是相对于父容器的宽度计算的,但是,对于一些表示竖向距离的属性,例如padding-top,padding-bottom,margin-top,margin-bottom等,当按百分比设定它们时,依据的也是父容器的宽度,而不是高度来计算的. 2:css里的empty-cells属性是所有浏览器都支持的,甚至包括IE8,它的用法是下面这个样子: table { empty-cells: hide; } 它是为HTML table服务的.它会告诉浏览器,当一个…

你需要知道的8个CSS带@的规则

1:@charset(用来设置html文档字符编码的格式,比如我们常用的,charset='utf-8') 注:建议CSS文件最顶部都加上@charset "utf-8";,避免出现乱码以前我写过一篇博客,详见:https://www.cnblogs.com/tu-0718/p/6920243.html 2:@import (和link一样,都是外部引用CSS的方式,但不要使用import引入css,至于原因看下面链接就明白了) link和import外部样式的区别:https:…

转载-你应该知道的 RPC 原理

在校期间大家都写过不少程序,比如写个hello world服务类,然后本地调用下,如下所示.这些程序的特点是服务消费方和服务提供方是本地调用关系. 而一旦踏入公司尤其是大型互联网公司就会发现,公司的系统都由成千上万大大小小的服务组成,各服务部署在不同的机器上,由不同的团队负责.这时就会遇到两个问题:1)要搭建一个新服务,免不了需要依赖他人的服务,而现在他人的服务都在远端,怎么调用?2)其它团队要使用我们的服务,我们的服务该怎么发布以便他人调用?下文我们将对这两个问题展开探讨. public…

【转载】49个CSS知识点

01.[负边距]…

12个很少被人知道的CSS事实

之前没有认真的研究过,padding-bottom的值如果是百分比,那么它的实际值是根据父类的宽度来调整的.我还以为是根据这个元素的本身的宽度来定义呢?汗..padding-top/padding-left/padding-right也是一样算. 不过现在有一个CSS3属性叫box-sizing,可以取值 box-sizing:content-box | border-box content-box: padding和border不被包含在定义的width和height之内.对象的实际宽度等于设…

【转载】在IT界取得成功应该知道的10件事

在IT界取得成功应该知道的10件事 2011-08-11 13:31:30 分类: 项目管理导读:前面大多数文章都是Jack Wallen写的,这是他的新作,看来要成为NB程序员还要不停的自我总结. 1. 厚脸皮 - Thick skin 让我们面对现实吧.从各个方面来说,IT业从业人员很难受到欢迎.昨天有人坚持让你完成一项工作,如果你不好好干的话,你将会马上丢掉工作,因为客户的数据文件无法修复.看起来,不管你的技术多么出色,如果你不能容忍客户尖酸刻薄的批评和指责的话,你将无法取得成功.当…

每个极客都应该知道的Linux技巧

每个极客都应该知道的Linux技巧 2014/03/07 | 分类: IT技术 | 0 条评论 | 标签: LINUX 分享到:18 本文由伯乐在线 - 欣仔翻译自 TuxRadar Linux.欢迎加入技术翻译小组.转载请参见文章末尾处的要求. 是什么区分开普通的Linux用户和超级极客的呢?很简单:用在学习那些使长时工作转变为一瞬间工作的技巧.诀窍.秘诀和技术上的时间.如果你想提高效率而又不用做这些搜集资料的跑腿活儿,那我们已经收集了50多条简单易学的Linux技巧,以帮助你更潇洒地工作…

你可能不知道的7个CSS单位

如果你是一名前端开发工程师,一般px和em使用频率比较高.但是今天本文的重点是介绍一些我们使用很少.甚至么有听说的单位. 一.重温em <style type="text/css"> body {font-size: 12px;} div {font-size: 1.5em;} </style> <body> <div> Test-01 (12px * 1.5 = 18px) <div> Test-02 (18px * 1.5…

[转载] leveldb日知录

原文: http://www.cnblogs.com/haippy/archive/2011/12/04/2276064.html 对leveldb非常好的一篇学习总结文章郑重声明:本篇博客是自己学习 Leveldb 实现原理时参考了郎格科技系列博客整理的,原文地址:http://www.samecity.com/blog/Index.asp?SortID=12,只是为了加深印象,本文的配图是自己重新绘制的,大部分内容与原文相似,大家可以浏览原始页面 :-),感兴趣的话可以一起讨论 Level…

react.js 你应知道的9件事

React.js 初学者应该知道的 9 件事本文假定你已经有了一下基本的概念.如果你不熟悉 component.props 或者 state 这些名词,你最好先去阅读下官方起步和手册.下面的代码示例我将使用 JSX 作演示,因为使用 JSX 语法写组件更为简洁,也更具表达力. 1. React.js 只是一个视图库我们从最基本的开始.React 不是一个 MVC 框架,好吧,它根本就不是一个框架.它只是一个渲染视图的库.如果你对 MVC 熟悉的话,你就会意识到 React.js 只对应了…

面试必须要知道的SQL语法，语句

面试必须要知道的SQL语法,语句收藏 asc 按升序排列desc 按降序排列下列语句部分是Mssql语句,不可以在access中使用.SQL分类: DDL—数据定义语言(Create,Alter,Drop,DECLARE) DML—数据操纵语言(Select,Delete,Update,Insert) DCL—数据控制语言(GRANT,REVOKE,COMMIT,ROLLBACK)首先,简要介绍基础语句:1.说明:创建数据库Create DATABASE database-name 2.说明:…

C#开发人员应该知道的13件事情

本文讲述了C#开发人员应该了解到的13件事情,希望对C#开发人员有所帮助. 1. 开发过程开发过程是错误和缺陷开始的地方.使用工具可以帮助你在发布之后,解决掉一些问题. 编码标准遵照编码标准可以编写出更多可维护的代码,特别是在由多个开发人员或团队编写和维护的代码库中.例如FxCop,StyleCop和ReSharper等,就是常用的实施编码标准的工具. 开发人员:在压缩代码之前,请使用工具仔细检查是否违反了标准,并且对结果进行分析.使用工具发现的代码路径问题,不比你预期的少. 代码审查代码…

你应该知道的JAVA面试题

你应该知道的JAVA面试题经常面试一些候选人,整理了下我面试使用的题目,陆陆续续整理出来的题目很多,所以每次会抽一部分来问.答案会在后面的文章中逐渐发布出来. 基础题目 Java线程的状态进程和线程的区别,进程间如何通讯,线程间如何通讯 HashMap的数据结构是什么?如何实现的.和HashTable,ConcurrentHashMap的区别 Cookie和Session的区别索引有什么用?如何建索引? ArrayList是如何实现的,ArrayList和LinedList的区别?Arra…

Android 程序员必须知道的 53 个知识点

1. android 单实例运行方法我们都知道 Android 平台没有任务管理器,而内部 App 维护者一个 Activity history stack 来实现窗口显示和销毁,对于常规从快捷方式运行来看都是 startActivity 可能会使用 FLAG_ACTIVITY_NEW_TASK 标记来打开一个新窗口,比如 Launcher,所以考虑单任务的实现方法比较简单,首先 Android123 纠正下大家一种错误的方法就是直接在androidmanifest.xml 的 applica…

嵌入式程序员应知道的0x10个C语言Tips

[1].[代码] [C/C++]代码跳至 [1] ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77…

关于C#你应该知道的2000件事

原文关于C#你应该知道的2000件事下面列出了迄今为止你应该了解的关于C#博客的2000件事的所有帖子. 帖子总数= 1,219 大会 #11 -检查IL使用程序Ildasm.exe d #179 - 什么是大会? #180 - CLR按需加载程序集 #485 - 项目参考和附属组件 #486 - 忽略不必要的项目引用 #705 - 应用程序和类库 #706 - 应用程序域启用应用程序隔离基本 #1 - Main()签名的样子 #2 - 最小的C#程序 #3 - 谁设计了C#? #4 -…

关于WPF你应该知道的2000件事

原文关于WPF你应该知道的2000件事以下列出了迄今为止为WPF博客所知的2,000件事所创建的所有帖子. 帖子总数= 1,201 动画 #7 - 基于属性的动画 #686 - 使用动画制作图像脉冲 #777 - 动画变换 #778 - 动画缩放变换 #779 - 动画旋转变换 #1,164 - 使用动画弹回控件基本 #1 - 什么是WPF? #2 - 渲染层 #5 - 矢量图形和分辨率独立 #6 - WPF布局 #9 - 样式 #10 - 控制模板 #11 - 命令 #12 - 标记和代…

每个开发者都应该知道的SOLID原则

每个开发者都应该知道的SOLID原则单一职责原则(SRP) 它为什么违反了 SRP? 这种设计将来会带来什么问题? 开闭原则(OCP) 如何使它(AnimalSound)符合 OCP? 里氏替换原则(LSP) 接口隔离原则(ISP) 依赖倒置原则(DIP) 小结每个开发者都应该知道的SOLID原则转载自此,原作者为 Chidume Nnamdi. 面向对象编程带来了新的软件开发设计方法.它使得开发人员能够将具有相同作用 / 功能的数据组合到一个类中,实现唯一的目的,而不管整个应用程序如何.…

每个JavaScript开发人员应该知道的33个概念

每个JavaScript开发人员应该知道的33个概念介绍创建此存储库的目的是帮助开发人员在JavaScript中掌握他们的概念.这不是一项要求,而是未来研究的指南.它基于Stephen Curtis撰写的文章,你可以在这里阅读. 社区随意提交PR添加链接到您自己的概述或评论.如果您想将repo翻译成您的母语,请随意这样做. 该回购的所有翻译将在下面列出: 中文 - Re Tian 葡萄牙语 - BR - Tiago Boeing 韩语 - Suin Lee 西班牙语 - Adonis Me…

[面试专题]前端需要知道的web安全知识

前端需要知道的web安全知识标签(空格分隔): 未分类安全 [Doc] Crypto (加密) [Doc] TLS/SSL [Doc] HTTPS [Point] XSS [Point] CSRF [Point] 中间人攻击 [Point] Sql/Nosql 注入攻击 Crypto Node.js 的 crypto 模块封装了诸多的加密功能, 包括 OpenSSL 的哈希.HMAC.加密.解密.签名和验证函数等. 加密是如何保证用户密码的安全性? 在客户端加密, 是增加传输的过程中被第三方…

程序员必须要知道的Hadoop的一些事实

程序员必须要知道的Hadoop的一些事实.现如今,Apache Hadoop已经无人不知无人不晓.当年雅虎搜索工程师Doug Cutting开发出这个用以创建分布式计算机环境的开源软...... 1:Hadoop是由多个产品组成的. 人们在谈论Hadoop的时候,常常把它当做单一产品来看待,但事实上它由多个不同的产品共同组成. Russom说:"Hadoop是一系列开源产品的组合,这些产品都是Apache软件基金会的项目." 一提到Hadoop,人们往往将其与MapReduce放在一起…

理工科应该的知道的C/C++数学计算库（转）

理工科应该的知道的C/C++数学计算库(转) 作为理工科学生,想必有限元分析.数值计算.三维建模.信号处理.性能分析.仿真分析...这些或多或少与我们常用的软件息息相关,假如有一天你只需要这些大型软件系统的某一个很有限的功能,你是不是也要因此再用一用那动辄几个g的软件呢?其实我觉得如果系统不是很大,不是很复杂,我们个人完全有可能自己去编写代码来实现这些‘’有限的功能‘’.别以为这是件很困难的事情,我总以为大学期间学的c语言是极其有用的,只要你会基本的c语言语法,你就可以的. 下面我来介绍几个非常…

你应该知道的10个奇特的 HTML5 单页网站

网页设计师努力寻找新的方式来展现内容.其中一个大的趋势是单页网站,现在被世界上的一些大的品牌广泛采用,使用它们来为用户提供一个快速,干净和简单的而且美丽的网站. 下面是10个令人惊叹的单页 HTML5 的网站,涵盖了简约设计,简单导航和视差滚动的综合应用. 您可能感兴趣的相关文章经典网页设计:超炫动画效果单页网站 30个独具匠心的精美单页网站设计案例 25个以全屏照片为背景的精美网页作品 20个与众不同的网页联系表单设计案例 20个模糊背景在网站中的经典应用案例 Every Last…

Git / 程序员需要知道的12个Git高级命令

众所周知,Git目前已经是分布式版本控制领域的翘楚,围绕着Git形成了完整的生态圈.学习Git,首先当然是学习Git的基本工作流.相比于SVN等传统版本控制系统来说,Git是专为分布式版本控制而生的强大工具.使用Git时常用的命令有pull.commit.push等,貌似很简单.不过,有时你会遇到合并冲突的情况,Git这时会将冲突标记出来,需要你手工来解决.有时,你会不小心将代码提交到错误的分支上,并且又推送到了远程仓库.还有些时候,你需要切换到不同的分支,但Git却不让你这么做,因为还有未保存…

【【转载】你未必知道的49个CSS知识点】的更多相关文章