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

细节决定成败，聊聊JS的类型（下）

讲完了基本类型，我们来介绍一个现象：类型转换。因为 JS 是弱类型语言，所以类型转换发生非常频繁，大部分我们熟悉的运算都会先进行类型转换。大部分类型转换符合人类的直觉，但是如果我们不去理解类型转换的严格定义，很容易造成一些代码中的判断失误。其中最为臭名昭著的是 JavaScript 中的“ == ”运算，因为试图实现跨类型的比较，它的规则复杂到几乎没人可以记住。这里我们当然也不打算讲解 == 的规

类型转换

基本类型

拆箱

原创 2023-07-11 11:35:28 116 阅读

细节决定成败，聊聊JS的类型（上）

今天我们来讲讲 JavaScript 的内容，在这个部分，我首先想跟你聊一聊类型。JavaScript 类型对每个前端程序员来说，几乎都是最为熟悉的概念了。但是你真的很了解它们吗？我们不妨来看看下面的几个问题。为什么有的编程规范要求用 void 0 代替 undefined？字符串有最大长度吗？0.1 + 0.2 不是等于 0.3 么？为什么 JavaScript 里不是这样的？ES6 新加入的

字符串

基本类型

javascript

原创 2023-07-03 12:27:00 127 阅读

使用Flow发送企业应用的通知到微信里

今天我们以kintone作为企业应用管理平台来解释，怎么使用flow发送企业的通知到微信上。完成后的样子１．Microsoft Flow响应kintone添加记录的Webhook。２．Microsoft Flow向微信发送消息。微信是什么？微信有点类似于中国版的LINE，在中国被广泛使用。这次我们使用的是，针对企业的微信，也就是企业微信。开通企业微信的方法在kintone里作成应用简单设置一个表单

微信

字段

发送消息

原创 2023-06-19 14:19:43 103 阅读

帮你梳理了一份前端知识架构图

列一份前端知识架构图在上一篇文章中，我们简要地总结了前端的学习路径与方法，我们提到的第一个学习方法就是：建立知识框架。那么，今天我们就一起来列一份前端的知识框架图。在开始列框架之前，我想先来谈谈我们的目标。实际上，我们在网上可以找到很多参考资料，比如 MDN 这样的参考手册，又比如一份语言标准，但是我们的课程既不是一本参考手册，也不是一份语言标准。参考手册希望做到便于查阅、便于理解和全面，语言标准

HTML

持续集成

CSS

JavaScript

原创 2023-06-05 11:23:04 112 阅读

前人踩过的雷，绕过的弯，何必重蹈，前端学习路径方法分享

今天我们一起来聊聊前端的学习路线与方法。在上篇文章中，我和你简单回顾了前端行业的发展，到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其实都是来自于实践和工作中零散的学习。这样的现状就引发了一系列的问题。首先是前端的基础知识，常常有一些工作多年的工程师，在看到一些

前端工程师

MVC

开发者

javascript

原创 2023-05-29 11:22:05 61 阅读

我猜你其实并不懂前端

在接下来的这篇系列教学中，我将带你重新认识前端。前端发展史：从青铜到黄金时代我自己是在 2006 年开始接触前端的。现在回想起来，那会儿前端还处于史前的“青铜时代”，甚至网页的主要交互都还是依靠切换超链接来完成的。前端的史前记忆：“青铜时代”那时候，谷歌刚刚基于 Ajax 发布的 Gmail 也没多久，虽然这项伟大的技术标志着 Web 1.0（静态网页）到 Web 2.0（动态网页）的迈进，但在国

前端工程师

知识体系

开发者

原创 2023-05-22 09:58:37 131 阅读

把zoom视频会议web客户端嵌入企业平台

一、概要现在中国企业已步入全球化新时代，视频会议软件的使用率越来越高。之前我们讲了如何将腾讯会议接入到我们的系统中，这次，我们将zoom这个国际流行化的视频会议接入进来，无需安装客户端就能在kintone上开视频会议了。二、ZOOM端准备本教程是教大家如何将zoom直接以web嵌入的形式在kintone中展现。用到的技术是zoom web sdk。所以在开发部署前，请先对他的内容做一些

API

zoom

原创 2023-05-15 12:43:51 190 阅读

Marked.js让您的文档编辑更加轻松自如

低代码应用平台——kintone既可以保留更改记录，也有流程管理的功能，在公司内部分享会议记录啊、wiki等文档或学习资料等时非常的便利。kintone还有丰富的文本编辑框，可以对内容进行编辑提高易读性。但是还是有不少人觉得如果能够使用Markdown编辑，将更加轻松，文本也将更加美观。※特别受程序员的欢迎:)这次就向大家介绍如何使用Cybozu CDN中的marked来让kintone应用也可以

