文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

作为前端，工作中处理过什么复杂的需求？

由于我不主要负责音视频开发，音视频所做的工作远远大于这里提到的，我们组负责音视频的小姐姐已经不知道通宵了多少回，十分辛苦~ 1.3 前端考验三——SAS数据管理配置平台 这个平台承接了所有的运营、类目...前端团队在这里借用开源的ELK方案，与后台全链路系统打通，在基础上通过DC通道上报落地，Agent代理不同监控系统，做成了上报中台方案，在Kibana系统上统一查询和定制报表。...灰度方案其实相对是比较难做的，最简单的是按照机器灰度，但这种方案在实际环境中基本上是不可用的，对于一个需求来说，如果同时修改了老页面和新页面，会导致用户前后访问不一，甚至出现404情况。...在此期间，开发承接的工作量大约在平时的五倍左右，不仅仅需要通宵达旦，更需要快速响应，课堂前端每日均发布版本达到10次以上，如何在高频次的发布中不影响质量也是巨大的考验。...最后，回归正题，前端的复杂度也许很多，比如之前我参与的CPU负载过高问题排查，用尽手段定位一个月之后发现是一条正则语句引发的，这种性质的复杂属于特定场景下的复杂度。

52410

【总结】2021- 作为前端，工作中处理过什么复杂的需求？

由于我不主要负责音视频开发，音视频所做的工作远远大于这里提到的，我们组负责音视频的小姐姐已经不知道通宵了多少回，十分辛苦~ 1.3 前端考验三——SAS数据管理配置平台 图片 这个平台承接了所有的运营、...图片 前端团队在这里借用开源的ELK方案，与后台全链路系统打通，在基础上通过DC通道上报落地，Agent代理不同监控系统，做成了上报中台方案，在Kibana系统上统一查询和定制报表。...图片 灰度方案其实相对是比较难做的，最简单的是按照机器灰度，但这种方案在实际环境中基本上是不可用的，对于一个需求来说，如果同时修改了老页面和新页面，会导致用户前后访问不一，甚至出现404情况。...图片 在此期间，开发承接的工作量大约在平时的五倍左右，不仅仅需要通宵达旦，更需要快速响应，课堂前端每日均发布版本达到10次以上，如何在高频次的发布中不影响质量也是巨大的考验。...最后，回归正题，前端的复杂度也许很多，比如之前我参与的CPU负载过高问题排查，用尽手段定位一个月之后发现是一条正则语句引发的，这种性质的复杂属于特定场景下的复杂度。

