定义更好用的CSS Reset
什么是CSS Reset如果你不定义html元素的默认css样式,那么浏览器自己就会用它自己的默认样式;但由于不同浏览器的默认样式是不一样的,会导致你开发的页面在不同的浏览器上会看上去不太一样;所以,为了避免页面在不同的浏览器上有不同的效果,我们通常需要显示地对html元素的css样式进行一些默认设置,来将“浏览器自带的设置”重置掉,这个就叫做CSS Reset
在一开始,CSS的工作方式没有完全标准化,所以每个浏览器(IE,Chrome,Firefox,Safari)都实现了它认为正确的东西。
各个浏览器将自认为合适的“边框”,“填充”,“边距”,“字体”,“行高”等样式加载到一些基础元素(input,div,a,span)中,以赋予页面独特的感觉。
如下图,可以看到,很基础的html元素在IE,Chrome,Firefox,Opera中的显示不尽相同。
所以,为了避免页面在不同的浏览器上有不同的效果,我们通常需要显示地对html元素的css样式进行一些默认设置,来将“浏览器自带的设置”重置掉,这个就叫做CSS Reset。
使用CSS Reset的弊端其实也有很多“不建议使用 ...
生活中的正向与反向代理
先举几个正向代理与反向代理在现实生活中的例子
正向代理生活举例1. 代购A买不到C店的商品,B能买到C店的商品,A让B帮忙买
A是需求方,B是代理方,C店是受理方
特征1:A授权B代表自己去C店购买(A=>B=>C)
特征2:C不知道实际是A在购买
2. 捐款A想捐款给C,但是没有门路,A请B机构捐款给C
A是需求方(表达温暖的需求),B是代理方,C是受理方
特征1:A授权B代表自己去给C送钱送温暖(A=>B=>C)
特征2:C不知道实际是A给自己好处
总结:A找B找C的路径上,A授权B代表自己去和C沟通(A => B => C),就是正向代理反向代理生活举例1. 充值服务A需要到某一个移动营业厅C充值,但是嫌麻烦,就在某应用B上进行了充值,应用B自己联系了某个营业厅C,完成后告诉A已经完成了
A是需求方,B是代理方,C是受理方
特征1:C营业厅授权B代表自己去和A沟通并解决A的问题(C=>B=>A)
特征2: A不知道实际是在哪个C营业厅完 ...
《13+1体系-打造持续健康的组织》读书笔记
笔记思路记录顺序和层次和书籍一致,抓大(重点)放小(案例故事),能够快速理解和回忆出核心重点。
书籍背景
本书于2020年底出版,系统讲解了一套人才与组织的管理经验和方法,一共13个模块,和1个领导力,故简称为13+1体系。
书籍由曾任阿里HRVP的黄旭撰写,书中的经验理论在麦当劳、沃尔玛、华润等外企、国企、民营、传统行业等领域成功落地。
建议当企业人数接近百人时便需要引入一套标准的方法论来进行管理,13+1是一个不错的选择。
书籍结构说明
书籍自顶向下分为四个层级,一共13个模块。
精神层面,它决定了企业的高度,决定了企业能做多大,能走多远,能活多久;这里包含三个模块:使命,愿景,价值观
商业层面,从逻辑、理性的角度对精神层面的内容进行细化;这里包含三个模块:战略,三年规划,一年1~3件事
组织保障层面,确保商业层面定下的内容能够顺利执行;这里包含四个模块:架构,KPI,计划,激励
执行力层面,确保组织能够高效运转的执行力;这里包含三个模块:沟通,考核,人才盘点
最后一个是领导力,是对管理者的要求,单独列出来作为13+1的1。
一、精神层面1、使命What 什么是使命
使命 ...
CDN简介
CDN是content delivery network或者是content distribution network的缩写即内容分发网络。
背景说明从1991年开始,随着互联网技术的发展和网民的增加,给网络带来越来越多的压力,在传输效率上逐渐出现了瓶颈。
给我们带来直接的困扰就是,明明我们使用了4G,5G网络,家里安装了百兆,千兆宽带,但是看视频,浏览网页,听音乐,还是慢,为什么?
这里列举两个典型的场景,和开车一样,距离和拥堵程度共同影响了访问效率。
距离问题假如我们从北京访问美国的一个网站或者视频,美国和中国的直线距离是10000公里,网络光缆传输接近光速,大约是30万公里/s,传输时延就是330ms,一个来回就是660ms,但这只是理想情况,假设真的从美国到北京直接拉了一条长约10000公里的光缆,全程高速公路,没有堵车,没有收费站。
但实际情况,光缆传输速度是光速的2/3左右。
以及美国到北京中间并不是一根光缆,而是有无数的小网组成,比如国内三大运营商,比如你家里使用的二级,三级网络运营商;这些小网络之间的传输就好比独木桥或者收费站,要做计费处理,会有 ...
如何一键搭建hexo私人博客
Github地址
Docker仓库地址
Demo地址
本文提供了一个开箱即用的hexo私人博客解决方案,并且集成了高人气的next主题。
通过使用docker镜像,在免去了繁杂的环境配置和安装的同时,也提供了简单但灵活的主题配置方式和博客更新打包方式。
所有的依赖只有docker
快速启动只需要执行如下命令,即可启动你自己的hexo博客
1docker run -d -p 3000:4000 josiahzhao/docker-hexo-next:latest
如果需要对博客内容进行持久化存储,使用下面的语句启动即可
1docker run -d -p 3000:4000 -v {你的本地路径}/source:/hexo/website/source josiahzhao/docker-hexo-next:latest
“{你的本地路径}/source”就是你的博客的数据库目录: 所有的配置、文档都在里面,后续备份和迁移部署只需要对这个目录进行操作即可
随后访问宿主机IP的3000端口即可,如图
“{你的本地路径}/source” ...