![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 84
cybozu开发者
这个作者很懒,什么都没留下…
展开
-
(小实验)理解编译原理:一个四则运算的解释器
四则运算就是加减乘除四种运算,例如:1 + 2 * 3首先我们来定义词法,四则运算里面只有数字和运算符,所以定义很简单,但是我们还要注意空格和换行符,所以词法定义大概是下面这样的。TokenNumber: 1 2 3 4 5 6 7 8 9 0 的组合Operator: + 、-、 *、 / 之一这里我们对空白和换行符没有任何的处理,所以词法分析阶段会直接丢弃。原创 2024-03-25 09:56:42 · 755 阅读 · 0 评论 -
注入js编程应该知道的一些基础知识,以防混淆造成的错误
假设我现在用的是chrome extension的方式注入javascript来控制网页,例如有一个元素,原始的网页制作者已经给他注册了各种事件,但是我想得到当这个元素发生改变时,会触发一个我自己能控制的事件,有没有什么办法?要在不干扰原有网页事件的前提下,为元素添加自定义事件处理程序,你可以使用MutationObserver API或者通过事件委托的方式来实现。原创 2024-03-18 09:52:35 · 594 阅读 · 0 评论 -
你知道h.265吧?但关于AV1编码格式你也来了解一下吗?
总的来说,H.265由于较早推出,已经得到了广泛的硬件支持,而AV1作为一个较新的标准,正在迅速赢得硬件制造商的支持。随着更多的设备开始原生支持AV1,加上其免版税的优势,预计AV1将在未来几年内在硬件支持方面取得显著进展。这对于推动AV1成为下一代主流视频编码标准具有重要意义。一个视频压制小组,应该如何在av1和h265之间做出选择?一个视频压制小组在决定使用AV1还是H.265(HEVC)作为视频编码格式时,需要考虑多个因素。原创 2024-03-12 09:25:01 · 2137 阅读 · 0 评论 -
在script标签写export为什么会抛错|type module import ES5 ES6 预处理 指令序言 JavaScript JS
今天,我们一起进入了 JavaScript 的语法部分,在开始学习之前,我先介绍了一部分语法的基本规则。我们首先介绍了 JavaScript 语法的全局结构,JavaScript 有两种源文件,一种叫做脚本,一种叫做模块。介绍完脚本和模块的基础概念,我们再来把它们往下分,脚本中可以包含语句。模块中可以包含三种内容:import 声明,export 声明和语句。最后,我介绍了两个 JavaScript 语法的全局机制:预处理和指令序言。原创 2024-02-19 13:04:12 · 1235 阅读 · 0 评论 -
你知道哪些JavaScript语句?
JavaScript 遵循了一般编程语言的“语句 - 表达式”结构,多数编程语言都是这样设计的。我们在上节课讲的脚本,或者模块都是由语句列表构成的,这一节课,我们就来一起了解一下语句。在 JavaScript 标准中,把语句分成了两种:声明和语句,不过,这里的区分逻辑比较奇怪,所以,这里我还是按照自己的思路给你整理一下。普通语句:声明型语句:我们根据上面的分类,来遍历学习一下这些语句。原创 2024-02-05 11:17:19 · 772 阅读 · 0 评论 -
什么是JavaScript表达式语句?
表达式语句实际上就是一个表达式,它是由运算符连接变量或者直接量构成的(关于直接量我们在下一节详细讲解)。一般来说,我们的表达式语句要么是函数调用,要么是赋值,要么是自增、自减,否则表达式计算的结果没有任何意义。但是从语法上,并没有这样的限制,任何合法的表达式都可以当做表达式语句使用。比如我们看下面的例子。a + b;这句代码计算了a和b相加的值,但是不会显示出来,也不会产生任何执行效果(除非a和b是 getter),但是不妨碍它符合语法也能够被执行。原创 2024-01-31 10:17:10 · 977 阅读 · 1 评论 -
JavaScript的闭包、执行上下文、到底是怎么回事?还有必要学吗?
在今天的课程中,我帮你梳理了一些概念:有编程语言的概念闭包,也有各个版本中的 JavaScript 标准中的概念:执行上下文、作用域、this 值等等。之后我们又从代码的角度,分析了一些执行上下文中所需要的信息,并从var、let、对象字面量等语法中,推导出了词法作用域、变量作用域、Realm 的设计。更多相关内容开发者联盟--讨论社区。原创 2024-01-09 10:03:45 · 937 阅读 · 0 评论 -
JavaScript新加入的**运算符,哪里有些不一样呢?
今天我们讲解了表达式的右边部分,讲到了包括更新表达式、一元运算表达式、乘方表达式、乘法表达式、移位表达式等 14 种表达式。至此为止,我们已经讲全了表达式。你如果有不熟悉的地方,可以随时回头查阅。留一个小任务,我们试着总结下 JavaScript 中所有的运算符优先级和结合性。例如:开发者网站--技术前沿。原创 2024-01-02 10:56:52 · 936 阅读 · 0 评论 -
有个前端跟我说,他只用div和span,这样做对吗?
介绍完自然语言的语义场景后,我想介绍的另一个语义重要使用场景,就是文章的结构。中国古代小说就形成了“章 - 回”的概念,西方的戏剧也有幕的区分,所以人类的自然语言作品也是如出一辙。HTML 也应该支持这样的需求。HTML 语义标签中,有不少是用于支持这样的结构的标签。语义化的 HTML 能够支持自动生成目录结构,HTML 标准中还专门规定了生成目录结构的算法,即使我们并不打算深入实践语义,也应该尽量在大的层面上保证这些元素的语义化使用。原创 2023-12-25 15:44:13 · 871 阅读 · 0 评论 -
做一个wiki页面是体验HTML语义的好方法
在上一篇文章中,我花了大量的篇幅和你解释了正确使用语义类标签的好处和一些场景。那么,哪些场景适合用到语义类标签呢,又如何运用语义类标签呢?不知道你还记不记得在大学时代,你被导师逼着改毕业论文格式的情景,如果你回想一下,你在论文中使用的那些格式,你会发现其实它们都是可以用 HTML 里的语义标签来表示的。这正是因为 HTML 最初的设计场景就是“超文本”,早期 HTML 工作组的专家都是出版界书籍排版的专家。原创 2023-12-19 09:45:43 · 1214 阅读 · 2 评论 -
错误地使用 React 的五种方式,会导致你被解雇|useState
虽然是一个简单的工具,但useState许多开发人员仍然会犯错误。在代码审查期间,我经常看到即使是有经验的人也会犯这些错误。在本文中,我将通过简单实用的示例向您展示如何避免它们。原创 2023-11-28 10:36:23 · 1004 阅读 · 0 评论 -
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 · 131 阅读 · 0 评论 -
磨练前端技能的 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 · 269 阅读 · 0 评论 -
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 · 120 阅读 · 0 评论 -
手把手教你如何轻松播放附件中的视频——面向初学者的实践指引
在日常使用办公系统的过程中,经常被问到一个问题,就是附件中如果上传的是视频文件,如何在网页上播放?虽然可以下载后再在本地播放,但是有时候只是想看一下视频里其中的一段,下载后再播放就非常的浪费时间。在这篇文章中,我们将一步一步手把手教你如何实现在办公系统中播放视频(以kintone为例)。原创 2023-10-30 13:45:14 · 164 阅读 · 0 评论 -
如何批量分别压缩大量大型文件 |7z 7zip cmd powershell RAR
我们经常压缩文件,这点很普通。但有时候会产生分卷压缩的需求。所谓分卷,就是把压缩文件拆分成若干文件,已达到限制单个文件容量上限的目的。在目前的时代下,这种需求非常小众,但以下两种情况还是有可能会有作用。想把非常大的文件/文件夹上传到网盘,但是网盘有单个文件容量限制拆分后文件的hash就会面目全非,可以防止和别人重复的文件被系统误删。🚧不放心还可以加上密码。原创 2023-10-24 09:36:24 · 389 阅读 · 0 评论 -
使用vite插件进行低代码平台自定义开发(手机版自定义范例)
这次我们结合vite插件,以kintone手机版的自定义开发为范例,给大家做演示。最后的成果图技术栈:vite4 + vue3 + vant4plugins: [vue(),}),Icons({},}),],resolve: {alias: {},},});原创 2023-09-26 15:08:02 · 185 阅读 · 0 评论 -
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 · 1429 阅读 · 0 评论 -
JS的执行还分是谁发起的?
这一部分首先我们考虑一下,如果我们是浏览器或者 Node 的开发者,我们该如何使用 JavaScript 引擎。当拿到一段 JavaScript 代码时,浏览器或者 Node 环境首先要做的就是;传递给 JavaScript 引擎,并且要求它去执行。原创 2023-08-21 11:29:23 · 97 阅读 · 0 评论 -
JS的对象分类原来还有这些门道
在这篇文章中,我们介绍了一些不那么常规的对象,并且我还介绍了 JavaScript 中用对象来模拟函数和构造器的机制。这是一些不那么有规律、不那么优雅的知识,而 JavaScript 正是通过这些对象,提供了很多基础的能力。我们这次课程留一个挑战任务:不使用 new 运算符,尽可能找到获得对象的方法。请把自己的答案留言给我,我们来比比看谁找到的多。原创 2023-08-14 14:46:17 · 60 阅读 · 0 评论 -
还是有必要知道一些早期用JS模拟类的故事
原型是顺应人类自然思维的产物。中文中有个成语叫做“照猫画虎”,这里的猫看起来就是虎的原型,所以,由此我们可以看出,用原型来描述对象的方法可以说是古已有之。我们在上一节讲解面向对象的时候提到了:在不同的编程语言中,设计者也利用各种不同的语言特性来抽象描述对象。最为成功的流派是使用“类”的方式来描述对象,这诞生了诸如 C++、Java 等流行的编程语言。这个流派叫做基于类的编程语言。还有一种就是基于原型的编程语言,它们利用原型来描述对象。我们的 JavaScript 就是其中代表。原创 2023-08-08 14:54:44 · 70 阅读 · 0 评论 -
面对对象还是基于对象傻傻分不清楚,JS这个非主流太搞了
我们先来说说什么是对象,因为翻译的原因,中文语境下我们很难理解“对象”的真正含义。事实上,Object(对象)在英文中,是一切事物的总称,这和面向对象编程的抽象思维有互通之处。中文的“对象”却没有这样的普适性,我们在学习编程的过程中,更多是把它当作一个专业名词来理解。但不论如何,我们应该认识到,对象并不是计算机领域凭空造出来的概念,它是顺着人类思维模式产生的一种抽象(于是面向对象编程也被认为是:更接近人类思维模式的一种编程范式)。那么,我们先来看看在人类思维模式下,对象究竟是什么。原创 2023-07-24 11:42:15 · 46 阅读 · 0 评论 -
使用Flow发送企业应用的通知到微信里
1.Microsoft Flow响应kintone添加记录的Webhook。2.Microsoft Flow向微信发送消息。原创 2023-06-19 14:18:36 · 116 阅读 · 0 评论 -
前人踩过的雷,绕过的弯,何必重蹈,前端学习路径方法分享题
今天我带你探索了前端的学习路径,并提出了两个学习方法:你要试着建立自己的知识架构,除此之外,还要学会追本溯源,找到知识的源头。这个教程中,我并不奢望通过短短的几十篇教程,事无巨细地把前端的所有知识都罗列清楚,这本身是 MDN 这样的参考手册的工作。但是,我希望通过这个教程,把前端技术背后的设计原理和知识体系讲清楚,让你能对前端技术产生整体认知,这样才能够在未来汹涌而来的新技术中保持领先的状态。在你的认识中,前端知识的结构是怎样的?开发者网站---讨论社区。原创 2023-05-29 11:32:39 · 852 阅读 · 0 评论 -
为什么你永远不应该在CSS中使用px来设置字体大小
在Josh Collinsworth的博客文章“永远不要用px作为字体大小”中,作者讨论了为什么不应该使用像素(px)作为网页字体大小的单位[1]。作者指出,相对于容器、浏览器或用户的字体大小,px值是静态的。无论用户的字体偏好设置如何,当我们以静态像素设置值时,它将覆盖用户的选择,以我们指定的确切值替代。这意味着,如果我wu7的样式表使用像素单位,可能导致访问网站的用户难以阅读。因此,作者建议使用相对单位,如em、rem或百分比,而不是像素。原创 2023-04-24 14:57:57 · 511 阅读 · 0 评论 -
不想再被喷了,好好整理一下常用es6!!
(灵魂拷问),还有涉及到数组的扁平化处理,为啥不用ES6提供的flat方法?其中使用Infinity作为flat参数,这样可以无需知道被扁平化的数组的维度。在正式项目开发中,面对一些没有分页的列表的搜索功能,一般是前端来负责实现。(指着我)难道你不知道ES6中的对象属性名是可以用表达式的吗?看着这样的代码,我仿佛看到了前端组长那鄙视的眼神~搜索一般分为精确搜索和模糊搜索,搜索也叫作过滤。是不是省了一大堆代码,惊不惊喜,意不意外!但是,如果是精确搜索,需要使用ES6中的。写成这样,和回调地狱有什么区别啊!转载 2023-03-06 15:52:34 · 76 阅读 · 0 评论 -
我终于搞懂了async/await、promise和setTimeout的执行顺序
事件的执行顺序,是先执行宏任务,然后执行微任务,这个是基础,任务可以有同步任务和异步任务,同步的进入主线程,异步的进入Event Table并注册函数,异步事件完成后,会将回调函数放入Event Queue中(宏任务和微任务是不同的Event Queue),同步任务执行完成后,会从Event Queue中读取事件放入主线程执行,回调函数中可能还会包含不同的任务,因此会循环执行上述操作。此时的await会让出线程,阻塞async内后续的代码,先去执行async外的代码。微任务(micro-task)转载 2023-02-27 11:24:15 · 111 阅读 · 0 评论 -
30个Javascript知识点总结,总有你不会的!
最近重温了一遍红宝书,发现一些比较好玩的写法,很多东西日常都在用,但是发现还会有不一样的写法,结合一些日常工作中使用的方法,为大家总结一篇日常经常使用可能还不知道的点,希望对你能有所帮助:转载 2023-02-13 17:03:31 · 119 阅读 · 0 评论 -
非常流行的vue库,看这一篇就够了
今天来推荐几个实用的 Vue 库!如:状态管理、表单、文档、测试、可视化、组件、UI 组件、动画、图标、富文本编辑器、 服务端渲染等等。转载 2023-01-16 15:25:14 · 669 阅读 · 0 评论 -
SweetAlert让消息弹出窗口更加具有个性化!
SweetAlert是指可对JavaScript标准功能alert()和confirm()进行个性化定制的库。在Cybozu CDN里复制SweetAlert的JavaScript链接 ,粘贴到JavaScript自定义设置页面的URL输入栏,然后上传上面的代码范例(calcAge.js)。原创 2023-01-11 11:42:17 · 405 阅读 · 0 评论 -
提升代码可读性,减少if-else的几个小技巧
相信大家或多或少都接触过拥有庞大 if else 的项目代码吧,多重嵌套的 if else 在维护的时候真的让人很恼火,有时候一个 bug 排查下来,严重感觉身体被掏空。本文并未有消灭或歧视 if else的意思,if else 的好用都知道,这里只是在某些特定场景为大家额外提供一种思路。转载 2023-01-10 15:17:13 · 85 阅读 · 0 评论 -
Marked.js让您的文档编辑更加轻松自如!
低代码应用平台,虽然有文本编辑框,可以对内容进行编辑提高易读性。但是还是有不少人觉得如果能够使用Markdown编辑,将更加轻松,文本也将更加美观。※特别受程序员的欢迎原创 2022-11-22 13:55:50 · 4506 阅读 · 0 评论 -
通过Handsontable实现像Excel一样编辑数据
Handsontable是一个JavaScript库,可以帮助您轻松实现类似Excel电子表格一样的编辑方式。不单单外表看起来像Excel,可以像Excel那样进行数据显示和编辑吧。原创 2022-11-16 13:30:00 · 500 阅读 · 0 评论 -
用JS实现excel预览
这次为大家分享的是,如何用js写出excel文件的预览。他方便了pc用户和手机端用户可以无需下载,并且直接在线预览excel文件。因为excel转html的显示用的是第三方开源库的代码,所以实现上有所限制。具体请参见所用到开源的库这些库的说明。支持 不支持 多sheet显示 图片显示 合并后的单元格显示 链接,文字样式等 手机画面优化 效果图PC:手机:示例代码所用到开源的库js:jQuery:ht......原创 2020-08-06 12:12:00 · 12795 阅读 · 0 评论 -
使用第三方账号认证(一):钉钉扫码登录
要使用钉钉扫码登录,也就是需要把kintone的登录画面替换成扫码画面。而在扫码后,则需要获取钉钉用户的身份信息并将其转化为对应的kintone用户。要使用钉钉扫码登录,也就是需要把kintone的登录画面替换成扫码画面。最后服务端生成相应的session,并展示登录后的画面。.........原创 2022-08-04 11:32:29 · 2987 阅读 · 0 评论 -
移动端开发(vue,vuex,vantui)
概述如何用vue做移动端的自定义开发?下面这个例子希望能给到你帮助移动端demo说明这次我们推出了5大功能。通过底部的菜单即可切换不同的页面。门户效果图 功能说明 kintone内搜索 实现kintone内的用户,应用,空间,主题等的全文检索。 图表BI 通过echarts来绘制图表,数据全部来自于内部应用,实时展示关注的数据。 通过轮播可以展示多个图表。 常用应用 将...原创 2021-10-26 16:54:15 · 1509 阅读 · 0 评论 -
OCR识别技术在企业OA系统中的应用
概要OCR技术提供商合合信息企业OA系统提供商才望子利用这2家公司的产品,我们来做一个自动识别发票的报销app效果图关键代码 const appKey = '.....'; // your app_key; const appSecret = '......';// your app_secret; const url = '.....'; functio...原创 2020-08-14 10:45:07 · 421 阅读 · 0 评论 -
看板应用teambition和其他企业系统的整合
概要看板应用teambition企业OA系统kintone我们希望能把自己企业OA系统(kintone)中的任务直接发布到外包企业的项目管理系统(teambition)上。效果图关键代码 function genAppAccessToken(param) { const periodical = 3600; const iat = Math.floor(Date.now() / (1000 ...原创 2020-08-14 10:38:39 · 345 阅读 · 0 评论 -
如何将腾讯会议接入kintone
众所周知,由于近期的特殊情况,远程办公的需求急速增长,为了满足需求,许多产品如雨后春笋般崭露头角。其中多人在线会议类产品更是备受大众瞩目,而腾讯会议以其出色的安全可靠性,使用便捷性,高清流畅性得到了使用者的亲睐。下面我们就来介绍如何使用kintone来快速建立,更改,取消会议。下图是完成后的效果:全教程:https://cybozudev.kf5.com/hc/kb/article/1395671?from=csdn更多文章和演示可到kintone de...原创 2020-07-31 10:06:33 · 1469 阅读 · 0 评论 -
Tencent 腾讯云对象存储 COS 服务的整合
Tencent 腾讯云对象存储 COS 服务的整合Tencent COS 即‘对象存储(Clould Object Storge)’,是一种无目录层次结构,无数据格式限制,可容纳海量数据和文件的分布式存储服务。我们可以利用其API进行开发,与现有企业所用的OA系统整合,实现对文件的管理。将文件存储在“文件存储”类云服务中,对于自动存储空间扩展,数据备份,上传下载速度等需求都有者很好的体验。如下图所演示的,就是一个整合好的kintone插件demo。 是不是很酷!想要知道插件的代码是怎原创 2020-07-23 18:07:19 · 666 阅读 · 0 评论