15710
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    干货 | 作为前端，工作中处理过什么复杂的需求，如何解决的?

    由于我不主要负责音视频开发，音视频所做的工作远远大于这里提到的，我们组负责音视频的小姐姐已经不知道通宵了多少回，十分辛苦~ 1.3 前端考验三——SAS数据管理配置平台 这个平台承接了所有的运营、类目、...前端团队在这里借用开源的ELK方案，与后台全链路系统打通，在基础上通过DC通道上报落地，Agent代理不同监控系统，做成了上报中台方案，在Kibana系统上统一查询和定制报表。...灰度方案其实相对是比较难做的，最简单的是按照机器灰度，但这种方案在实际环境中基本上是不可用的，对于一个需求来说，如果同时修改了老页面和新页面，会导致用户前后访问不一，甚至出现404情况。...在此期间，开发承接的工作量大约在平时的五倍左右，不仅仅需要通宵达旦，更需要快速响应，课堂前端每日均发布版本达到10次以上，如何在高频次的发布中不影响质量也是巨大的考验。...武汉90万中小学生开课，73万人选腾讯 最后，回归正题，前端的复杂度也许很多，比如之前我参与的CPU负载过高问题排查，用尽手段定位一个月之后发现是一条正则语句引发的，这种性质的复杂属于特定场景下的复杂度

    1.3K10

    Less 基础知识详解：深入了解 Less 如何编写样式

    通过使用 Less，开发人员可以编写可维护、可重用的样式代码，并以简洁的语法实现复杂的样式效果。本文将介绍 Less 的基本概念和特性，以及如何使用它来简化 CSS 开发过程。...编译运行 在 IED 编辑器如 Vscode 中，新建一个以 .less 为后缀的文件，文件内容可放入如下 Less 格式的样式元素。...calc() 特例 _发布于 [v3.0.0] _ 为了与 CSS 兼容，calc() 不会计算 Math 表达式，但会计算变量和嵌套函数中的 Math 表达式。...*/ @var: red; // 单行注释 @var: white; 导入（Importing） 导入的工作方式与预期基本相同。你可以导入 .less 文件，并且其中的所有变量都将可用。...总结 以上介绍了 Less 的基本使用，在项目的构建过程中，基本上都能用得上，如果想要更深入的学习，可访问 犀牛书 的 Less 中文文档。

    68210

    Sass(Scss)、Less的区别与选择 + 基本使用

    CSS 的编码工作。...CSS 预处理器的好处 提供 CSS 层缺失的样式层复用机制 减少冗余代码 提高样式代码的可维护性 CSS 预处理器的缺点 开发工作流中多了一个环节，调试也变得更麻烦。...预编译很容易造成后代选择器的滥用 何时使用 CSS 预处理器 系统级框架开发或者比较大型复杂的样式设计时 持续维护集成时 复用型组件开发时 Sass/Scss 与 Less 对比 基本介绍 Sass/Scss...Less 引用外部文件和 CSS 中的 @import 没什么差异。 Less 中的变量运算可以带或不带单位，Sass 需要带单位。...选择与比较 类别 Sass/Scss Less 环境 Dart/其他 JavaScript 使用 复杂 简单(相对而言) 功能 复杂 简单(相对而言) 处理 服务端 可以在 Node.js 或浏览器(客户端

    1.7K01

    分布式 | DBLE 3.21.06.0 来了！

    2、查询计划的进一步优化 如果一条复杂查询的子查询和外部使用了同一张表，并且路由的结果也一致，那么这条 sql 应该被直接下发，而不是重写后下发算子 3、支持 XA 事务的残留检查 由于各种原因，mysql...主要缺陷修复： [#2622] set autocommit 没有按预期工作。 [#2638] 开着慢日志，dble 可能会出现 oom。...可能会出现 oom 3.20.10.5 复杂查询可能导致的线程泄漏 开着慢日志，dble 可能会出现 oom 检查表一致性问题 读写分离中 com_stmt_prepare 返回报文次序错误 set autocommit...未按照预期执行 偶现的 ArrayIndexOutOfBoundException 3.21.02.2 复杂查询可能导致的线程泄漏 开着慢日志，dble 可能会出现 oom 检查表一致性问题 读写分离中...com_stmt_prepare 返回报文次序错误 set autocommit 未按照预期执行 偶现的 ArrayIndexOutOfBoundException sql 统计相关修复 使用读写分离时的事务失败问题

    2.7K20

    CSS 即将支持嵌套，SASSLESS 等预处理器已无用武之地？

    规范的几个阶段 首先简单介绍一下，一个规范从提出到落地，会经历的一些阶段： 编辑草案 Editor's Draft (ED) 工作草案 Working Draft (WD) 过渡－最后通告工作草案 Transition...(#{$i} * 20px); } } 当然，除此之外，在非常多的复杂 CSS 动画效果中，循环是非常非常常用的功能。...很久之前，社区就有声音(css-values - if() function)，提议 CSS 规范中实现 if() 条件语句，类似于这样： .foo { --calc: calc(10 * (1vw...因为 SASS 中的 if() 也无法实现类似上述说的 font-size: if(var(--calc) calc)) 这种功能。...工具函数：颜色函数、数学函数 最后，我们再来看看一些有意思的工具函数。目前原生 CSS 暂时不支持一些比较复杂的颜色函数和数学函数。但是预处理器都带有这些函数。

    84720

    深入解析Python中的unittest框架-基础用法与实践技巧

    单元测试是对软件中最小可测试单元（通常是函数或方法）的测试。它的目标是确保每个单元在独立执行时能够产生预期的结果。...**kwargs)：断言某个异常是否被触发 setUp()和tearDown()方法 在每个测试方法执行之前，可以使用setUp()方法进行初始化操作，使用tearDown()方法在测试完成后进行清理工作...这种夹具非常适合创建一些需要在多个测试中复用的大型资源，如数据库连接、文件句柄等。 跳过测试与预期失败 在某些情况下，你可能不希望某个测试用例立即运行，或者有些功能尚未完全实现但希望提前编写测试。...(10, 0), 0) # 预期失败 在上面的代码中，test_add和test_subtract被跳过，而test_divide由于被标记为预期失败，即使测试没有通过，也不会导致测试失败。...这样可以确保测试的顺序不影响结果，并且可以并行执行测试。 确保测试的可读性：测试代码应易于理解，尽量避免过于复杂的逻辑。清晰的测试名称和合理的结构能够提高测试的可维护性。

    27320

    九、less

    1.less的简介 less是一门css的预处理语言, less是一个css的增强版，通过less可以编写更少的代码实现更强大的样式 - 在less中添加了许多的新特性：像对变量的支持、对mixin的支持...- less的语法大体上和css语法一致，但是less中增添了许多对css的扩展， 所以浏览器无法直接执行less代码，要执行必须向将less转换为css，然后再由浏览器执行 css原生也支持变量的设置...语法：--color:#ff0; 使用方法： var(--color); calc()计算函数 width: calc(200px*2); vscode easy less 插件，可以自动转换成 css...的语法 snytax.less // less中的单行注释，注释中的内容不会被解析到css中 /* css中的注释，内容会被解析到css文件中 */ .box1{ background-color...//import用来将其他的less引入到当前的less //可以通过import来将其他的less引入到当前的less中 @import "syntax2.less"; .box1{ //

    32210

    “突破 C++ 模板界限:提升代码复用性和可维护性“

    类型形参：出现在模板参数列表中，跟在class或者typename之类的参数类型名称。 非类型形参：就是用一个常量作为类型（函数）模版的一个参数，在类（函数）模版中可将该参数当做常量来使用。...Array runtimeArray; // 编译错误 return 0; } 正常使用： Array intArray; // 可以正常工作...上述示例中，p1指向的d1显然小于p2指向的d2对象，但是Less内部并没有比较p1和p2指向的对象内容，而比较的是p1和p2指针的地址，这就无法达到预期而错误。 此时，就需要对模板进行特化。...//此处需要在排序过程中，让sort比较v2中存放地址指向的日期对象 //但是走Less模版，sort在排序时实际比较的是v2中指针的地址，因此无法达到预期 sort(v2.begin(),...头文件中没有包含模板定义：如果 a.h 中只包含了模板函数的声明，而没有包含模板的定义（就像代码那样），那么编译器在编译 main.cpp 时将无法实例化 Add 函数，因为它不知道如何实现它。

    8010

    引人瞩目的 CSS 变量（CSS Variable）

    一直以来我们都知道，CSS 中是没有变量而言的，要使用 CSS 变量，只能借助 SASS 或者 LESS 这类预编译器。... 结构性伪类 中的 :root{ } 伪类，在全局 :root{ } 伪类中定义了一个 CSS 变量，取名为 --bgColor 。...Demo戳我 -- CSS变量的组合使用 CSS 变量与计算属性 calc( ) 更有趣的是，CSS 变量可以结合 CSS3 新增的函数 calc( ) 一起使用，考虑下面这个例子： CSS...calc( )也是一个处于实验中的功能，使用需要慎重。 Demo戳我 -- CSS 变量与 Calc 函数的组合 CSS 变量的用途 CSS 变量的出现，到底解决了我们哪些实际生产中的问题？...之前的 LESS、SASS预处理器的变量系统就是完成这个的，现在 CSS 变量也能轻松做到。

    79330

    CSS预编译技术之SASS学习经验小结

    这两年前端行业发展日新月异,大批后端工程师转前端,发现,我擦,这玩意儿真心不好用啊,于是,大量的CSS预编译技术出现了.比较知名的是less和sass....我是先接触的less,用了一年多,感觉还好.一直没有研究得多深,但是写起来也确实方便.直到去年,来到目前这家公司,要求,全面转入sass.当我正是用sass书写css一个星期之后,我决定,忘记less,...@extend 清除浮动代码 清除浮动代码是在前段工作中需要大量使用的代码.其混入代码的编写如下: /* 清理浮动代码 */ .cf { zoom:1; &.cf:before, &.cf...如果是%cf 这种方式,那么,如果文档中没有哪里调用了它,那么它是不会输出的.也就是说,那样更合理....但是,像清理浮动这种重要的代码,用的地方特别多.而且可能在html里面也会直接的去写一个class来调用它,那么,使用.cf 就更加合适了,因为,这样的话,在输出的css中,是有.cf这个样式存在的.

    47220

    ceph 的crush算法 straw

    的weight调高或者调低，只会在调整了的item直接变动，而没有调整的item是不会变动的 O(n)找到一个数组里面最大的一个数，你要把n个变量都扫描一遍，操作次数为n，那么算法复杂度是O(n) 冒泡法的算法复杂度是...长度是基于bucket中的其他的weights来进行的一个复杂的算法的，虽然iteam的PG的计算方法是很独立的，但是一个iteam的权重变化实际上影响了其他的iteam的比例因子，这意味着一个iteam...，来验证了第三个属性是真的，但是当时的测试只用了几个比较少的组合，如果大量测试是会发现这个问题的 sage注意到这个问题也是很多人抱怨在迁移的数据超过了预期的数据，但是这个很难量化和验证，所以被忽视了很久...，目前默认的还是straw算法，内核在kernel4.1以后才支持的这个属性的 那么我们在0.9x中来看下这个属性,来从实际环境中看下具体有什么区别 实践过程 ?...dump pgs|awk '{print $1,$15}' > rewei70 比较调整前后 diff oringin rewei70 -y -W 30 --suppress-common-lines|less

    2.6K30

    calc

    calc( )的定义 用于动态计算长度值 可以用在任何长度,数值,时间,角度,频率等处 calc( )的运算符 ＋ － ＊ ／ width:calc(50% + 15px); height:calc(100%...)使用区分 //1. css中 width:calc(100% - 20px); //2. scss中 $base-font-size: 37.5px; @function...(15px)}); //3. less中 width:calc(~"100% - 15rem"); //4. sass中 width: calc(1rem - 2px); width...，解决这种问题有两种做法：0+表达式，或者1*表达式 calc( )应用例子 在移动端／pc端，会有一屏展示，并局部实现滚动的效果，此时使用calc( )进行滚动区域高度计算，就可以完美适应所有机型，而不需要再使用...js动态计算 等分区域或等比区域的页面划分，通常使用弹性盒子，但是calc( )也可以很好解决这个问题 元素居中问题

    1.3K30

    CSS-Next : CSS预处理器简单写法的替代者, 想了解下么?

    (代替CSS预处理器SASS,LESS); 因为大多数人用预处理器最多的几个特性无非如下: 继承,嵌套写法, 全局变量,计算颜色 当然,这不是说sass/less 不够好,相反它们可以做更多复杂的工作,...sass/less loader; ---- 常规配置 vue-cli初始化的 webpack那个模板的已经内置了.( vue init webpack xxx_project) // css next.../ 3; } // cssnext // 不能像 scss 直接编译出8px,而是依赖 calc 函数计算的,结果一致 :root{ --big-font-size:24px; } html...{ font-size: calc(var(--big-font-size) / 3); // font-size: calc(24px / 3); } // css html { font-size...同理,scss 可以完全模拟出 cssnext 的几个颜色函数的实现, 反过来 cssnext是内置直接可以用的(有好几个计算不同类型的颜色的函数),但是又不能处理太复杂的计算 比如根据条件判断这些,传入不同的变量再去运算

    96920
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券