程序员法医_社区达人页

2023云栖大会的新鲜事

2023年秋天，我带着满心的期待和好奇，踏上了前往杭州的旅程，去参加一年一度的云栖大会。首先感谢稀土掘金技术社区的支持，让我有幸成为媒体一员前往现场参加2023云栖大会，对于任何关注科技发展的人来说，云栖大会是一个不可错过的平台，因为它汇聚了全球最顶尖的科技企业和专家，分享最新的研究成果和行业动态。今年大会主题重回2015年会议的主题： `“计算，为了无法计算的价值”`，大会设置两场主论坛和500余场独立话题，全面覆盖“云+AI”的技术议题，同时开设算力馆、人工智能+馆、产业创新馆三大主题馆，展出3000多项的最新技术、产品与前沿应用。

关于资源提示关键词的那些事

玩转CSS基础——定位总结

css定位总结

玩转CSS基础——浮动

浮动

玩转JS基础—— Node 事件循环

Node 事件循环

玩转JS基础——函数柯里化

在计算机科学中，柯里化（英语：Currying），又译为卡瑞化或加里化，是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。

玩转JS基础——深浅拷贝

深浅拷贝

玩转JS基础——WeakSet 和WeakMap

WeakSet 和WeakMap

玩转JS基础——内存泄漏

内存泄露

玩转JS基础——防抖和节流

防抖和节流

玩转JS基础——严格模式

严格模式是从 ES5 开始新增的一种方式，是采用具有限制性 JavaScript 变体的一种方式，从而使代码隐式地脱离“马虎模式/稀松模式/懒散模式“（sloppy）模式。

玩转JS基础——浮点数精度

在 JavaScript 中整数和浮点数都属于 number 数据类型，所有数字都是以 64 位浮点数形式储存，即便整数也是如此。 所以我们在打印 1.00 这样的浮点数的结果是 1而非 1.00。

玩转JS基础——class 和构造函数区别

class 和构造函数区别

玩转JS基础——属性描述符

在 JavaScript中，对象的属性可以分为两种：数据属性和存取器属性

玩转JS基础——事件默认行为

所谓默认行为，一般是指 *HTML* 元素所自带的行为。例如点击一个 *a* 元素表示的是跳转：

玩转JS基础——DOM 事件的传播机制

事件最早是在 IE3 和 NetscapeNavigator2 中出现的，当时是作为分担服务器运算负担的一种手段。 要实现和网页的互动，就需要通过 JavaScript 里面的事件来实现。

玩转JS基础——DOM 事件的注册和移除

使用 JavaScript 为 DOM 元素注册事件的方式有多种。但是并不是一开始就设计了多种方式，而是随着技术的发展，发展前一种方式有所缺陷，所以设计了新的 DOM元素注册事件的方式。

玩转JS基础——闭包

要解释闭包，可以从广义和狭义上去理解。

玩转JS基础——this指向

*this* 关键字是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。

玩转JS基础——作用域和作用域链

作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。

玩转JS基础——执行上下文

执行上下文，英文全称为 *Execution Context*，一句话概括就是“代码（全局代码、函数代码）执行前进行的准备工作”，也称之为“执行上下文环境”。

玩转JS 基础——原型与原型链

在 Brendan Eich 设计 JavaScript时，借鉴了 Self和 Smalltalk这两门基于原型的语言。

玩转JS基础——运算符

*JavaScript* 共提供 *10* 个算术运算符，用来完成基本的算术运算。

玩转JS基础——数据类型转换

JavaScript 是一种动态类型语言，变量没有类型限制，可以随时赋予任意值。

玩转JS基础——包装类型

在 ES 中，数据的分类分为基本数据类型和引用类型。

玩转JS基础——值和引用

在 JavaScript 中，数据类型整体上来讲可以分为两大类：基本类型和引用数据类型

玩转JS基础——声明变量关键字汇总

在 JavaScript*中，一共存在 3 种声明变量的方式

玩转CSS基础——CSS3遮罩

*CSS mask* 遮罩属性的历史非常久远了，远到比 *CSS3 border-radius* 等属性还要久远，最早是出现在 *Safari* 浏览器上的，差不多可以追溯到 *2009* 年。

玩转CSS基础——堆叠上下文

堆叠上下文，英语全称 *stacking context*，经常也被翻译为“层叠上下文”，一说到层叠上下文，很多同学自然而然就会想到 *z-index*。但是大家在使用 *z-index* 时，往往对该属性的认识比较片面，认为 *z-index* 就是用来描述定义一个元素在屏幕 *Z* 轴上的堆叠顺序。*z-index* 值越大在 *Z* 轴上就越靠上，也就是离屏幕观察者越近。

CSS3 变形

CSS2.1 中的页面都是静态的，多年来，Web设计师依赖于图片、Flash 或者 JavaScript 才能完成修改页面的外观。CSS3 改变了设计师这种思维，借助 CSS3 可以轻松的倾斜、缩放、移动以及翻转元素。

玩转CSS基础——渐进式渲染

渐进式渲染，英文全称 *progressive rendering*，也被称之为惰性渲染，主要是为了提高用户体验，以尽快的速度来呈现页面的技术。

玩转CSS3基础——过渡与动画

