cnDevNet的博客_云上办公,前端开发技巧,技术前沿

使用vite插件进行低代码平台自定义开发（手机版自定义范例）

前言Youtube上的前端网红「Theo」在React文档仓库发起了一个Pull request，号召React文档不要再默认推荐CRA(create react app)，而是应该将Vite作为构建应用的首选。 vite的影响力已经从vue蔓延到了react，可见在前端工程化开发中，它已经越来越流行，是时候该从webpack切换到vite了。为什么使用viteVite 采用了基于ES Modul

ico

自定义

json

置顶原创 2023-09-26 15:10:06 171 阅读

微信小程序+web数据库的开发实践

前言生活中使用微信小程序的场景越来越多，它实现了用户对于应用“触手可及、用完即走”的理想需求。微信小程序的开发难度也低于APP的开发制作，使用它会更便利、低成本、高经济效益。但是要完成一个小程序涉及到的技术栈比较多，要开发的模块也很多。比如：微信小程序端的开发小程序与后端接口的开发后端管理系统的开发等等今天就来介绍下如何使用web 数据库（此处以kintone平台为例）+小程序进行整合，实现包括从

服务端

微信

微信小程序

数据库

置顶原创 2023-07-31 14:48:06 113 阅读

React实战--利用甘特图和看板，强化Paas平台应用

概述这是一篇 React 在 kintone 上的实战，我们需要利用看板和甘特图来来强化项目管理 app。另外这次用到了 webpack，想了解基本配置思路的可以看这里项目地址 GitHub - kintone-samples/SAMPLE-kintone-ganttchart-kanban-cn: project manager for kintone,using Gantt and Kanba

甘特图

看板

App

react

置顶原创 2023-06-26 09:34:43 149 阅读

注入js编程应该知道的一些基础知识，以防混淆造成的错误

假设我现在用的是chrome extension的方式注入javascript来控制网页，例如有一个元素，原始的网页制作者已经给他注册了各种事件，但是我想得到当这个元素发生改变时，会触发一个我自己能控制的事件，有没有什么办法？要在不干扰原有网页事件的前提下，为元素添加自定义事件处理程序，你可以使用MutationObserver API或者通过事件委托的方式来实现。使用MutationObse

事件监听器

监听器

事件处理

原创精选 2024-03-18 09:53:09 186 阅读

你知道h.265吧？但关于AV1编码格式你也来了解一下吗？

介绍一下av1格式AV1（AOMedia Video 1）是一种开放、免版税的视频编码格式，旨在用于视频传输和存储。它由开放媒体联盟（Alliance for Open Media, AOM）开发，这是一个由Google、Mozilla、Cisco、Amazon、Intel、Microsoft、Netflix等多家公司组成的联盟。AV1旨在取代VP9并成为与HEVC（H.265）竞争的主要视频编码

硬件加速

视频编码

编码格式

h.265

AV1

原创 2024-03-12 09:26:13 2004 阅读

在script标签写export为什么会抛错｜type module import ES5 ES6 预处理指令序言 JavaScript JS

今天我们进入到语法部分的学习。在讲解具体的语法结构之前，这一堂课我首先要给你介绍一下 JavaScript 语法的一些基本规则。脚本和模块首先，JavaScript 有两种源文件，一种叫做脚本，一种叫做模块。这个区分是在 ES6 引入了模块机制开始的，在 ES5 和之前的版本中，就只有一种源文件类型（就只有脚本）。脚本是可以由浏览器或者 node 环境引入执行的，而模块只能由 JavaScript

函数体

预处理

作用域

原创精选 2024-02-19 13:09:30 171 阅读

你知道哪些JavaScript语句？

我们在上一节课中已经讲过了 JavaScript 语法的顶层设计，接下来我们进入到更具体的内容。JavaScript 遵循了一般编程语言的“语句 - 表达式”结构，多数编程语言都是这样设计的。我们在上节课讲的脚本，或者模块都是由语句列表构成的，这一节课，我们就来一起了解一下语句。在 JavaScript 标准中，把语句分成了两种：声明和语句，不过，这里的区分逻辑比较奇怪，所以，这里我还是按照自己的

