ITPub博客

这是一个相当炫的功能，让网页看起来像桌面程序，如window的开始菜单。实现原理基本和纯CSS相册差不多，但要注意的事项比较多，让我们一步步来吧。先来一个非常简单的一级菜单与悬停效果。<ul id="menu">   <li>     <a href="h

最近我还注意到的一件事就是CSS自定义属性。CSS自定义属性的工作方式有点像SASS和其他预处理器中的变量，主要的区别在于其它方法都是在浏览器中编译后生成，还是原本的CSS写法。CSS自定义属性是真正的动态变量，可以在样式表中或使用javascript即时更新，这使得它们具有更多的可能性。如果你熟悉JavaScript，我喜欢把预处理器变量和CSS自定义属性之间的区别想象成与const和let之间

题目:假设高度已知，请写出三栏布局，其中左栏、右栏宽度各为300px，中间自适应.三栏布局的5种方案这是一道经典的面试题，下面记录了css布局的5种方法。<!DOCTYPE html> <html> <head>   <meta charset="UTF-8">

drop-shadow与box-shadow都是阴影效果（光晕效果）的css属性，二者最大的不同点在于：box-shadow只能制作矩形的阴影，而drop-shadow则可以制作和物件不透明区域完全相同形状的阴影。底下是二个css属性的用法：.drop-shadow {     -webkit-filter: drop-shadow(1

学习能力掌握了学习能力，对人们而言，比任何一门学科考第一而言都重要。学习能力就像开外挂，通过学习，你可以进入任何一个领域，只要你想。【这也是大家都在提及的终生学习能力。】学习态度要学会敞开心扉，去问别人。很多问题，自己并不是第一个遇到的，稍微放心胸怀，放下面子去问别人，就可以很轻松的得到别人的答案。不要去琢磨，有时候琢磨了很久，得出的答案也可能是错误的，还有可能把自己陷入牛角尖的境地。做喜欢的事情

每个职场的人大概都有大学校园情节，我也不例外。回往学校生活，回顾职业生涯，发现有些东西是可以提前练习和储备的。大学里，最多的就是时间，最不好把握的也是时间，如果不好好利用的话，真如白驹过隙，一晃而过，留下的无限的惆怅自责悔恨。这里列几点笔者认为还比较重要的内容，仅供参考，毕竟大学路是自己走出来的。多个专业课业兼顾的情况下，修双学位是一个很大的提升，跨学科的学习，能让人在两种学科内相互借鉴融合。特别

甲方说，应届生不能用、没法用。乙方说，你们都不给机会，怎么积累工作经验。这个问题同时也困扰着职场从业一两年的菜鸟，我曾经对负责招聘的HR直言，最低标准是2年以上经验。课堂教育与社会应用脱钩是事实，基于此事实如果依旧无所事事，那就是真的成现实：毕业就失业。对应届生而言，企业对你的工作经验倒不是很在意，企业更看重的是你其他方面的能力，学习成绩仅是一个方面。不管是校招还是社招，都很重要。这些点往往就隐藏

本职专业序列24小时365天不间断服务: 服务器基础设施核心技术（运维基础）云原生基础架构：构建和管理现代可扩展基础架构的模式及实践企业迁云实践生产微服务（推荐）可伸缩服务架构：框架与中间件深入实践SpringBoot（入门级）Web API的设计与开发高性能网站建设指南: 前端工程师技能精髓企业IT架构转型之道：阿里巴巴中台战略思想与架构实战前端架构设计: 让前端开发可持续优化、可扩展前端工程化

经过近5年的快速发展，目前前端开发技术栈已经进入成熟期。在React和Vue等框架出现后，前端在代码开发方面的复杂度已经基本得到解决，再加上Node解决前后端分离，前端技术栈本身其实已经非常成熟。因此业内人士普遍认为，未来几年前端本身的开发技术应该不会有大的方向变化，但是将会呈现出四大发展趋势：第一个趋势是入口应用会小程序化。类似腾讯、阿里、滴滴、美团这样作为入口的应用，会自己做自己的一套小程序体

本文内容包括：(双向)冒泡排序、选择排序、插入排序、快速排序(填坑和交换)、归并排序、桶排序、基数排序、计数排序(优化)、堆排序、希尔排序。大家可以在这里测试代码。更多 leetcode 的 JavaScript 解法也可以在我的算法仓库中找到，欢迎查看~冒泡排序通过相邻元素的比较和交换，使得每一趟循环都能找到未有序数组的最大值或最小值。最好：O(n)，只需要冒泡一次数组就有序了。最坏：O(n²)

“JavaScript的很多奇技淫巧,都来自于对运算符的灵活使用。”1 运算符基础1.1 优先级: 优先级高的运算符最先被执行问题： 1 || 1 ? 2 : 3 ;   答案：2   解析：||的优先级高  相当于： （1 || 1

也许，你时常会遇到要开发基于Web的文本编辑器的情况。有时候，只需实现一个简约且轻量级的应用程序，不必有其他任何不必要的功能。而有时候，你的首要任务是保护用户的商业机密。在这样的情况下，如果想知道“背后发生了什么”，最好是从头开始创建应用程序。所幸，可采取的解决方案有很多。因此，总能找到一种工具，来创建符合用户需求和资金要求的在线文本编辑器。本文将简要介绍五个JavaScript富文本编辑器，以帮

最近的，最远的最近，或者说在过去的几个月里，我与几个前端同事，一直在讨论一个话题：『作为一个前端开发人员，我们面临怎样的困境?又该如何去解决?』。而在较老的一次历史讨论(可能是在 6 小时以前)里，我便想重新理清一次其中的思路，也就有了这篇文章。前端是不是没有地位?答案：不是，也是。当我们在技术领域，技术团队，讨论地位的时候，说的实际上是话语权——技术的话语权，KPI 的话语权。技术话语权，是因人

对于JavaScript，掌握其语法和特性是最基本的，但是这些只是应用能力，最终仍旧考量仍然是计算机体系的理论知识，所以数据结构，算法，软件工程，设计模式等基础知识对前端工程师同样重要，这些知识的理解程度，可以决定你在前端工程师这条路上能走多远知识点在面试过不下50人后进行的一波总结你能答得上来吗？>一个人学习会有迷茫，动力不足。这里推荐一下我的前端学习交流群：731771211 ，里面都是

背景知识：颜色模型点开这篇文章的你，肯定是想要学习怎样控制颜色的——我们后面就会讲具体操作。但首先，我们需要对 CSS 如何标记颜色有一个基本的认识。CSS 使用的是两种颜色模型：RGB 和 HSL，我们先简单了解一下。RGBRGB 就是“红色，绿色，蓝色”的简称。这个模型由三个数字组成，每个数字表示其所代表的颜色在最终生成的颜色中有多高的亮度。在 CSS 中，每个数值的范围都是 0-255，三个

程序员是一个忙碌的职业，与这个职业联系在一起的词儿，通常是忙碌、加班、熬夜、过劳、亚健康……当忙碌成为了主旋律，“高效”一词就自然浮出了水面。可是，程序员工作效率是由编程能力决定的吗？答案是“未必”。这些年，我一直在研究一件事儿：为什么那些大师级程序员，可以兼顾 N 倍于一般人的工作，还有条不紊？他们究竟用了什么工作法？根据我的观察与总结，他们往往绕不开下面四个工作原则。以终为始任务分解沟通反馈自

时间如梭，不是吗？我的编程之旅始于 2014 年，当时我还只是个网页制作的 实习生。说实话，我根本不知道自己在做什么。即使是到了现在，这种状况依然没有改变。不过，在这个过程中，我确实学到了很多东西。问题来了：在编程过程中，什么语言才是最重要的？是英语？西班牙语？中文？波兰语？还是其他在工作中用来与其他人进行沟通的语言？了解你在做什么以及为什么人一旦有了目标感，就会感觉好一些，这在工作中也是一样的。

4月底，华为的轮值董事长徐直军撰写的改革面试招聘流程，并向全员发出了这份邮件。华为轮值董事长徐直军认为：软件类人才面试要以考察软件工程能力与编码能力为核心，用真正懂软件的编程高手来面试考察软件类人才，识别出真正的软件开发与设计高手。华为创始人任正非还给邮件写了按语：我们要改变过去大呼隆的招聘方法，真正的专家、主管不上前线，HR 看简历面试又不深刻，导致大规模进人、大规模走人。不仅对公司不负责任，而

Brian Goetz 是 Java 领域的技术大牛，同时也是《Java 并发实践》一书的作者之一。我最喜欢的一句名言就是他讲的。这句话出现在甲骨文公司以《编写傻瓜式代码》为题发表的访谈当中，当时记者问到 Goetz 如何才能编写出性能良好的代码。以下是他给出的睿智回应：一般来说，在 Java 应用程序当中快速编写代码的方法，就是先写点傻瓜式代码——这类代码简单、干净，而且遵循最明确的面向对象原则

当表单中存在input[password]的时候，采用submit方式提交。就会触发浏览器自动填充表单。比如chrome自动填充后，淡黄色输入框代替了背景样式，看起来有些怪异。 那么如何通过css实现取消浏览器自动填充表单的默认样式呢？解决方法一：当input文本框是纯色背景的，可以对input:-webkit-autofill使用足够大的纯色内阴影来覆盖input输入框的黄色背景；如：input