用JS操作DOM，是比较慢的。为什么呢？首先，补充一下浏览器相关的知识。下图为浏览器结构：
在github上搭建的博客系统，比如想知道自己网站的PV、UV即用户访问量、页面访问量
在这个页面上，我们将主要使用函数组件。然而，这些测试策略并不依赖于实现细节，它对于 class 组件也同样有效。
最近因为工作，需要通过 Node.js 对 Docker 进行一系列操作如，创建删除容器以及下发指令获取结果等。找了一圈网上大部分资源都是如何容器化 Node.js App 而非通过 Node.js 操作 Docker，Docker 官方也并未提供针对 Node.js 的 sdk，所以这篇文章就简单带大家了解一下如何通过 Node.js 相对高效的向 Docker daemon 直接下发指令。
Webpack模块联邦（Module Federation）是Webpack 5引入的一项革命性特性，它彻底改变了微前端架构的实现方式。模块联邦允许不同的Web应用程序（或微前端应用）在运行时动态共享代码，无需传统的打包或发布过程中的物理共享。这意味着每个微应用可以独立开发、构建和部署，同时还能轻松地共享组件、库甚至是业务逻辑。
看图，只有修改了的数据才进行了刷新，减少了DOM操作，这其实就是vnode与newVnode对比，找出改变了的地方，然后只重新渲染改变的
在参与【腾讯课堂，暑期早起团】活动开发的过程中，涉及到了课程卡片的展示。具体效果如下：
react的源码，的确是比vue的难度要深一些，本文也是针对初中级，本意让博友们了解整个react的执行过程。
使用Docker来容纳应用程序时，通常的做法是在单独的容器中运行应用程序的每个组件。例如，一个网站可能有一个Web服务器，应用程序和数据库，每个都在自己的容器中运行。
如果 oldVnode和 newVnode不是同一个虚拟节点，那么就直接暴力删除旧的，插入新的。
原文：https://www.toptal.com/react/tdd-react-user-stories-to-development
imagesLoaded 是一个用于来检测网页中的图片是否载入完成的 JavaScript 工具库。支持回调的获取图片加载的进度，还可以绑定自定义事件。可以结合 jQuery、RequireJS 使用。
通常是如下图使用，在提供的 container 里渲染一个 React 元素，并返回对该组件的引用（或者针对无状态组件返回 null）。本文主要是将ReactDOM.render的执行流程在后续文章中会对创建更新的细节进行分析，文中的源代码部分为了方便阅读将__DEV__部分的代码移除掉了。
简单理解就是说 “一个应用可以由多个独立的构建组成，这些构建彼此独立没有依赖关系，他们可以独立开发、部署。这就是常被认为的微前端，但不局限于此”
qiankun目前是不支持vite的，需要借助插件完成 安装vite-plugin-qiankun
过去的我们，当业务发展需要部署新的应用时，DevOps 小伙伴通常会去买一台服务器，但是却不知道这个新应用具体需要多高的配置，往往都会造成资源浪费。
Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端
Docker 是一个用于开发、传送和运行应用程序的开放平台。Docker 使您能够将应用程序与基础设施分开，以便您可以快速交付软件。使用 Docker，您可以像管理应用程序一样管理基础设施。通过利用 Docker 的快速交付、测试和部署代码的方法，您可以显着减少编写代码和在生产中运行代码之间的延迟。在这篇文章中，我将提到我们需要或大多数用例的 docker 命令。
最近做一个web页面，希望在手机上能滑动切换页面，第一次这种要求，在网上找到了一个插件swiper,swiper2可以在电脑和手机上使用，于是选择这个插件，在使用这个插件的过程也遇到了很多问题，如滚动条很长，体验不好，最后采用js来控制高度，在此页面中也采用了bootstrap-table插件来固定表头，采用js动态的设置高度，当页面高度小时，有滚动条，页面高时就完全展示，为了体验好，当滚动到第一个页面底部时，滑动切换第二个页面的顶部，需要scrollTop实现
之前这个组件是一个容器类组件，弹出层可设置载入的html结构，然后再设置各种事件即可，这种组件有一个特点：
放在body和head其实差不多的，只不过是文档解析的时间不同。浏览器解析html是从上到下的。 如果把javascript放在head里的话，则先被解析,但这时候body还没有解析，所以$(#btn)会返回空值。如果把javascript放在head里的话，一般都会绑定一个监听，当全部的html文档解析完之后，再执行代码：
静态文件是指js，css，图片等文件。render可以返回模板文件（HTML），但是缺少了js，css。在Django中我们一般会指定一个目录存放静态文件，这样方便管理。在现在前后端分离的大环境之下，静态文件我们几乎也用不到。另外在HTML中调用的时候也需要指定静态文件的路径。一般都会将静态文件放置在项目的根目录下。要使用静态文件，需要配置两个参数。
一直想写一个Vuejs的系列的博客，苦于一直没有时间，今天的这个博客也是思考了很久，打算随便写点东西，今天说说Vuejs的模版的使用。
博主对前端技术不甚了解，只是想在博客中直接展示一些已有的分子结构，而且需要是可以交互的。而我们了解到通过3Dmol这样的前端工具可以实现，通过在博客园随笔中直接引入3Dmol的js最新脚本，然后在当前页构建一个容器，最后在容器中以字符串的形式填进去分子结构，比如可以填充一个xyz文件所定义的3D分子结构。由于不需要安装什么特定的软件（假设你已经生成好了一系列的分子模型用于展示，否则可以参考前面这篇博客用openbabel去生成一些特定的分子结构），我们直接上前端代码吧。
此文章是本人在学习React过程中总结起来的一些小经验，因自己在网络上找到的React的教程很多都是一上来就是构建复杂的React环境，Webpack，ES2015等技术的使用，让其简洁的React变得复杂化。本文只为分享简洁的学习过程，让大家理解React，当然其中的不足之处，还望大家指出，谢谢。
Webpack 5 的消息尽管已经出来了许久，但是正式版一直还未发布。Webpack 5 的 ChangeLog 中，除了常规的性能优化、编译提速之外，有一个比较让人期待的功能就是 Module Federation。Module Federation 可以强行翻译成「模块联邦」，但是听起来很是怪异，我在某个前端群也抛出了这个问题，没想到大家的回复也是五花八门。所以，本文就直接用 Module Federation 了，不进行翻译听起来好像更舒服一点。
我们调用ReactDOM.render方法进行渲染，其实在Fiber架构下是同步渲染模式，它的入口代码在packages/react-dom/src/client/ReactDOMLegacy.js（从命名上可以看出来，React后续会淘汰这种渲染模式，终于在18版本中默认采用了concurrent）：
随着Web应用变的越来越复杂，在大量的开发过程中我们发现有许多功能模块非常相似，比如轮播图、分页、选项卡、导航栏等，开发中往往会把这些具有通用性的功能模块进行一系列封装，使之成为一个个组件应用到项目中，可以极大的节约开发成本，将这些通用的组件缩合到一起就形成了前端框架。
Dragula是一款支持移动触摸屏设备的纯js元素拖放插件。这个元素拖放插件使用简单，浏览器兼容性好，能够实现通过鼠标或在移动设备中通过手指来拖动DOM元素的位置。
原理：在不同屏幕下，通过媒体查询来改变布局容器的大小，再改变里面子元素的排列方式和大小，从而实现在不同大小的屏幕下，看到不同的页面布局和样式。
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
思路大致是这样的,你们也可以根据业务自己封装更复杂的ajax库,比如添加请求响应拦截器
字面上来看JSX即 JavaScript XML取首字母结合，所以JSX并不是一门新语言，仅仅是个语法糖。
这篇文章给大家介绍一下我们如何自己去实现一个类似于React这样的框架，当然，我们并不会去实现React里面所有的内容，只是去将React基础性的功能实现一遍，让大家对React的认识更加的深入。因为篇幅有限，所以我将这篇文章拆分成了上、下两部分，此文是上篇。
但是现在问题来了，我们这是一个现成的react页面，是一个详情页，页面的内容是多个接口返回填进去的：
随着前端框架的流行，Vue 和 React 被越来越多的公司和团队使用，大家今天就跟着我一起来看看 virtual DOM 作为 Vue 和 React 的核心，它到底是什么，为什么会存在 virtual DOM，以及它是如何使用的，最后给大家简单介绍一些 diff 算法的实现。下面我们开始吧~ 通过今天的介绍，我们将了解以下三部分的内容，也希望大家看后有所收获~
如今,打开一些网站,发现阅读文章前,先要关注公众号,获取验证码,才能解锁文章,这波操作虽然有点“流氓”,但是白嫖的适当付出一点也没有什么,毕竟写文章输出是真的费时间,尊重作者的劳动成果.
options 官方文档提供了更多的选项，以便更好地自定义选项。具体查考官方文档。以下列出我使用的一些选项。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