作用域

i++

生成器

javascript

原创精选 2024-02-05 11:17:53 201 阅读

什么是JavaScript表达式语句？

JavaScript语法(三)：什么是表达式语句？不知道你有没有注意到，我们在语句部分，讲到了很多种语句类型，但是，其实最终产生执行效果的语句不多。事实上，真正能干活的就只有表达式语句，其它语句的作用都是产生各种结构，来控制表达式语句执行，或者改变表达式语句的意义。今天的课程，我们就深入到表达式语句中来学习一下。什么是表达式语句表达式语句实际上就是一个表达式，它是由运算符连接变量或者直接量构成的（

赋值

优先级

expression

javascript

原创精选 2024-01-31 10:19:42 267 阅读

谁知道try里面放return，finally还会执行吗？

在前面几篇文章中，我们已经了解了关于执行上下文、作用域、闭包之间的关系。今天，我们则要说一说更为细节的部分：语句。语句是任何编程语言的基础结构，与 JavaScript 对象一样，JavaScript 语句同样具有“看起来很像其它语言，但是其实一点都不一样”的特点。我们比较常见的语句包括变量声明、表达式、条件、循环等，这些都是大家非常熟悉的东西，对于它们的行为，我在这里就不赘述了。为了了解 Jav

嵌套

控制语句

执行过程

try

原创精选 2024-01-15 11:45:37 252 阅读

JavaScript的闭包、执行上下文、到底是怎么回事？还有必要学吗？

在上一课，我们了解了 JavaScript 执行中最粗粒度的任务：传给引擎执行的代码段。并且，我们还根据“由 JavaScript 引擎发起”还是“由宿主发起”，分成了宏观任务和微观任务，接下来我们继续去看一看更细的执行粒度。一段 JavaScript 代码可能会包含函数调用的相关内容，从今天开始，我们就用两节课的时间来了解一下函数的执行。我们今天要讲的知识在网上有不同的名字，比较常见的可能有：闭

执行上下文

作用域

词法

javascript

原创精选 2024-01-09 10:04:51 242 阅读

JavaScript新加入的**运算符，哪里有些不一样呢？

JavaScript语法(四)：新加入的**运算符，哪里有些不一样呢？上一节课我们已经给你介绍了表达式的一些结构，其中关于赋值表达式，我们讲完了它的左边部分，而留下了它右边部分，那么，我们这节课一起来详细讲解。在一些通用的计算机语言设计理论中，能够出现在赋值表达式右边的叫做：右值表达式（RightHandSideExpression），而在 JavaScript 标准中，规定了在等号右边表达式叫做

运算符

操作数

位或

原创精选 2024-01-02 10:57:50 240 阅读

UI 优先的统一身份认证系统 Casdoor

Casdoor 是一个基于 OAuth 2.0 / OIDC 的 UI 优先集中认证 / 单点登录 (SSO) 平台，简单点说，就是 Casdoor 可以帮你解决用户管理的难题，你无需开发用户登录注册等与用户鉴权相关的一系列功能，只需几个步骤，简单配置，与你的主应用配合，便可完全托管你的用户模块，简单省心，功能强大。仓库地址： https://github.com

开发者

API

用户管理

Casdoor

原创 2023-12-11 09:19:40 225 阅读

Promise 和 Async/Await 到底有啥区别？

在 JavaScript 中，promise 和 async/await 是处理异步操作的两种不同方式。但它们是密切相关的。promise 是最终导致异步操作完成或失败的对象。承诺可以处于以下三种状态之一：挂起、已履行或拒绝。异步操作完成后，承诺要么以值实现，要么因错误而被拒绝。// Using Promises function promiseFunction() { return new

异步操作

任务队列

Async

promise

原创 2023-12-05 10:16:19 91 阅读

错误地使用 React 的五种方式，会导致你被解雇|useState

