需求是对话列表收到新消息后，需要自动将 scroll-view 滚动至底部显示最新对话消息。 使用 wx.createSelectorQuery().select('#viewId').boundingClientRect 方式获取高度时，发现数据更新后并不能获取最新view 高度，而是再次手动滑动至底部后 rect 对象内包含的 bottom / height 数值才会更新，当然了，这样小伙伴无法愉快的玩耍，随使用另一种方法，即 scroll-view 的标签 scro
现代互联网企业，为了进一步提升网站性能，会把静态资源和动态网页分集群部署，静态资源会被部署到 CDN 节点上，网页中引用的资源也会变成对应的部署路径：
PNPM作为新一代的包管理器，通过引入内容可寻址文件系统和硬链接，有效解决了npm存在的重复依赖问题，极大地节省了磁盘空间和提高了安装速度。相比Yarn和npm，PNPM在处理依赖上有其独特的优势：
在这篇技术博客中，我们将深入探讨NPM（Node Package Manager）的世界，涵盖其基本介绍、安装、使用方法及高级功能。文章内容适合各级读者，无论是刚入门的新手还是寻求深入了解的资深开发者。本文将围绕NPM的核心特性、命令行工具使用、依赖管理等方面展开，提供丰富的代码实例，旨在帮助读者高效利用NPM。🚀 关键词： NPM, Node.js, 包管理, JavaScript, 前端开发, 依赖管理, 模块安装, 版本控制。
Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。
//不指定依赖类型默认安装到dependencies里，你也可以指定依赖类型：
精确数据绑定是指一次数据变化对视图的影响是可以精确预知的，不需要通过额外的检查（子树脏检查、子树diff）来进一步确认
本文深入浅出地讲述了Yarn这一重要的包管理器的安装和使用，针对初学者和高级开发者都提供了宝贵的信息。通过本文，您将了解到Yarn的基本概念、安装步骤、常用命令及其优势。本文囊括了大量与Node.js、npm、包管理、项目依赖等词。
毕竟对于前端来说，优化是躲不开的主题。在看200（cache）和304区别的时候，翻到了雅虎这边归纳出来的准则，虽然是十多年前的东西了吧，但是还是具有参考价值的，因此在原文基础上我进行了一些归纳翻译。
构建纯TypeScript应用 现在只有命令行应用的例子。 前言 现在，应用开发的趋势是命令行接口应用和Web应用。 node.js 和 typescript的崛起所以，这里讨论如何创建纯的TypeScript CLI(Command Line Interface)应用和Web server-side应用。 概念 typescript node.js node.js是一个javascript的运行环境。 npm npm是一个javascript包管理器。也是node.js的默认包管理器。 环境准备 安
写在开头 最近的vite比较火，而且发布了2.0版本，vue的作者也是在极力推荐 在之前的文章里面我提到过，vite的缺点在于目前的生态不够webpack成熟，但是只要能弥补这个缺点，便有很大概率能替代目前webpack的大部分市场 全方位对比vite和webpack webpack打包过程 1.识别入口文件 2.通过逐层识别模块依赖。（Commonjs、amd或者es6的import，webpack都会对其进行分析。来获取代码的依赖） 3.webpack做的就是分析代码。转换代码，编译代码，输出代码 4.
全方位对比vite和webpack 一. webpack原理 1. webpack打包过程 1.识别入口文件 2.通过逐层识别模块依赖。（Commonjs、amd或者es6的import，webpack都会对其进行分析。来获取代码的依赖） 3.webpack做的就是分析代码。转换代码，编译代码，输出代码 4.最终形成打包后的代码 2. webpack打包原理 1.先逐级递归识别依赖，构建依赖图谱 2.将代码转化成AST抽象语法树 3.在AST阶段中去处理代码 4.把AST抽象语法树变成浏览器可以识
在之前的文章里面我提到过，vite的缺点在于目前的生态不够webpack成熟，但是只要能弥补这个缺点，便有很大概率能替代目前webpack的大部分市场
Kubernetes VPA 自动调整 Pod 中容器的 CPU 和内存资源限制。不同于水平自动扩缩（HPA），它关注的是单个 Pod 的资源分配，而不是增加或减少 Pod 的数量。
杨博 ThoughtWorks 本文转载自InfoQ：http://www.infoq.com/cn/articles/more-than-react-part03 本系列的上一篇文章《React.Component损害了复用性？》探讨了如何在前端开发中编写可复用的界面元素。本篇文章将从性能和算法的角度比较 Binding.scala 和其他框架的渲染机制。 Binding.scala 实现了一套精确数据绑定机制，通过在模板中使用 bind 和 for/yield 来渲染页面。你可能用过一些其他 Web
我们在父组件给子组件传值得时候，为了避免不必要的错误，可以给prop的值进行类型设定，让父组件给子组件传值得时候，更加准确，prop可以传一个数字，一个布尔值，一个数组，一个对象，以及一个对象的所有属性。组件可以为 props 指定验证要求。如果未指定验证要求，Vue 会发出警告比如传一个number类型的数据，用defalt设置它的默认值，如果验证失败的话就会发出警告。
3.1 所有模块的主文件index.js全小写 3.2 属于类的.js文件，使用PascalBase风格 3.3 其他类型的.js文件，使用kebab-case风格
用过echart的人都会遇到一个问题，就算是代码中写了window.onresize = echart.resize，也只是横向自适应拉伸填充页面，垂直方向不会变化，除非指定高度才可以，这就比较郁闷了，为何echart本身不会自适应呢？按道理不应该啊，莫非实现起来很困难？好吧先不管这个了，这个问题搜索出来一大堆解决方案，在Qt的浏览器控件中也有这个问题，为了解决这个问题想了两个策略，一种是程序本身检测尺寸变化，然后重新设置高度并载入网页，一种是js函数设置对应的宽高，什么时候执行呢，就是在程序界面尺寸变化的时候，两种办法对比下来，最终选用的后者，因为效果比较好，还是异步执行的，无需重新加载网页，那个每次高度变化了就重新加载网页的办法在早期的作品中用过，看起来好弱弱的。
打开记事本，写这么一行，然后保存关闭（文件名hello），再把扩展名（.txt）改成.js。代码就写好了。
在后端为了加速服务的访问速度，通常可以使用 Memcached、Redis 做数据缓存，那么在浏览器端又有哪些缓存策略呢？
主要作用：检查命令将项目中配置的依赖项的描述提交到默认注册中心，并要求报告已知漏洞。如果发现任何漏洞，则将计算影响和适当的补救措施。如果 fix 提供了参数，则将对包树应用补救措施。 具体参考：https://www.npmrc.cn/quick-start/about-npm.html
创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting
用Asp.Net开发Web应用时，为了减少请求次数和流量，可以在IIS里配置gzip压缩以及开启客户端缓存。园子里已经有很多文章介绍了如何在IIS里开启压缩和缓存，但我想搞清楚该如何自己写代码来实现http压缩或者缓存，这样做的原因主要有下面两点：
PM2 是 node 进程管理工具，可以利用它来简化很多 node 应用管理的繁琐任务，如性能监控、自动重启、负载均衡等，而且使用非常简单。本文就 PM2 进行入门性的介绍，基本涵盖了 PM2 的常用的功能和配置。
Webpack 5通过确定性的Chunk ID、模块ID和导出ID实现了长期缓存，这意味着相同的输入将始终产生相同的输出。这样，当你的用户再次访问更新后的网站时，浏览器可以重用旧的缓存，而不是重新下载所有资源。
“ 关注 前端开发社区 ，回复"1"即可加入 前端技术交流群，回复 "2"即可免费领取 500G前端干货！
npm（Node Package Manager）是Node.js生态系统中的默认包管理器，它提供了一系列的命令行工具，使得开发者能够方便地进行包的管理操作。这些操作包括但不限于下载、安装、升级、删除包，以及发布和维护自己的包。
来到这家公司之后，一直在使用webpack，也写了不少笔记，但是都比较零散，现在决定整理一下webpack相关的知识点，由浅入深，方便自己后续查漏补缺，后续会一直更新。
说起博客开源程序，我想很多人都会想到wp，它是一种使用PHP语言开发的博客平台，用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站，当然如果你的技术很牛掰也可以把它当作一个内容管理系统（CMS）来使用。11月14号WordPress开发团队发布了WordPress 4.9正式版，为了纪念爵士音乐家和乐队领袖Billy TiptonWordPress 4.9命名为Tipton。
Yarn是一个由Facebook于2016年推出的JavaScript软件包管理器。它的目标是解决npm（Node.js的默认软件包管理器）在性能和可靠性方面的一些问题。Yarn旨在提供更快、更安全、更稳定的依赖项安装过程，使JavaScript开发人员能够更轻松地管理和构建项目。本文将详细介绍Yarn的特点、优势以及如何在项目中使用它。
在上一篇教程中，我们已经介绍了使用 Enzyme 测试 React 组件的基本知识。今天，我们将更深入地挖掘并学习如何测试组件的 Props，如何（以及为什么）使用 mount 函数，以及什么是 Jest 快照测试。
Flowable是一个使用 Java 编写的「轻量级业务流程引擎」。Flowable流程引擎可用于部署「BPMN 2.0」流程定义（用于定义流程的行业 XML 标准）， 创建这些流程定义的流程实例，进行查询，访问运行中或历史的流程实例与相关数据等等。
很多网站的资源后面都加了版本号，这样做的目的是：每次升级了JS或者CSS文件后，为了防止浏览器进行缓存，强制改变版本号，客户端浏览器就会重新下载新的JS或CSS文件，以保证用户能及时获得网站的最新更新。
在日常网页建设时，如遇到更新页面css的时候，需要Apache进行清除以清除所有浏览器上的缓存,从而强制完全重新加载站点。
由于最近开发的个人博客（Vue + node）在使用过程中，发现网络加载有点慢，所以打算对它进行一次优化。本次优化的目标如下：
首先打开另一个小网站 -- https://www.hwtelcloud.com/products/rpa,下载【设计器】，并进行使用激活；下载【执行器】，让程序自己动；此外还需下载浏览器驱动和安装浏览器插件。关于软件的下载安装等此处就不进行讲解，相信您能搞定！
Spike先生是Best Experience公司的IT运营部门主管，他的团队成功地利用Http Cache优化了前端工程。 Spike将通过三个Scenario来展示他的团队是如何做到这一点的： 通过配置Http Cache Expire来消减访问压力，提高用户体验 通过版本化来强制失效本地的过期缓存 通过内容摘要命名文件来更精确的控制缓存以及实现非覆盖式的发布 第一个故事：我不想要那么多服务器和带宽 Best Experience面临的资源访问压力和用户体验方面的问题 随着Best Experience
在当今的Web开发领域，React.js无疑是最受瞩目的技术之一。它以其独特的组件化开发方式、虚拟DOM技术以及单向数据流等特点，为Web开发者提供了高效、灵活和可靠的解决方案。然而，React.js的渲染速度同样也是开发者们关注的重要问题。本文将深入探讨React.js的渲染速度，帮助大家更好地了解和优化其性能。
Brief 一天有个朋友问我“JS中计算0.7 * 180怎么会等于125.99999999998，坑也太多了吧！”那时我猜测是二进制表示数值时发生round-off error所导致，但并不清楚具体是如何导致，并且有什么方法去规避。于是用了3周时间静下心把这个问题搞懂，在学习的过程中还发现不仅0.7 * 180==125.99999999998，还有以下的坑 1. 著名的 0.1 + 0.2 === 0.30000000000000004
EasyDSS系统平台在在线教育、在线医疗等项目中都能够提供很好的教学方式，根据不同的项目需求，EasyDSS可以实现特殊的功能定制和开发。在我们遇到的部分EasyDSS的开发项目中，对于录像，经常出现该种场景需求：客户指定任意时间段的录像作为一个节目，进行二次开发将录像作为一个节目提供给用户播放。
由于项目越来越大，即使了使用代码压缩工具减少文件大小，js文件还是不可避免的越变越大。而对于用户来说每次重新下载都有可能会消耗大量时间，让我们的首屏展示有较长时间的空白。为了提升网站性能，有效利用缓存能够提升用户体验，提高访问效率。
Godot Engine 是一个功能强大的跨平台游戏引擎，可用于创建 2D 和 3D 游戏。它提供了一套全面的常见工具，让用户可以专注于制作游戏而不必重复造轮子。该引擎支持将游戏一键导出到多个平台上，包括主要桌面平台 (Linux、macOS、Windows)、移动平台 (Android、iOS) 以及基于 Web 和控制器的平台。
先从简单的静态页面开始，众所周知，前端资源由 HTML、JavaScript、CSS 三剑客组成，假设我们有一个简单的页面，用Nginx作为 Web 服务器，资源组织结构大概如下：
常用技能（更新ing）：http://www.cnblogs.com/dunitian/p/4822808.html#skill 技能总纲（更新ing）：http://www.cnblogs.com/dunitian/p/5493793.html 在线演示：http://cppjieba-webdemo.herokuapp.com 完整demo：https://github.com/dunitian/TempCode/tree/master/2016-09-05 逆天修改版：https://github.c
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