字段

Markdown

自定义

Marked.js

原创 2023-05-08 14:21:59 538 阅读

通过Handsontable实现像Excel一样编辑数据

一、Handsontable是指什么？官网: http://handsontable.comHandsontable是一个JavaScript库，可以帮助您轻松实现类似Excel电子表格一样的编辑方式。在示范页面尝试一下就知道了，不仅可以像Excel那样输入数据，还有可指定单元格的格式、制作图表等丰富的功能。二、概要kintone作为云服务低代码平台，虽然可以通过浏览器直接查看记录列表

数据

电子表格

自定义

原创精选 2023-05-04 11:36:50 668 阅读

为什么你永远不应该在CSS中使用px来设置字体大小

代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。在Josh Collinsworth的博客文章“永远不要用px作为字体大小”中，作者讨论了为什么不应该使用像素（px）作为网页字体大小的单位[1]。作者指出，相对于容器、浏览器或用户的字体大小，px值是静态的。无论用户的字体偏好设置

CSS

媒体查询

javascript

原创 2023-04-24 15:03:35 323 阅读

放弃 console.log 吧！用 Debugger 你能读懂各种源码

很多同学不知道为什么要用 debugger 来调试，console.log 不行么？还有，会用 debugger 了，还是有很多代码看不懂，如何调试复杂源码呢？这篇文章就来讲一下为什么要用这些调试工具：console.log vs Debugger相信绝大多数同学使用 console.log 调试的，把想看的变量值打印在控制台。这样能满足需求，但是遇到对象的打印就不行了。比如我想看 webpack

JavaScript

console.log

转载 2023-04-17 14:43:23 35 阅读 yyds干货盘点

面试官：你可以用 for of 遍历 Object 吗？

本文以用 for of遍历 Object 为引来聊聊迭代器模式。什么是迭代器模式迭代器模式提供一种方法顺序访问一个聚合对象中的各个元素，而又不暴露该对象的内部表示。 ——《设计模式：可复用面向对象软件的基础》可以说迭代器模式就是为了遍历存在的。提到遍历，大家都对那些手段耳熟能详了，下面我们先简单列一下各种数据类型的遍历：遍历数组for&nbs

数组

数据结构

迭代器模式

原创 2023-04-10 14:19:58 134 阅读 yyds干货盘点

利用高德地图 API 显示地图信息

摘要这次，我们使用高德地图的Web端（JS API），在免费的paas平台应用上通过输入的地址来自动生成地图。用到的高德地图服务API地图显示和标注地理编码（获取经纬度）※此例仅作开发参考，一切商用目的或者其他许可请参考高德相关网站条例。完成图像在这篇技巧文章中，我们使用了kintone应用商店的“顾客列表”应用程序。打开记录详情页面时，将显示地图。输入地址后会在地图上自动

高德地图

API

自动生成

原创 2023-04-03 13:53:00 501 阅读

Microsoft Flow | 微信 | LDP 整合开发

我们在使用自己的企业应用平台时，经常会遇到以下场景：场景1 业务系统的通知太多，希望收到通知时同步发送企业微信来随时查看。场景2 需要和其他ERP、BI、CRM等系统对接。通常的解决方案是自行开发一套程序来实现平台到微信的同步功能。如果这样做，我们就需要域名空间，要学会搭建web服务器，要github备份维护代码，要当心漏洞被袭击，要编写复杂的代码。（以下将以kintone平台为例进行说明）但是我

微信

HTTP

触发器

原创 2023-03-27 17:33:15 184 阅读 yyds干货盘点

ChatGPT｜一文读懂GPT-4！

早上一早醒来，发现各大科技圈公众号平台开始刷屏OpenAI发布的新模型GPT4.0，看这个版本号就已经知道又是一大波特性的更新于是立马起来开始学习！

数据

API

模态

chatGPT

GPT4

原创 2023-03-21 11:05:30 502 阅读 yyds干货盘点

前端常见vue面试题，被问到不会就糟了

v-if和v-for哪个优先级更高实践中不应该把v-for和v-if放一起在vue2中，v-for的优先级是高于v-if，把它们放在一起，输出的渲染函数中可以看出会先执行循环再判断条件，哪怕我们只渲染列表中一小部分元素，也得在每次重渲染的时候遍历整个列表，这会比较浪费；另外需要注意的是在vue3中则完全相反，v-if的优先级高于v-for，所以v-if执行时，它调用的变量还不存在，就会导致异常通常

