在这样的时代背景下，以金融、出行、房产、轻工制造为代表的传统行业，该如何把住数字经济的时代脉搏，以信息化、智能化、数字化的方式变革自身业务模式与管理方式，在数字化转型的浪潮下不被“后浪”所淘汰？...TVP技术闭门会 TVP技术闭门会，是为TVP打造的专属技术闭门研讨会，旨在为大家提供一个开放、平等、知无不言的交流环境，便于 TVP 针对热门技术话题、前沿科技、技术管理等话题进行深入探讨。...本次TVP数字化转型技术闭门会，聚焦金融、出行、房产、轻工制造四大主题，邀请23位嘉宾，共同探讨数字化转型的行业痛点与最佳实践，力图为中国传统企业的数字化转型找出一条切实可行的参考路径。...据权威分析报告显示，2020 年全球客运需求将出现11年来首降，其中亚太地区或将下降 13％，中国国内客运市场的损失或将达 128 亿美元。在这样的背景下，航企的数字化转型进程按下了加速键。...TVP成立之初，便一直秉承着“用科技影响世界”的愿景，让技术普惠大家，践行科技向善的初心和本心。 我们希望用这一系列高端、前沿的技术闭门会，帮助传统企业找到数字化时代的应变之法。
0 岁的孩子是最弱的。...再从大脑结构来说，你可以理解它们分布在这个位置： 从距离上说，本能脑和情绪脑距离心脏更近，一旦出现紧急情况，它们就会优先得到供血，这就是为什么我紧张的时候会感觉大脑空白，因为最上方的理智脑供血不足了。...而且因为它年龄小，在遇到危险的时候，本身也竞争不过其他两重脑，所以就能解释，为什么人在遇到危险的时候都靠本能反应而不是靠理智。 02 那怎么解决这个问题呢？ 其实很简单，就是打稿子，然后自己多练。...为了验证这个方法，于是我在第二次分享的时候，虽然写了 PPT ，但我还另外写了一份稿子，把会上要分享的内容全部写出来，熟读之后，再对着 PPT 讲上三篇，直到自己觉得不卡顿为止。...前几天和阿常聊天，她说起将要和小林连麦，想想都觉得会紧张，后来把默默把内容在脑子里过了几遍之后感觉踏实不少。
分享一个在go tour上看到的练习题，练习里要求用户自己定义一个错误类型，实现 error接口，函数在参数不满足条件的时候返回自定义的错误类型的值。...注意: 在 Error 方法内调用 fmt.Sprint(e) 会让程序陷入死循环。可以通过先转换 e 来避免这个问题：fmt.Sprint(float64(e))。这是为什么呢？...import ( "fmt") type ErrNegativeSqrt float64 func (e ErrNegativeSqrt) Error() string { // 这里直接使用e值会内存溢出..., err } return 0, nil} func main() { fmt.Println(Sqrt(2)) fmt.Println(Sqrt(-2))} 接下来探究一下为什么在练习中把值...，感兴趣的可以通过阅读原文的链接访问到go tour上的这个练习题自己试验一下。
在查看网页源码的时候经常会发现带有类似 ?v=13566 或者 ?version=15678 的 CSS 和 JS 文件。如下所示： 会缓存这些CSS或JS文件，每次更新了 JS 或 CSS 文件后，改变版本号，客户端浏览器就会重新下载新的JS或CSS文件，起到刷新缓存的作用。...大家有时候会发现修改了CSS样式或者JS文件，刷新页面的时候不变，是因为客户端缓存了 CSS 或者 JS 文件，导致修改不省心，这时候清一下缓存或者强制刷新一下就好了，因此加上参数还是有一定好处的！...一个网站的访客成千上万，你不可能在更新 CSS 后让每个访客都刷新一下缓存，那么这个问题你会怎么处理呢？ 方法一：更改CSS文件名 其实解决这个问题很简单，缓存是通过文件名标记缓存的内容的。...的资源，所以方法二可能会导致你原先的缓存功能失效，可以改用第一种方法。
当我们把一些块元素设置display-inline-block的时候，你会发现各个块之间有间距，刚开始我以为是没有设置margin 0 和padding 0，后来才知道，是代码换行的原因，只要把代码之间的换行去掉就没问题...当我们想要一个div元素居中，那么我们要给这个div宽度然后设置margin 0 auto。...当然有人会问，如果只是这样直接用p元素不一样吗，我想说的是当你遇见之后你就知道了。包括图片等也可以用这种方法居中。...当你要做很多边框一层一层的时候，我想大部分会采用很多div上下左右居中，然后不停背景图片，这边推荐使用box-shadow，其他都设置0，调整扩张半径。两层border的时候，使用outline。...CSS能做的其实太多了，只不过我们习惯了用JS去实现，但是CSS实现比JS实现在性能上更优，希望都能慢慢积累。 （完）
通俗讲就是官大的压死官小的。 后来居上：当元素的层叠水平一致、层叠顺序相同的时候，在DOM流中处于后面的元素会覆盖前面的元素。 在CSS和HTML领域，只要元素发生了重叠，都离不开上面这两个黄金准则。...这就是为什么，绝对定位元素在left/top等值定位的时候，如果没有其他定位元素限制，会相对浏览器窗口定位的原因。 ②....会发现，妹子跑到蓝色背景的下面了。为什么呢？...大家知道为什么定位元素会层叠在普通元素的上面吗？...但是，一旦图片开始走fadeIn淡出的CSS3动画，文字跑到图片后面去了： ? 为什么会这样？ 实际上，学了本文的内容，就很简单了！
不规则的投影 filter 当我们想给一个矩形或其他能用 border-radius 生成的形状加投影时，用 box-shadow 都可以解决，如下图： ?...这类情况包括下列几种情况: 1、半透明图像、背景图像、或者 border-image(比如老式的金质像框); 2、元素设置了点状、虚线或半透明的边框，但没有背景(或者当 background-clip...下面来看看这个示例： html代码 div class="speech">不规则的投影div> css样式 div { position: relative; display: inline-flex...从上图可以看出box-shadow搞不定的，drop-shadow给搞定了。这是为什么了？ ? 可以很明显的看出区别，为什么会这样呢？...而drop-shadow就不一样了，他是把所有的非透明区域都做了阴影效果，就相当于一种真正的投影。
，DIV等这个时候容易发生捉迷藏的问题。...float:left.有的 时候我们需要在n栏的float div后面做一个统一的背景,譬如: div id=”page”> div id=”left”>div> div id=”...center”>div> div id=”right”>div> div> 比如我们要将page的背景设置成蓝色,以达到所有三栏的背景颜色是蓝色的目的,但是我们会发现随着left...important 这句放置在另一句之上，上面已经提过 10.IE,FF的默认值问题 或许你一直在抱怨为什么要专门为IE和FF写不同的CSS，为什么IE这样让人头疼，然后一边写css，一边咒骂那个可恶的...M$ IE.其实对于css的标准支持方面，IE并没有我们想象的那么可恶，关键在于IE和FF的默认值不一样而已，掌握了这个技巧，你会发现写出兼容FF和 IE的css并不是那么困难，或许对于简单的css，你完全可以不用
，说，你个彩笔，做背景用span做什么，其实我是准备后面说别的问题的时候使用的。...不要见怪，这里直接使用div做背景是最合适的。...但是这里需要注意一点的是假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止,产生浮动的元素，块级元素是看不到他们的 写个例子 的元素是不可以撑起来这个外层的div的 浮动的元素在父级的元素不够包它的时候，他会自动填充到下一行 写个例子 的宽度不够支持内部元素的宽度总和的时候，浮动的元素是直接就换到下一行了 当我们将元素清除浮动以后，我们就可以直接使父级看到他们，我们可以直接在原来的基础上新加一个p元素，然后给p元素进行浮动的清除
，DIV等这个时候容易发生捉迷藏的问题。 ...float:left.有的时候我们需要在n栏的float div后面做一个统一的背景,譬如: div id=”page”> div id=”left”>div> div id=”center...important 这句放置在另一句之上，上面已经提过 10.IE,FF的默认值问题 或许你一直在抱怨为什么要专门为IE和FF写不同的CSS，为什么IE这样让人头疼，然后一边写css，一边咒骂那个可恶的...M$ IE.其实对于css的标准支持方面，IE并没有我们想象的那么可恶，关键在于IE和FF的默认值不一样而已，掌握了这个技巧，你会发现写出兼容FF和IE的css并不是那么困难，或许对于简单的css，你完全可以不用...，譬如文字，如果你没有在css中指定颜色，那么浏览器将采用黑色或者系统颜色来显示，div或者其他元素的背景，如果在 css中没有被指定，浏览器则将其设置为白色或者透明，等等其他未定义的样式均如此。
其实，有时候我们用 JavaScript 来实某些交互，CSS 一个属性就能搞定了，这可以大大节约我们编码的时间。 作为前端开发人员，我们经常会遇到这样的事情。...所以我问自己，为什么不搞篇文章列出所有那些较少使用但既有用又有趣的 CSS 属性？ 在本文中，我将介绍一些不一样的CSS属性，希望能给你带来点新鲜感，废话不多说，让我们开始吧。...html div class="parent"> div class="child">div> div> css .parent { width: 300px; height...我最近从Addy Osmani的一条推文中了解了这种价值。 background-repeat有一个值，可以防止背景裁剪。...object-fit属性是相当神奇且有用的。 当我第一次了解它时，它改变了很多事情，使我作为前端开发人员的生活更加轻松。 最近，我正在研究显示徽标网格的部分。
什么是BFC Block Formatting Context 块级格式化上下文 这是他的定义，其实很好理解了，因为css的默认规则是很多的，比如分为了行内元素，块级元素等，既然分开了就说明本身的默认规则不一样...包含内部浮动元素 说现象 因为css的默认规则，当父元素没有进行设置高度的时候，他的高度取决于内部元素的高度，当内部元素设置浮动了之后，父元素就没有了高度，这个过程叫做不包含内部浮动元素，这是css...，会自动环绕到该子元素，因为css规则定义就是浮动是不占据空间位置的，所以会直接出现类似报纸文章样式的现象 看代码 <!...} 给文字div添加BFC属性之后效果 解决margin重叠 说现象 margin重叠其实也是css规则里面的一种，当父元素内部两个子元素中间没有任何可以影响高度的属性或者元素，那么这个时候两个元素设置对立面...div> div> 使用bfc包裹之后的现象 解决margin塌陷 说现象 当我们父元素没有进行设置任何border，内容 ，padding等属性的时候，内部的元素设置了margin
如果一个元素拥有滚动机制，背景将会随着元素的内容滚动， 并且背景的绘制区域和定位区域是相对于可滚动的区域而不是包含他们的边框。...有点神奇，为什么会是这样呢？可能很多人会和我一样，第一次接触这个属性对这样的效果感到懵逼。...: translateZ()，这个时候，不同元素在 3D Z轴方向距离屏幕（我们的眼睛）的距离也就不一样 滚动滚动条，由于子元素设置了不同的 transform: translateZ()，那么他们滚动的上下距离...translateY 相对屏幕（我们的眼睛），也是不一样的，这就达到了滚动视差的效果。...CodePen Demo — CSS 3D parallax 很明显，当滚动滚动条时，不同子元素的位移程度从视觉上看是不一样的，也就达到了所谓的滚动视差效果。
如果一个元素拥有滚动机制，背景将会随着元素的内容滚动， 并且背景的绘制区域和定位区域是相对于可滚动的区域而不是包含他们的边框。...有点神奇，为什么会是这样呢？可能很多人会和我一样，第一次接触这个属性对这样的效果感到懵逼。...: translateZ()，这个时候，不同元素在 3D Z轴方向距离屏幕（我们的眼睛）的距离也就不一样 滚动滚动条，由于子元素设置了不同的 transform: translateZ()，那么他们滚动的上下距离...translateY 相对屏幕（我们的眼睛），也是不一样的，这就达到了滚动视差的效果。...CodePen Demo — CSS 3D parallax（https://codepen.io/Chokcoco/pen/EpOeRm） 很明显，当滚动滚动条时，不同子元素的位移程度从视觉上看是不一样的
如果一个元素拥有滚动机制，背景将会随着元素的内容滚动， 并且背景的绘制区域和定位区域是相对于可滚动的区域而不是包含他们的边框。...有点神奇，为什么会是这样呢？可能很多人会和我一样，第一次接触这个属性对这样的效果感到懵逼。...transform: translateZ()，这个时候，不同元素在 3D Z轴方向距离屏幕（我们的眼睛）的距离也就不一样 滚动滚动条，由于子元素设置了不同的 transform: translateZ...()，那么他们滚动的上下距离 translateY 相对屏幕（我们的眼睛），也是不一样的，这就达到了滚动视差的效果。...CodePen Demo -- CSS 3D parallax 很明显，当滚动滚动条时，不同子元素的位移程度从视觉上看是不一样的，也就达到了所谓的滚动视差效果。
作为前端新手，经常会坐在显示器前花很多很多时间去 “追” 视觉稿，也经常会在 “为什么这个属性不生效” 和 “为什么这个属性生效了但是不是我想要的效果” 之间摇摆，直到我开始看张鑫旭老师的《CSS 世界...使用基于表格的 CSS 布局，使我们能够轻松定义一个单元格的边界、背景等样式， 而不会产生因为使用了 table 那样的制表标签所导致的语义化问题。...3.3 width 值作用的细节 当我们给一个 div> 元素设定宽度的时候，这个宽度是如何作用到它上面的呢？...但这种宽设定却让流动性消失了，当我们给定元素设定 width: auto，元素的宽就会 “自适应” 地铺满容器，而给定了 width 值会让这种流动性消失。...3.4 宽度分离原则 “宽度分离原则”，就是 CSS 中的 width 属性不与影响宽度的 padding/border（有时候包括 margin）属性共存，也就是不能出现以下的组合： .first-div
当然，其实 CSS 在实现滚动视差效果方面，也有着不俗的能力。...有点神奇，为什么会是这样呢？可能很多人会和我一样，第一次接触这个属性对这样的效果感到懵逼。...: translateZ()，这个时候，不同元素在 3D Z轴方向距离屏幕（我们的眼睛）的距离也就不一样 滚动滚动条，由于子元素设置了不同的 transform: translateZ()，那么他们滚动的上下距离...translateY 相对屏幕（我们的眼睛），也是不一样的，这就达到了滚动视差的效果。...transform: translateZ，滚动滚动条，效果如下： [css3dparallax] 很明显，当滚动滚动条时，不同子元素的位移程度从视觉上看是不一样的，也就达到了所谓的滚动视差效果。
有很多CSS属性，有些人不了解，或者他们了解它们，但是忘记在需要时使用它们。其实，有时候我们用 JavaScript 来实某些交互，CSS 一个属性就能搞定了，这可以大大节约我们编码的时间。...作为前端开发人员，我们经常会遇到这样的事情。所以我问自己，为什么不搞篇文章列出所有那些较少使用但既有用又有趣的 CSS 属性？...在本文中，我将介绍一些不一样的CSS属性，希望能给你带来点新鲜感，废话不多说，让我们开始吧。 在CSS网格中使用Place-Items 我们只需使用两行 CSS 代码就可以将元素水平和垂直居中。...html div class="parent"> div class="child">div> div> css .parent { width: 300px; height...我最近从Addy Osmani的一条推文中了解了这种价值。 background-repeat有一个值，可以防止背景裁剪。
大家好，又见面了，我是你们的朋友全栈君。 前言 今天学习css精灵图技术，并且通过用它拼接自己的英文名字，拿起小本本记好了哦！ 什么是精灵图？...为什么需要精灵图技术？ 一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。...因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了 CSS 精灵技术（也称 CSS Sprites 、 CSS 雪碧）。...当给我们有大小的盒子添加背景图片后，默认是图片的左上角内容作为盒子背景，当我们需要将特定背景放到盒子里时，就需要 background – position属性来移动背景图，使得特定图标显示到特定位置。...注意网页中的坐标有所不同因为一般情况下都是往上往左移动，所以数值是负值。 使用精灵图的时候需要精确测量，每个小背景图片的大小和位置。 至于移动的像素的大小可以用工具量出来，电脑自带的画图也能量。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
