起因 今天遇见一个特别有意思的小功能。 就是更换人物图像的背景颜色。 大致操作步骤就是:点击人物-实现背景颜色发生变化 将图片绘画到canvas画布上 我们需要将图片绘制到canvas画布上。 这样做的目的是为了方便我们去操作像素点来更改颜色。 首先创建 Image 的实例。将图片的地址赋值...[2023/11/17]

最近在群里，有个小伙伴问了这么一道很有趣的问题： CSS 能否实现，容器再某个高度下是某种表现，一旦超出某个高度，则额外展示另外一些内容 为了简化实际效果，我们看这么一张示意效果图： 可以看到，当容器高度没有超过某一个值时，没有箭头图标。反之，箭头图标出现。 这个效果在很多场景都会...[2023/11/15]

项目代码同步至码云 weiz-vue3-template 关于vite的详细配置可查看 vite官方文档，本文简单介绍vite的常用配置。 初始内容 项目初建后，vite.config.ts 的默认内容如下： import { defineConfig } from ''vite'' ...[2023/11/15]

Apache JMeter是一款出色的开源性能和功能测试工具，这款工具提供了丰富的功能和强大的扩展性，可以应对各种复杂的测试需求。当我们在进行接口测试时，经常会遇到需要从接口响应中提取信息并在后续请求中使用的情况。这时候，JMeter中的JSON Extractor就派上了用场。 JSON E...[2023/11/15]

require()、import、import()是我们常用的引入模块的三种方式，代码中几乎处处用到。如果对它们存在模糊，就会在工作过程中不断产生困惑，更无法做到对它们的使用挥洒自如。今天我们来一起捋一下，它们之间有哪些区别？   一、前世今生 学一个东西，先弄清楚它为什么会出现...[2023/11/15]

本文是Util应用框架日志记录的第四篇,介绍安装和写入 Exceptionle 日志系统的配置方法. Exceptionle 是一个日志管理系统,使用 Asp.Net Core 开发,比 Seq 的模糊搜索能力弱,使用它可能需要一些技巧. Util应用框架目前主要使用 Seq 和 Exc...[2023/11/13]

本文首发于公众号：Hunter后端 原文链接：es笔记六之聚合操作之指标聚合 聚合操作，在 es 中的聚合可以分为大概四种聚合： bucketing(桶聚合) mertic(指标聚合) matrix(矩阵聚合) pipeline(管道聚合) bucket 类似于分类分组，按照某个...[2023/11/13]

目录 Welcome to YARP - 1.认识YARP并搭建反向代理服务 Welcome to YARP - 2.配置功能 2.1 - 配置文件（Configuration Files） 2.2 - 配置提供者（Configuration Providers） 2.3 - 配置过滤器（C...[2023/11/13]

本人之前对Cla 一直不够重视。平时对原型的使用，也仅限于在构造函数的prototype上挂属性。原型尚且用不着，更何况你Cla 只是原型的一颗语法糖？ 直到公司开始了一个webgis项目，使用openlayers。看了下openlayers的代码，整个api都是用Cla 构建的。我才意识到，...[2023/11/10]

Node.js如何处理多个请求？ 前言 在计算机科学领域，关于并发和并行的概念经常被提及。然而，这两个术语常常被混为一谈，导致很多人对它们的理解存在着很多混淆。本文小编将通过对并发和并行的深入解析，帮助读者更好地理解它们之间的不同特点和应用场景。同时，文章还将介绍Node.js如何高效地处理...[2023/11/8]

前言 在上一篇【手撕Vuex-模块化共享数据】文章中，已经了解了模块化，与共享数据的注意点。 那么接下来就要在我们自己的 Nuex 中实现共享数据模块化的功能。那么怎么在我们自己的 Nuex 中实现共享数据模块化的功能呢？ 处理数据 也非常的简单，是不是就是处理一下子模块的数据，处理一下子模...[2023/11/8]