虽然是一个简单的工具，但 useState 许多开发人员仍然会犯错误。在代码审查期间，我经常看到即使是有经验的人也会犯这些错误。在本文中，我将通过简单实用的示例向您展示如何避免它们。错误地获取以前的值使用 setState 时，可以将以前的状态作为回调的参数进行访问。不使用它可能会导致意外的状态更新。我们将用一个典型的反例来分解这个错误。import { useCallback

App

ide

json

react

javascript

原创 2023-11-28 10:33:16 82 阅读

nodejs你应该知道的13个库 | Sequelize CORS Nodemailer Async Lodash Axios

1. SequelizeSequelize 是一种基于 promise 的 Node.js 对象关系映射器（ORM）使用，它使开发人员更容易使用关系数据库。2. CORSCORS 是一个 Node.js 包，它使用 Connect/Express 提供跨域资源共享（CORS）作为中间件。CORS 包包装了 Node.js 路由中间件，允许程序从其自己的域以外的域访问资源。3. &

应用程序

中间件

开发人员

node.js

原创 2023-11-20 09:42:21 78 阅读

磨练前端技能的 10 大网站

1. Javascript 30 JavaScript 30 是由流行的 Web 开发人员和教育家 Wes Bos 创建的网站，它提供免费的 30 天挑战，帮助人们提高他们的 JavaScript 技能。该挑战赛由 30 个短视频教程组成，每个教程都专注于 JavaScript 的不同方面。教程的范围从数组和函数等基本概念到更高级的主题，如 AJAX、WebSockets 和

开发人员

CSS

Web

原创 2023-11-14 11:04:49 319 阅读

node.js快死了！Bun 1.0 正在改变 JavaScript 游戏规则

在进一步讨论之前，我们需要解释什么是 javascript 运行时以及为什么我们应该关心它的速度。想象一下，你用JavaScript写了一个故事，你需要有人大声朗读。JavaScript 运行时就像那个友好的叙述者，让你的故事栩栩如生！这是一个特殊的环境，你的JavaScript故事被阅读和表演出来。但是，让我们更深入地研究一下。从技术上讲，这个“叙述者”由JavaScript引擎等组件组成，Ja

测试运行

javascript

node.js

原创 2023-11-06 14:21:09 90 阅读

手把手教你如何轻松播放附件中的视频——面向初学者的实践指引

前言在日常使用办公系统的过程中，经常被问到一个问题，就是附件中如果上传的是视频文件，如何在网页上播放？虽然可以下载后再在本地播放，但是有时候只是想看一下视频里其中的一段，下载后再播放就非常的浪费时间。在这篇文章中，我们将一步一步手把手教你如何实现在办公系统中播放视频（以kintone为例）。另外，本篇会比较偏向刚刚入门 kintone 自定义开发的同学，借助这个播放视频的实例，我们会从需求分析，前

css

视频播放

播放视频

原创 2023-10-30 13:46:26 98 阅读

如何批量分别压缩大量大型文件 |7z 7zip cmd powershell RAR

Background我们经常压缩文件，这点很普通。但有时候会产生分卷压缩的需求。所谓分卷，就是把压缩文件拆分成若干文件，已达到限制单个文件容量上限的目的。在目前的时代下，这种需求非常小众，但以下两种情况还是有可能会有作用。想把非常大的文件/文件夹上传到网盘，但是网盘有单个文件容量限制拆分后文件的hash就会面目全非，可以防止和别人重复的文件被系统误删。?不放心还可以加上密码Requirement全

7z

文件名

网盘

原创 2023-10-24 09:40:49 413 阅读

微信里写周报添加到公司办公平台的方法

微信和公司用的办公平台互通，我们已经说过几篇。这次将给大家介绍，如何在微信里写周报内容，添加到公司办公平台的周报应用里。工作中，如果出差在外，或者回到家想要汇报一周的工作情况的时候，不用下载额外的app，只需要通过常用的微信就可以向办公系统里添加记录，是不是很酷？由于正式公众号需要认证，这次我们暂时使用微信公众账号测试号。公司的办公系统，我们用kintone做例子。完成后的样子在微信公众号对话框里

微信

JavaScript

kintone

周报

原创 2023-10-16 11:05:20 116 阅读

部署企业级ChatGPT，将AI整合进工作

引言3月份AI应用大爆发催生了国内大量需求。然而，所有的需求都不可避免得遇到很多非技术性的问题：部署开源模型的成本巨大，且效果成谜，65B的模型推理应用最少需要130G显存，而微调训练则需要额外添加8倍的资源。ChatGPT官方API不对中国用户开放，且续费无法使用国内信用卡。强行使用存在法律隐患。企业用户对安全隐私存在更高的要求。要解决上面问题，允许私有部署的云服务厂商无疑是最佳选择。微软作为O

chatgpt

Azure

原创 2023-10-09 10:55:37 197 阅读 ChatGPT初体验

Whisper + NemoASR + ChatGPT 实现语言转文字、说话人识别、内容总结等功能

引言2023年，IT领域的焦点无疑是ChatGPT，然而，同属OpenAI的开源产品Whisper似乎鲜少引起足够的注意。Whisper是一款自动语音识别系统，可以识别来自99种不同语言的语音并将其转录为文字。如果说ChatGPT为计算机赋予了大脑，那么Whisper则为其赋予了耳朵。想象一下，在企业应用领域，我们能够利用Whisper将语音转化为文字，然后再借助ChatGPT来进行翻译或总结。接

Azure

github

无法访问

原创 2023-09-19 09:47:53 357 阅读 ChatGPT初体验

DOMPurify 使用方法，如何安全地操作DOM |.sanitize()|.innerHTML|TypeScript TS

DOMPurify是一个仅限DOM的，超快速的，超级宽容的XSS清理器，用于HTML，MathML和SVG。它也非常简单易用和入门。DOMPurify于2014年2月启动，同时已达到v3.0.5版本。DOMPurify是用JavaScript编写的，适用于所有现代浏览器（Safari（10+），Opera（15+），Edge，Firefox和Chrome - 以及几乎所有使用Blink，Gecko

HTML

字符串

SVG

原创 2023-09-11 09:54:43 626 阅读

禁用第三方cookie 之后，百度统计会发生什么？

禁用第三方cookie 之后，经过亲测，结论是：不一定，百度统计还是有可能知道你是谁的。但可能失准。本想研究一下百度统计是如何统计数据的，发现基本上是利用cookie。大致情况是这样的：名称用途有效期类型HMACCOUNTVisitor Identifier，全局唯一永久第三方Cookie，hm.baidu.com域Hm_lvt_siteid记录访客当前访问序列的开始时间，如果没有设置这个coo

百度

Chrome

数据

原创 2023-09-04 09:38:09 227 阅读

Vim之父逝世，为纪念他你现在可以开始学习 Vim 了

编辑器Vim之父，布莱姆·米勒（Bram Moolenaar）逝世，享年62岁。（程式设计圈内广为流传的一句话：世界上只有叁种程式设计师，用Vim的，用Emacs，和用其他的。）在布莱姆家人发的讣告中写到：我们必须怀着沉重的心情通知您，由于在过去几周裡病情迅速恶化，Bram Moolenaar于8月3日去世。为纪念编辑器Vim之父，布莱姆·米勒，我们来学习一下 VimVim 是一个命令行文本

vim

文本编辑器

安装插件

原创 2023-08-29 10:47:47 123 阅读

JS的执行还分是谁发起的？

这一部分首先我们考虑一下，如果我们是浏览器或者 Node 的开发者，我们该如何使用 JavaScript 引擎。当拿到一段 JavaScript 代码时，浏览器或者 Node 环境首先要做的就是；传递给 JavaScript 引擎，并且要求它去执行。然而，执行 JavaScript 并非一锤子买卖，宿主环境当遇到一些事件时，会继续把一段代码传递给 JavaScript 引擎去执行，此外，我们可能还

事件循环

异步操作

API

async

promise

原创 2023-08-21 11:30:50 74 阅读

JS的对象分类原来还有这些门道

在前面的课程中，我已经讲解了 JavaScript 对象的一些基础知识。但是，我们所讲解的对象，只是特定的一部分，并不能涵盖全部的 JavaScript 对象。比如说，我们不论怎样编写代码，都没法绕开 Array，实现一个跟原生的数组行为一模一样的对象，这是由于原生数组的底层实现了一个自动随着下标变化的 length 属性。并且，在浏览器环境中，我们也无法单纯依靠 JavaScript 代码实现

构造器

字段

内置对象

原创 2023-08-14 14:47:56 100 阅读

还是有必要知道一些早期用JS模拟类的故事

早期的 JavaScript 程序员一般都有过使用 JavaScript“模拟面向对象”的经历。在上一篇文章我们已经讲到，JavaScript 本身就是面向对象的，它并不需要模拟，只是它实现面向对象的方式和主流的流派不太一样，所以才让很多人产生了误会。那么，随着我们理解的思路继续深入，这些“模拟面向对象”，实际上做的事情就是“模拟基于类的面向对象”。尽管我认为，“类”并非面向对象的全部，但我们不应

面向对象

构造器

Java

原创 2023-08-08 14:56:14 96 阅读

面对对象还是基于对象傻傻分不清楚，JS这个非主流太搞了

与其它的语言相比，JavaScript 中的“对象”总是显得不那么合群。一些新人在学习 JavaScript 面向对象时，往往也会有疑惑：为什么 JavaScript（直到 ES6）有对象的概念，但是却没有像其他的语言那样，有类的概念呢；为什么在 JavaScript 对象里可以自由添加属性，而其他的语言却不能呢？甚至，在一些争论中，有人强调：JavaScript 并非“面向对象的语言”，而是“基

面向对象

数据属性

Java

原创 2023-07-24 13:10:17 105 阅读

同比环比数据可视化

引言数据分析和可视化在现代商业环境中变得越来越重要。随着数据的迅速增长，我们需要有效的工具来解释和理解这些数据。数据可视化提供了一种直观的方式，帮助我们从海量数据中提取有意义的见解，以支持业务决策。同比环比图作为一种常见的数据可视化工具，提供了一种简单而有效的方法来比较不同时间段的数据变化。它通过将当前期间的数据与先前期间进行对比，帮助我们识别趋势、变化和季节性模式。同比比较是将当前期间的数据与相

数据

数据可视化

特殊字符

原创 2023-07-17 13:55:59 308 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

cnDevNet的博客

使用vite插件进行低代码平台自定义开发（手机版自定义范例）

微信小程序+web数据库的开发实践

React实战--利用甘特图和看板，强化Paas平台应用

注入js编程应该知道的一些基础知识，以防混淆造成的错误

你知道h.265吧？但关于AV1编码格式你也来了解一下吗？

在script标签写export为什么会抛错｜type module import ES5 ES6 预处理指令序言 JavaScript JS

你知道哪些JavaScript语句？

什么是JavaScript表达式语句？

谁知道try里面放return，finally还会执行吗？

JavaScript的闭包、执行上下文、到底是怎么回事？还有必要学吗？

JavaScript新加入的**运算符，哪里有些不一样呢？

UI 优先的统一身份认证系统 Casdoor

Promise 和 Async/Await 到底有啥区别？

错误地使用 React 的五种方式，会导致你被解雇|useState

nodejs你应该知道的13个库 | Sequelize CORS Nodemailer Async Lodash Axios

磨练前端技能的 10 大网站

node.js快死了！Bun 1.0 正在改变 JavaScript 游戏规则

手把手教你如何轻松播放附件中的视频——面向初学者的实践指引

如何批量分别压缩大量大型文件 |7z 7zip cmd powershell RAR

微信里写周报添加到公司办公平台的方法

部署企业级ChatGPT，将AI整合进工作

Whisper + NemoASR + ChatGPT 实现语言转文字、说话人识别、内容总结等功能

DOMPurify 使用方法，如何安全地操作DOM |.sanitize()|.innerHTML|TypeScript TS

禁用第三方cookie 之后，百度统计会发生什么？

Vim之父逝世，为纪念他你现在可以开始学习 Vim 了

JS的执行还分是谁发起的？

JS的对象分类原来还有这些门道

还是有必要知道一些早期用JS模拟类的故事

面对对象还是基于对象傻傻分不清楚，JS这个非主流太搞了

同比环比数据可视化

欢迎