CSS3新增了过渡属性，可以从一个状态变化到另一个状态时，变化更加地平滑。 CSS3的过渡功能就像德芙巧克力那般，如丝一般顺滑，口感很好，哈哈🙆‍♀️

玩转CSS3基础——媒体查询

媒体查询英文全称 Media Query，顾名思义就是查询用户所使用的媒体或者媒介。这里的媒体指的是用户所使用的终端

玩转CSS基础——import 指令

来看看import指令是啥？import指令是用来导入CSS样式的，这时，有的小伙伴就会问：导入样式不是有link标签了嘛，没错，link标签可以导入外部CSS样式，import仍然可以导入外部CSS样式。

玩转CSS基础——层叠继承规则

`CSS`是**Cascsding Style Sheets**的缩写，我们称为`层叠样式表`，这暗示层叠（csscade）的概念是非常重要的。

纯CSS实现 | 食物系虚拟流光键盘

啥是食物系虚拟流光键盘？键盘不是分什么轴嘛，啥时候键盘还有食物系？能吃吗？

vue3之糟糕透顶Api——Reactivity

看到标题，小伙伴们是不是很惊讶？也许会联想到`Reactivity`是不是设计上有缺陷？其实是醉翁之意不在酒！`Reactivity`可以说是vue3中最复杂的一个地方，当然也是功能最强大的一个点，听起来是块硬骨头哈🍖，这让我想起亮剑中李云龙面对小日本挑衅说的话：就是阎王爷来了，我也得搂他几根胡子下来。那么今天咱们也搂搂`Reactivity`的胡子。

vue3 效率提升主要表现在哪些方面？

`vue3.0`的各种表现还是非常棒的，相比`vue2.0`确实上了一个台阶，据说在客户端渲染效率比vue2提升了`1.3~2`倍，SSR渲染效率比vue2提升了`2 ~3`倍。在面试的过程中可能也会被问到。

vue编码之优化手段

`性能优化`本身就是一个很大的话题，并且它没有一个定式，最好是在具体的项目中具体分析，而不是说看到一个优化技巧一定要用在项目当中，这篇文章主要聊聊在vue编码阶段有哪些常见的优化手段

请阐述keep-alive组件的作用和原理

`keep-live`组件是vue的内部组件，主要用于缓存内部组件实例。这样做的目的在于keep-alive内部组件切换时，不需要重新创建组件实例，比如说使用v-if来决定在满足什么条件下使用哪个组件，还有就是路由切换，有个`<router-view></router-view>`，它会根据路由的配置，将选择其中一个组件渲染到这个位置，当路由切换后，当前组件销毁，它又会渲染另一个组件。

vue组件通信总结

以下这些通信方式，有的在开发中几乎用不到，不用去背，所以不用太纠结，也不要有太多心里负担，有个印象就行了，之所以整理纯粹是为了面试过程中可能会问到：**vue组件之间有哪些通信方式？** 回答的时候把名字一说就行了😚

请阐述vue生命周期

new Vue之后，发生了什么？数据改变后，又发生了什么？

一文带你了解vue2之响应式原理

在面试的过程中也会问到：`请阐述vue2的响应式原理？`，凡是出现阐述或者理解，一般都是知无不言言无不尽，知道多少说多少。接下来，我来谈谈自己的理解，切记不要去背，一定要理解之后，用自己的语言来描述出来。

一文带你了解vue之虚拟dom

在面试的过程中，可能也会被问到对虚拟dom的理解，像这种面试题是比较宽泛的，面试官想知道你到底知道多少？既然是`理解`，那就只能是知无不言言无不尽,尽量组织下语言多说点，这样才显得专业素养比较高，接下来，我来谈谈自己的理解，切记不要去背，一定要理解之后，用自己的语言来描述出来。

CSS工程化

当你写一个css类的时候，你是写全局的类呢？还是写多个层级选择后的类呢？ 你会发现，怎么都不好！

2022高频前端面试题——CSS篇

📢最近准备换工作了，所以整理了一些前端高频大厂面试题，分享给大家，如有问题欢迎留言指正，面试专栏我会长期更新，欢迎大家点赞🤞、收藏📌，关注➕，感谢！

2022高频前端面试题——HTML

最近整理了一些前端高频面试题，分享给大家，如有问题欢迎留言指正，面试专栏我会长期更新，欢迎大家点赞🤞、收藏📌，感谢！

为女朋友解梦之——webpack编译原理

小伙伴们中午好鸭，昨晚做了一个梦，梦见未来女朋友问我啥是webpack编译原理？我一愣，webpack编译原理是个啥啊？突然我变成一道光回到现实，才有了这篇文章，小伙伴们要是有任何疑问，可以在评论里畅所欲言，今晚10点，我将带着你们的留言入梦复命...

📢 妥妥地搞定原型和原型链，么马达!

在讲原型和原型链之前，先铺垫一些前置知识：

你知道深浅拷贝分别有哪些方式吗？

何为深浅拷贝 - 浅拷贝：拷贝基本数据类型时，不受任何影响，当拷贝引用类型时，源对象也会被修改。 - 深拷贝：深拷贝就是完完全全拷贝一份新的对象，它会在内存的堆区域重新开辟空间，修改拷贝对象就不会影响到源对象