最近感觉到 Markdown 似乎已成为各大社区的编辑器标配所支持的格式，侧面看来其设计之初的目标 “ to be used as a format for writing for the web.” 已经成为了现实。不妨就扒一扒互联网 Markdown 的这些事儿。 Markdown 的演进 ...[2023/11/6]

专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核??推荐?? 欢迎各位ITer关注点赞收藏?????? 背景 以下是柏成根据Vue3官方课程整理的响应式书面文档 - 第二节，课程链接在此：Proxy and Reflect - Vue 3 R...[2023/11/6]

本文由葡萄城技术团队原创并首发。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 一、什么是Canvas 想必学习前端的同学们对Canvas 都不陌生，它是 HTML5 新增的“画布”元素，可以使用JavaScript来绘制图形。 Canvas...[2023/11/3]

1. 背景 随着现代技术的快速发展，即时交互变得越来越重要。用户不仅希望获取信息，而且希望以更直观和实时的方式体验它。这在聊天应用程序和其他实时通信工具中尤为明显，用户习惯看到对方正在输入的提示。 ChatGPT，作为 OpenAI 的代表性产品之一，不仅为用户提供了强大的自然语言处理能力，而...[2023/11/1]

@目录基础知识创建类型类的初始化类型和值JSDoc 注释字段私有字段可选和非可选字段字段类型约束Getter/Setter静态成员函数重载构造函数参数属性类的实例化箭头函数this的作用域全局类和对象方法泛型泛型类泛型接口泛型函数装饰器 基础知识 创建类型 cla Abc { } 类的初...[2023/11/1]

前言 本文章是根据《深入解析CSS》一书所作的学习笔记，书中的知识点基本都概括在这。希望对您有帮助，另外本博客是通过word笔记文档导入，虽然后续对内容和代码相关进行了一些格式处理，但还是可能会有漏掉以及不完善的地方，还请见谅。   优先级与继承 样式冲突时: 1>2>...[2023/11/1]

经过上一篇章介绍，完成了实现 getters 的功能，那么接下来本篇将会实现 mutations 的功能。 在实现之前我们先来回顾一下 mutations 的使用。 将官方的 Vuex 导入进来，因为我们的还没有实现，现用一下官方的，来演示一下 mutations 的使用。 mutat...[2023/11/1]

json简介 JSON是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于...[2023/10/30]