Vue

优先级

sed

转载 2023-03-14 15:13:54 52 阅读 yyds干货盘点

不想再被喷了，好好整理一下常用es6！!

if中的判断语句if( type == 1 || type == 2 || type == 3 || type == 4 ||){ //...}经过改进后，可以简写成：const condition = [1, 2, 3, 4]const type = 11if (condition.includes(type)) { console.log('这是真的吗') }

搜索

属性值

ES6

原创精选 2023-03-06 16:05:51 208 阅读 yyds干货盘点

我终于搞懂了async/await、promise和setTimeout的执行顺序

从一道题目出发今天看到一道面试题，是关于async/await、promise和setTimeout的执行顺序，题目如下：async function async1() {console.log('async1 start');await async2();console.log('asnyc1 end');}async function async2() {conso

执行顺序

异步任务

async

promise

setTimeout

转载 2023-02-27 11:26:35 157 阅读

数据对接：从Notion Database到低代码平台

前言Notion简介近几年，有一款叫Notion的产品异常火爆，它是集笔记、任务管理、Wiki、数据管理为一体的产品，他主打两个理念「模块化」和「All-in-one」，Notion最有魅力的还是引进了Database和双向链的理念Notion也算是一个渐进式的工具产品，渐进式你可以理解为，可以简单的当笔记工具用，也可以当个人或小团队的工作知识库和任务管理工具用。Notion与kintone在实际

数据

notion

数据对接

原创 2023-02-20 15:03:45 472 阅读

30个Javascript知识点总结，总有你不会的！

最近重温了一遍红宝书，发现一些比较好玩的写法，很多东西日常都在用，但是发现还会有不一样的写法,结合一些日常工作中使用的方法，为大家总结一篇日常经常使用可能还不知道的点，希望对你能有所帮助：一行代码完成结构加赋值我们日常经常使用结构赋值，一般都是先结构，再赋值，当然我们也可以一行就完成解构加赋值操作，看起来非常简化，当然可读性你懂得！let people = { name: null, age: n

Math

赋值

数组

原创 2023-02-13 17:00:08 79 阅读

在阿里云的函数计算上部署程序

最近Serverless的火热，大家也很想知道我们的kintone如何利用这种无服务器的红利，来进行更加简单高效的开发。这次我们利用手边现有的资源，运用阿里云做了一个逸创云客服和kintone的数据同步。下面就来分享下心得。希望能给大家在无服务器部署方面带来一点启发。课题当用户在逸创云客服上添加一条工单申请后，他会自动同步到kintone。技术分析因为逸创云客服支持webhook协议，我们可以利用

API

触发器

字段

serverless

阿里云

原创精选 2023-02-06 15:38:08 530 阅读

双十一销量实时统计图表

前言echarts 是apache的一个孵化项目，这次我们将它和kintone进行整合，实现了kintone门户页面的双十一的销量实时统计的Dashboard 。我们先看下效果图。折线图显示了双十一期间的产品销量走势，而饼图则显示了各渠道的产品销量的占比，同时他们都是实时变化的。接下来我们就来看下它是怎么实现的。公用的库下面是我们要用到的库：echartsk

自定义

javascript

云服务

原创 2023-01-27 18:26:50 164 阅读

非常流行的vue库，看这一篇就够了

Vue

github

表单

原创 2023-01-16 15:17:55 330 阅读

提升代码可读性，减少if-else的几个小技巧

前言相信大家或多或少都接触过拥有庞大 if else 的项目代码吧，多重嵌套的 if else 在维护的时候真的让人很恼火，有时候一个 bug 排查下来，严重感觉身体被掏空。本文并未有消灭或歧视 if else的意思，if else 的好用都知道，这里只是在某些特定场景为大家额外提供一种思路，增加我们代码的

策略模式

封装

三元运算符

转载 2023-01-10 14:46:15 50 阅读 yyds干货盘点

SweetAlert让消息弹出窗口更加具有个性化！

SweetAlertSweetAlert是指可对JavaScript标准功能alert()和confirm()进行个性化定制的库。SweetAlert的要点官网上有很多示例，看了这些基本上就OK了。但是，在低代码平台kintone上使用时，【弹出消息后更新页面】这个处理只参照示例来写的话，一开始有些人应该会误以为是同步处理，慢慢发现不对劲（因为原本的alert函数也是同步处理）。

前端

sweetalert

原创 2023-01-03 15:19:30 215 阅读

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

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

51CTO博客

cnDevNet的博客