- 博客(90)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 用JS实现excel预览
这次为大家分享的是，如何用js写出excel文件的预览。他方便了pc用户和手机端用户可以无需下载，并且直接在线预览excel文件。因为excel转html的显示用的是第三方开源库的代码，所以实现上有所限制。具体请参见所用到开源的库这些库的说明。支持 不支持 多sheet显示 图片显示 合并后的单元格显示 链接，文字样式等 手机画面优化 效果图PC：手机：示例代码所用到开源的库js:jQuery：ht......
2020-08-06 12:12:00
12029
原创 通过echarts绘制双十一销量实时统计图表
echarts是apache的一个孵化项目，这次我们利用它的api，来实现了kintone门户页面的双十一的销量实时统计的Dashboard。我们先看下效果图。折线图显示了双十一期间的产品销量走势，而饼图则显示了各渠道的产品销量的占比，同时他们都是实时变化的。接下来我们就来看下它是怎么实现的。公用的库下面是我们要用到的库：echartskintone .........
2019-11-05 10:08:22
3718
原创 在阿里云的函数计算上部署程序
最近Serverless的火热，大家也很想知道低代码平台如何利用这种无服务器的红利，来进行更加简单高效的开发。这次我们利用手边现有的资源，运用阿里云做了一个数据同步。下面就来分享下心得。希望能给大家在无服务器部署方面带来一点启发。
2019-09-06 13:41:30
1139
1
原创 利用高德地图 API 显示地图信息
摘要这次，我们使用高德地图的Web端（JS API），在免费的paas平台应用上通过输入的地址来自动生成地图。用到的高德地图服务API 地图显示和标注 地理编码（获取经纬度） ※此例仅作开发参考，一切商用目的或者其他许可请参考高德相关网站条例。完成图像在这篇技巧文章中，我们使用了kintone应用商店的“顾客列表”应用程序。打开记录详情页面时，将显示地图。...
2019-07-01 17:53:03
5074
原创 （小实验）理解编译原理：一个四则运算的解释器
四则运算就是加减乘除四种运算，例如：1 + 2 * 3首先我们来定义词法，四则运算里面只有数字和运算符，所以定义很简单，但是我们还要注意空格和换行符，所以词法定义大概是下面这样的。TokenNumber: 1 2 3 4 5 6 7 8 9 0 的组合Operator: + 、-、 *、 / 之一这里我们对空白和换行符没有任何的处理，所以词法分析阶段会直接丢弃。
2024-03-25 09:56:42
674
原创 注入js编程应该知道的一些基础知识，以防混淆造成的错误
假设我现在用的是chrome extension的方式注入javascript来控制网页，例如有一个元素，原始的网页制作者已经给他注册了各种事件，但是我想得到当这个元素发生改变时，会触发一个我自己能控制的事件，有没有什么办法？要在不干扰原有网页事件的前提下，为元素添加自定义事件处理程序，你可以使用MutationObserver API或者通过事件委托的方式来实现。
2024-03-18 09:52:35
560
原创 你知道h.265吧？但关于AV1编码格式你也来了解一下吗？
总的来说，H.265由于较早推出，已经得到了广泛的硬件支持，而AV1作为一个较新的标准，正在迅速赢得硬件制造商的支持。随着更多的设备开始原生支持AV1，加上其免版税的优势，预计AV1将在未来几年内在硬件支持方面取得显著进展。这对于推动AV1成为下一代主流视频编码标准具有重要意义。一个视频压制小组，应该如何在av1和h265之间做出选择？一个视频压制小组在决定使用AV1还是H.265（HEVC）作为视频编码格式时，需要考虑多个因素。
2024-03-12 09:25:01
1149
原创 关于AI智能生成（AIGC），整理一下你该知道这些
百度百科生成式人工智能AIGC（Artificial Intelligence Generated Content）是人工智能1.0时代进入2.0时代的重要标志。GAN、CLIP、Transformer、Diffusion、预训练模型、多模态技术、生成算法等技术的累积融合催生了AIGC的爆发。算法不断迭代创新、预训练模型引发AIGC技术能力质变，多模态推动AIGC内容多边形，使得AIGC具有更通用和更强的基础能力。AIGC对于人类社会、人工智能的意义是里程碑式的。
2024-03-04 13:27:43
1035
原创 2024！请你也升级你的工具箱吧！超高价值免费开源等工具介绍
有一篇质量颇高的工具介绍文章，我很希望与你分享，其中有好几款和我自己正在用的不谋而合，可以说英雄所见略同。
2024-02-28 10:05:34
1026
原创 在script标签写export为什么会抛错｜type module import ES5 ES6 预处理 指令序言 JavaScript JS
今天，我们一起进入了 JavaScript 的语法部分，在开始学习之前，我先介绍了一部分语法的基本规则。我们首先介绍了 JavaScript 语法的全局结构，JavaScript 有两种源文件，一种叫做脚本，一种叫做模块。介绍完脚本和模块的基础概念，我们再来把它们往下分，脚本中可以包含语句。模块中可以包含三种内容：import 声明，export 声明和语句。最后，我介绍了两个 JavaScript 语法的全局机制：预处理和指令序言。
2024-02-19 13:04:12
1151
原创 你知道哪些JavaScript语句？
JavaScript 遵循了一般编程语言的“语句 - 表达式”结构，多数编程语言都是这样设计的。我们在上节课讲的脚本，或者模块都是由语句列表构成的，这一节课，我们就来一起了解一下语句。在 JavaScript 标准中，把语句分成了两种：声明和语句，不过，这里的区分逻辑比较奇怪，所以，这里我还是按照自己的思路给你整理一下。普通语句：声明型语句：我们根据上面的分类，来遍历学习一下这些语句。
2024-02-05 11:17:19
761
原创 什么是JavaScript表达式语句？
表达式语句实际上就是一个表达式，它是由运算符连接变量或者直接量构成的（关于直接量我们在下一节详细讲解）。一般来说，我们的表达式语句要么是函数调用，要么是赋值，要么是自增、自减，否则表达式计算的结果没有任何意义。但是从语法上，并没有这样的限制，任何合法的表达式都可以当做表达式语句使用。比如我们看下面的例子。a + b;这句代码计算了a和b相加的值，但是不会显示出来，也不会产生任何执行效果（除非a和b是 getter），但是不妨碍它符合语法也能够被执行。
2024-01-31 10:17:10
950
1
原创 谁知道try里面放return，finally还会执行吗？
我们以 Completion Record 类型为线索，为你讲解了 JavaScript 语句执行的原理。因为 JavaScript 语句存在着嵌套关系，所以执行过程实际上主要在一个树形结构上进行， 树形结构的每一个节点执行后产生 Completion Record，根据语句的结构和 Completion Record，JavaScript 实现了各种分支和跳出逻辑。开发者网站--技术前沿。
2024-01-15 11:44:50
919
原创 JavaScript的闭包、执行上下文、到底是怎么回事？还有必要学吗？
在今天的课程中，我帮你梳理了一些概念：有编程语言的概念闭包，也有各个版本中的 JavaScript 标准中的概念：执行上下文、作用域、this 值等等。之后我们又从代码的角度，分析了一些执行上下文中所需要的信息，并从var、let、对象字面量等语法中，推导出了词法作用域、变量作用域、Realm 的设计。更多相关内容开发者联盟--讨论社区。
2024-01-09 10:03:45
925
原创 JavaScript新加入的**运算符，哪里有些不一样呢？
今天我们讲解了表达式的右边部分，讲到了包括更新表达式、一元运算表达式、乘方表达式、乘法表达式、移位表达式等 14 种表达式。至此为止，我们已经讲全了表达式。你如果有不熟悉的地方，可以随时回头查阅。留一个小任务，我们试着总结下 JavaScript 中所有的运算符优先级和结合性。例如：开发者网站--技术前沿。
2024-01-02 10:56:52
923
原创 有个前端跟我说，他只用div和span，这样做对吗？
介绍完自然语言的语义场景后，我想介绍的另一个语义重要使用场景，就是文章的结构。中国古代小说就形成了“章 - 回”的概念，西方的戏剧也有幕的区分，所以人类的自然语言作品也是如出一辙。HTML 也应该支持这样的需求。HTML 语义标签中，有不少是用于支持这样的结构的标签。语义化的 HTML 能够支持自动生成目录结构，HTML 标准中还专门规定了生成目录结构的算法，即使我们并不打算深入实践语义，也应该尽量在大的层面上保证这些元素的语义化使用。
2023-12-25 15:44:13
846
原创 做一个wiki页面是体验HTML语义的好方法
在上一篇文章中，我花了大量的篇幅和你解释了正确使用语义类标签的好处和一些场景。那么，哪些场景适合用到语义类标签呢，又如何运用语义类标签呢？不知道你还记不记得在大学时代，你被导师逼着改毕业论文格式的情景，如果你回想一下，你在论文中使用的那些格式，你会发现其实它们都是可以用 HTML 里的语义标签来表示的。这正是因为 HTML 最初的设计场景就是“超文本”，早期 HTML 工作组的专家都是出版界书籍排版的专家。
2023-12-19 09:45:43
1171
2
原创 UI 优先的统一身份认证系统 Casdoor
Casdoor 是一个基于 OAuth 2.0 / OIDC 的 UI 优先集中认证 / 单点登录 (SSO) 平台，简单点说，就是 Casdoor 可以帮你解决的难题，你无需开发用户登录注册等与用户鉴权相关的一系列功能，只需几个步骤，简单配置，与你的主应用配合，便可完全托管你的用户模块，简单省心，功能强大。仓库地址：演示地址：官网文档：Casdoor 目前作为 Casbin 社区项目统一使用的鉴权平台，项目已开源，希望得到大家的一些建议和 Star~，我们会及时跟进反馈并改正问题哒。
2023-12-11 09:17:29
1067
原创 Promise 和 Async/Await 到底有啥区别？
当 Promise 被解析或拒绝时，附加的回调函数将添加到微任务队列中。这意味着创建 Promise 之后的任何代码都将在执行附加到 Promise 的回调函数之前执行。使用 Async/Await，您可以编写类似于同步代码的异步代码，并且它在后台使用承诺。在 JavaScript 中，promise 和 async/await 是处理异步操作的两种不同方式。函数等待 Promise 解析时，它不会阻止调用堆栈，并且可以执行任何其他同步代码。函数的执行，直到 Promise 被解析或拒绝。
2023-12-05 10:14:23
388
原创 错误地使用 React 的五种方式，会导致你被解雇|useState
虽然是一个简单的工具，但useState许多开发人员仍然会犯错误。在代码审查期间，我经常看到即使是有经验的人也会犯这些错误。在本文中，我将通过简单实用的示例向您展示如何避免它们。
2023-11-28 10:36:23
992
原创 nodejs你应该知道的13个库 | Sequelize CORS Nodemailer Async Lodash Axios
基于 js 的 MongoDB 对象建模工具，通常称为对象数据建模 （ODM） 库，提供钩子、模型验证、连接和查询等功能。Puppeteer 是一个 Node.js 框架，它允许您通过 DevTools 协议提供用于控制 Chrome/Chromium 的高级 API，从而实现 Chrome 的自动化。Socket.IO 是一个 Node .js通信包，它允许客户端浏览器和服务器实时、双向和基于事件进行通信。大名鼎鼎的Axios是一个基于Node.js和浏览器的基于promise的HTTP客户端。
2023-11-20 09:38:49
109
原创 磨练前端技能的 10 大网站
该平台涵盖了广泛的主题，包括HTML，CSS，JavaScript，Python，Ruby等，还提供有关移动应用程序开发，创业和数字营销等主题的课程。该组织提供了一个全面的课程，涵盖了广泛的Web开发主题，包括HTML，CSS，JavaScript，React，Node.js等。该网站提供了一系列挑战和项目，涵盖HTML，CSS，JavaScript，React，Node.js等主题。该网站提供了一系列挑战，从初学者级别的项目到更高级的项目，涵盖HTML，CSS，JavaScript和响应式设计等主题。
2023-11-14 11:01:33
195
原创 node.js快死了！Bun 1.0 正在改变 JavaScript 游戏规则
Bun 是一个新的 JavaScript 运行时，与流行的 Node JS 和 Deno 相比，它有几个主要优势。它旨在使应用程序更快，而无需增加代码的复杂性。它旨在成为Node.js的直接替代品。所以使用 Bun 时，你不需要 node，它有内置的监视模式，，nodemondotenvcross-env——它默认读取.env文件。Bun 还可以运行不同的文件，如.js.jsx和.cjs.tsx，这意味着现在你不需要 babel、tsc.ts.mjs和ts-nodetsx来安装到你的项目中。
2023-11-06 14:21:50
108
原创 手把手教你如何轻松播放附件中的视频——面向初学者的实践指引
在日常使用办公系统的过程中，经常被问到一个问题，就是附件中如果上传的是视频文件，如何在网页上播放？虽然可以下载后再在本地播放，但是有时候只是想看一下视频里其中的一段，下载后再播放就非常的浪费时间。在这篇文章中，我们将一步一步手把手教你如何实现在办公系统中播放视频（以kintone为例）。
2023-10-30 13:45:14
139
原创 如何批量分别压缩大量大型文件 |7z 7zip cmd powershell RAR
我们经常压缩文件，这点很普通。但有时候会产生分卷压缩的需求。所谓分卷，就是把压缩文件拆分成若干文件，已达到限制单个文件容量上限的目的。在目前的时代下，这种需求非常小众，但以下两种情况还是有可能会有作用。想把非常大的文件/文件夹上传到网盘，但是网盘有单个文件容量限制拆分后文件的hash就会面目全非，可以防止和别人重复的文件被系统误删。🚧不放心还可以加上密码。
2023-10-24 09:36:24
283
原创 微信里写周报添加到公司办公平台的方法
工作中，如果出差在外，或者回到家想要汇报一周的工作情况的时候，不用下载额外的app，只需要通过常用的微信就可以向办公系统里添加记录，是不是很酷？由于正式公众号需要认证，这次我们暂时使用微信公众账号测试号。公司的办公系统，我们用kintone做例子。这次将给大家介绍，如何在微信里写周报内容，添加到公司办公平台的周报应用里。我创建的是简易版的应用。要实现往kintone应用里添加记录的功能，我们将使用。微信和公司用的办公平台互通，我们已经说过几篇。在微信公众号对话框里写周报的内容，发送。里的微信公众号设置。
2023-10-16 11:02:02
102
原创 部署企业级ChatGPT，将AI整合进工作
微软作为OpenAI的主要投资者之一，早在2021年11月就推出了Azure OpenAI 服务，支持模型的私有部署，并由Azure来提供安全保证。部署开源模型的成本巨大，且效果成谜，65B的模型推理应用最少需要130G显存，而微调训练则需要额外添加8倍的资源。在自己的订阅下新建一个资源组，区域选择离我们最近的地域，名称随意，定价层选标准的即可。点击新建部署，按需选择gpt模型，添加部署名，按需更改默认值，最后创建。如若尚未申请，请参照。作为演示，我们使用默认配置，有其他需求的，请按照自己的需求进行定制。
2023-10-09 10:48:06
538
1
原创 使用vite插件进行低代码平台自定义开发（手机版自定义范例）
这次我们结合vite插件，以kintone手机版的自定义开发为范例，给大家做演示。最后的成果图技术栈：vite4 + vue3 + vant4plugins: [vue(),}),Icons({},}),],resolve: {alias: {},},});
2023-09-26 15:08:02
159
原创 Whisper + NemoASR + ChatGPT 实现语言转文字、说话人识别、内容总结等功能
Whisper是一款自动语音识别系统，可以识别来自99种不同语言的语音并将其转录为文字。如果说ChatGPT为计算机赋予了大脑，那么Whisper则为其赋予了耳朵。
2023-09-19 09:41:04
1177
2
原创 DOMPurify 使用方法，如何安全地操作DOM |.sanitize()|.innerHTML|TypeScript TS
你可以用充满脏HTML的字符串来输入DOMPurify，它将返回一个带有干净HTML的字符串（除非另有配置）。您的浏览器越快，DOMPurify 的速度就越快。DOMPurify是用JavaScript编写的，适用于所有现代浏览器（Safari（10+），Opera（15+），Edge，Firefox和Chrome - 以及几乎所有使用Blink，Gecko或WebKit的其他浏览器）。DOMPurify是一个仅限DOM的，超快速的，超级宽容的XSS清理器，用于HTML，MathML和SVG。
2023-09-11 09:55:12
922
原创 禁用 第三方cookie 之后，百度统计会发生什么？
HMACCOUNT 或者是 HMACCOUNT_BFESS 用来标记用户，他们是第三方cookie，domain 属于 .hm.baidu.com，而且属性是 Secure 的，这样本地js是改不掉这个值的，只能通过 https 访问时，网站返回的值来改。Hm_lvt 和 Hm_lpvt 都是算时间的，而且不仅是 cookie ，你的 LocalStorage 和 SessionStorage 也会把这两个值写一遍，防止cookie清空后消失。当本次访问是一个新的访问开始时，更新该cookie为当前时间。
2023-09-04 09:34:33
262
原创 Vim之父逝世，为纪念他你现在可以开始学习 Vim 了
我们的目标是在一周内避免任何额外的配置或花哨的插件——这可能会让人感到痛苦，但它会阻止你把所有的时间都花在配置 Vim 上，而不会花时间练习 Vim。在您将 Vim 用于实际项目后，您将对 Vim 的功能有更好的了解，并且您可能会渴望进一步自定义它。所有上述类型的插件都很棒，可以节省您的时间，但只有在您完全了解如何使用“vanilla”Vim 完成相同的任务时才应该安装它们。如果您的目标是了解足够的 Vim 以便能够在服务器上远程编辑文件，那麽您可以到此为止 - 您已经了解的足够多了，这很危险！
2023-08-29 10:45:59
82
原创 JS的执行还分是谁发起的？
这一部分首先我们考虑一下，如果我们是浏览器或者 Node 的开发者，我们该如何使用 JavaScript 引擎。当拿到一段 JavaScript 代码时，浏览器或者 Node 环境首先要做的就是；传递给 JavaScript 引擎，并且要求它去执行。
2023-08-21 11:29:23
91
原创 JS的对象分类原来还有这些门道
在这篇文章中，我们介绍了一些不那么常规的对象，并且我还介绍了 JavaScript 中用对象来模拟函数和构造器的机制。这是一些不那么有规律、不那么优雅的知识，而 JavaScript 正是通过这些对象，提供了很多基础的能力。我们这次课程留一个挑战任务：不使用 new 运算符，尽可能找到获得对象的方法。请把自己的答案留言给我，我们来比比看谁找到的多。
2023-08-14 14:46:17
58
原创 还是有必要知道一些早期用JS模拟类的故事
原型是顺应人类自然思维的产物。中文中有个成语叫做“照猫画虎”，这里的猫看起来就是虎的原型，所以，由此我们可以看出，用原型来描述对象的方法可以说是古已有之。我们在上一节讲解面向对象的时候提到了：在不同的编程语言中，设计者也利用各种不同的语言特性来抽象描述对象。最为成功的流派是使用“类”的方式来描述对象，这诞生了诸如 C++、Java 等流行的编程语言。这个流派叫做基于类的编程语言。还有一种就是基于原型的编程语言，它们利用原型来描述对象。我们的 JavaScript 就是其中代表。
2023-08-08 14:54:44
66
原创 微信小程序+web数据库的开发实践
生活中使用微信小程序的场景越来越多，它实现了用户对于应用“触手可及、用完即走”的理想需求。微信小程序的开发难度也低于APP的开发制作，使用它会更便利、低成本、高经济效益。但是要完成一个小程序涉及到的技术栈比较多，要开发的模块也很多。比如：微信小程序端的开发小程序与后端接口的开发后端管理系统的开发等等今天就来介绍下如何使用web 数据库（此处以kintone平台为例）+小程序进行整合，实现包括从用户授权认证，到整个O2O系统的开发。
2023-07-31 14:40:31
1203
原创 面对对象还是基于对象傻傻分不清楚，JS这个非主流太搞了
我们先来说说什么是对象，因为翻译的原因，中文语境下我们很难理解“对象”的真正含义。事实上，Object（对象）在英文中，是一切事物的总称，这和面向对象编程的抽象思维有互通之处。中文的“对象”却没有这样的普适性，我们在学习编程的过程中，更多是把它当作一个专业名词来理解。但不论如何，我们应该认识到，对象并不是计算机领域凭空造出来的概念，它是顺着人类思维模式产生的一种抽象（于是面向对象编程也被认为是：更接近人类思维模式的一种编程范式）。那么，我们先来看看在人类思维模式下，对象究竟是什么。
2023-07-24 11:42:15
39
原创 同比环比数据可视化
同比比较是将当前期间的数据与相同期间的去年进行对比，例如，将今年第二季度的销售额与去年同一季度进行对比。同比环比图作为一种常见的数据可视化工具，提供了一种简单而有效的方法来比较不同时间段的数据变化。环比比较则是将当前期间的数据与上一个期间进行对比，例如，将本月的销售额与上个月进行对比。数据可视化提供了一种直观的方式，帮助我们从海量数据中提取有意义的见解，以支持业务决策。由于我们的Demo只是作数据显示，因此过滤数据的操作我们交给kintone来实现。接着，我们需要导入数据，建议生成2-3年的数据。
2023-07-17 13:53:33
1472
原创 细节决定成败，聊聊JS的类型（下）
在本篇文章中，我们介绍了 JavaScript 运行时的类型系统。这里回顾一下今天讲解的知识点。除了这七种语言类型，还有一些语言的实现者更关心的规范类型。List 和 Record： 用于描述函数传参过程。Set：主要用于解释字符集等。Completion Record：用于描述异常、跳出等语句执行过程。Reference：用于描述对象属性访问、delete 等。Property Descriptor：用于描述对象的属性。
2023-07-11 11:32:08
80
原创 细节决定成败，聊聊JS的类型（上）
今天我们来讲讲 JavaScript 的内容，在这个部分，我首先想跟你聊一聊类型。JavaScript 类型对每个前端程序员来说，几乎都是最为熟悉的概念了。但是你真的很了解它们吗？我们不妨来看看下面的几个问题。为什么有的编程规范要求用 void 0 代替 undefined？字符串有最大长度吗？0.1 + 0.2 不是等于 0.3 么？为什么 JavaScript 里不是这样的？ES6 新加入的 Symbol 是个什么东西？为什么给对象添加的方法能用在基本类型上？
2023-07-03 12:18:22
103
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人