好家伙,   补了一下watch的多种用法   1.属性: 方法(最常用) 使用最广泛的方式是将watch选项设置为一个对象，对象的属性是要观测的数据属性，值是一个回调函数，该回调函数会在属性变化时触发。例如： watch: { firstName: func...[2023/10/25]

前言 最初，JavaScript是用于设计执行简单的web任务的，比如表单验证。直到2009年，Node.js的创建者Ryan Dahl让开发人员认识到了通过JavaScript 进行后端开发已成为可能，在后端开发中，用到最多的就是多线程以及线程之间的同步功能，今天小编就为大家介绍一下如何使用...[2023/10/25]

写在前面 react整体是函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，而vue的思想是响应式的，也就是基于是数据可变的，通过对每一个属性建立Watcher来监听， 当属性变化的时候，响应式的更新对应的虚拟dom react的思路通过js来生成html， 所以设计了jsx，还有通过j...[2023/10/25]

资源共享指的是在一个 Context 中的创建的 Texture 资源可以被其他 Context 所使用。一般来讲只有相同 share group Context 创建的 Texture 才可以被共享，而 Chromium 设计了一套允许不同 share group...[2023/10/25]

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：的卢 引入 在日常开发过程中，我们会使用很多性能优化的 API，比如像使用 memo、useMemo优化组件或者值，再比如使用 shouldC...[2023/10/25]

基于chromium103版本 1. 自定义扩展API接口 chromium默认扩展api接口中有chrome.runtime.*,和chrome.send.*等，现在我们就仿照chrome.runtime方式来定义自己的接口，供给插件或者网页使用。 其实chromium 增加自定义 ...[2023/10/23]

经过上一篇文章的学习，实现了界面驱动数据更新，接下来实现一下其它相关的指令，比如事件相关的指令，v-on 这个指令的使用频率还是很高的，所以我们先来实现这个指令。 v-on 的作用是什么，是不是可以给某一个元素绑定一个事件。 紧接着了解了 v-on 的作用之后，我在 example.html...[2023/10/23]

公司有一个新需求，在原来项目基础上开发，项目中使用 Ant Design Vue，版本是 1.X ,在此记录下遇到的问题；对于没有使用过或者使用程度不深的同学来说，希望可以帮助你在开发中遇到问题时有个参考。对于已经熟练使用的同学，可能这些问题都遇到过，欢迎大家在评论区补充。 1、实现对下拉框显示...[2023/10/23]

好家伙，nextTick, (...这玩意,不太常用)   1.什么是nextTick 在Vue中，nextTick是一个用于异步执行回调函数的方法。 它在Vue更新DOM后被调用，以确保在下一次DOM更新渲染完成后执行回调函数。 而事实上,我们把队列处理的操作封装到了nex...[2023/10/23]

好家伙，   本篇讲的是数据更新请求列队处理   1.一些性能问题 数据更新的核心方法是watcher.updata方法 实际上也就是vm._updata()方法, vm._updata()方法中的patch()方法用于将新的虚拟DOM树与旧的虚拟DOM树进行比较...[2023/10/20]

需求 目前有一个需求，不同对象有一些公共属性，分别也有一些不同的属性。对方传过来的json字符串中，把这些对象组成了一个数组返回过来的。这样该如何反序列化呢？ 举例 定义Person类、Student类、Worker类； @Data @ToString public cla Person ...[2023/10/20]

经过上一篇的介绍，数据驱动界面改变 v-model 的双向绑定已告一段落, 剩余的就以这篇文章来完成。 首先完成我们的 v-html，v-text, 其实很简单，就是将我们之前的 v-model 创建观察者的方法，在 v-html 和 v-text 中再写一次即可，创建属于 v-html 和 ...[2023/10/20]

我的小册 《CSS 技术揭秘与实战通关》上线了，想了解更多有趣、进阶、系统化的 CSS 内容，可以猛击 - LINK。 最近大家刷抖音，是否有刷到拉斯维加斯的新地标 「Sphere」： 场馆内部的视觉效果非常惊人，其中一个效果让我虎躯一震： 我的第一想法就是...[2023/10/19]

@目录Vue在混合开发中的特点创建MAUI项目创建Vue应用使用element-ui组件库JavaScript和原生代码的交互传递根组件参数从设备调用Javascript代码从Vue页面调用原生代码读取设备信息项目地址 .NET MAUI结合Vue的混合开发可以使用更加熟悉的Vue的语法代替B...[2023/10/19]

专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核??推荐?? 欢迎各位ITer关注点赞收藏?????? 背景 以下是柏成根据Vue3官方课程整理的响应式书面文档 - 第一节，课程链接在此：Vue 3 Reactivity - Vue 3 Re...[2023/10/19]

我的小册 《CSS 技术揭秘与实战通关》上线了，想了解更多有趣、进阶、系统化的 CSS 内容，可以猛击 - LINK。 在知乎看到一题比较有意思的题目。 题目大致是如何实现下述图片的效果，如果使用 div 前置遮挡的话，会影响 div 后面的按钮，使其无法被点击。 ...[2023/10/17]

pre { line-height: 125% } td.linenos .normal { color: inherit; background-color: rgba(0, 0, 0, 0); padding-left: 5px; padding-right: 5px } span.linen...[2023/10/16]

前言 作为一名Android开发，经常要跟后端同事联调接口，那么总避免不了要格式化接口返回值，将其转换为清晰直观高亮的UI样式以及折叠部分内容，方便我们查看定位关键的信息。 一直以来都是打开Google 搜索json格式化关键字，然后选择Google推荐的前三名的网址，比如 bejson...[2023/10/13]

序： 　　又是很久没有更新文章了，这次索性将之前做的三维煤矿项目拿出来讲讲，一是回顾技术，二是锻炼一下文笔。 　　随着科技的不断发展，越来越多的人开始关注煤矿采集的安全和效率问题。为了更好地展示煤矿采集的过程和效率，可视化展示系统成为了一个非常重要的工具。 　　本文将介绍一种针对煤矿采集的...[2023/10/11]

vue3 甘特图（三）：甘特图右侧内容拖动展示内容 　　解决因多个项目周期跨度不同，在一页屏幕里展示不完全，需要通过拖动甘特图下方的滚动条，去查看对应时间段内的内容 　　 　拖拽滚动视图，展示对应时间甘特图 　 构思，通过监听内容拖拽的距离，同时使滚动条滑动相同距离，从而达到效果。 拖拽滚...[2023/10/11]

最近，在 Steam 玩一款老游戏（生化危机 4 重置版），其中，每当游戏转场的过程中，都有这么一个有趣的 Loading 动画： 整个效果有点类似于日食效果，中间一圈黑色，向外散发着太阳般的光芒。 本文，我们将尝试使用 CSS，还原这个效果。 整个效果做出来，类似于如下两个动画效果这...[2023/10/11]

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：佳岚 回顾传统React动画 对于普通的 React 动画，我们大多使用官方推荐的 react-transition-group，其提供了四个...[2023/10/11]

前言 瑞数就不过多介绍了，算是国内 2 线产品中的天花板了。4 代其实难度不高，但要弄出来 确实挺费时间和耐心的。今天就简单来讲讲如何用补环境轻松的过瑞数。 本文首发链接为: https: mp.weixin.qq.com WnScMVv3kmdlrFLjr-m3Pg 前言 本文章中所有内容...[2023/10/11]

先看效果 乍一看，是不是感觉很简单，仔细一瞅发现事情好像没有那么简单。 如果十分钟还没想出怎么实现，那就把简历上的“精通c ”改成“了解c ”……?? 大部分人第一感觉都是想着用border-bottom去做，但是仔细看一下这个是多行文本，下划线始终在最后一行肯定是不合适的，而且下划线运...[2023/10/11]

pre { line-height: 125% } td.linenos .normal { color: inherit; background-color: rgba(0, 0, 0, 0); padding-left: 5px; padding-right: 5px } span.linen...[2023/10/9]

highlight: a11y-dark 近期，有接手到一个echarts地图图表项目，因为采集的散点数据很多打不到准确的地图点上，故有了这个问题。 一般而言，标题的两个问题其是同一个问题，因为对与一个地图数据，也就是geoJson来说，其实就是一个有很多个点的多边形。 目前来说判断...[2023/10/9]

声明 本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！ 本文首发链接为: https: mp.weixin.qq.com o5UCJFhBg-4JFdS0aEwDuw 前言 ...[2023/10/9]

首先贴出一些XML对应的函数，文件内容都有注释说明， 前端代码读取xml文件代码 初始化 window.embedpano({ xml: 0, target: ''pano'', html5: ''only'', mob...[2023/10/9]

好家伙,这是目前为止最绕的一章,也是十分抽象的一章 由于实在太过抽象,我只能用一个不那么抽象的实例去说服我自己   完整代码已开源https: github.com/Fattiger4399/analytic-vue.git 1.我们要做什么? 来看这个例子, index.h...[2023/10/9]

背景 在lodash函数工具库中，防抖_.debounce和节流_.throttle函数在一些频繁触发的事件中比较常用。 防抖函数_.debounce(func, [wait=0], [options=]) 创建一个 debounced（防抖动）函数，该函数会从上一次被调用后，延迟 ...[2023/10/9]

目录 方法一console.log 方法二： debugger 方法三：console.table 方法四：内容宽度 总结 方法一console.log 在safari中，如果打开了控制台，console.log打印日期实例、函数实例、正则实例会触发两次toString方法，那么可以重写to...[2023/9/25]