开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么我的画布签名不起作用？我不得不用面向对象的javascript来做这件事。在非面向对象中相同的代码是有效的

为什么我的画布签名不起作用？我不得不用面向对象的JavaScript来做这件事。在非面向对象中相同的代码是有效的。

在非面向对象的JavaScript中，代码可能有效，但在处理复杂的任务时可能会遇到一些问题。面向对象的编程（OOP）提供了一种更结构化和模块化的方法来组织和管理代码，特别适用于大型项目和复杂的任务。

当涉及到画布签名时，使用面向对象的JavaScript可以提供更好的可维护性和可扩展性。下面是一些可能导致你的画布签名不起作用的原因：

缺乏封装性：在非面向对象的代码中，可能会出现全局变量和函数的滥用，导致命名冲突和代码混乱。使用面向对象的JavaScript可以通过封装属性和方法来避免这些问题，使代码更加清晰和可读。
缺乏抽象性：非面向对象的代码可能会缺乏抽象性，导致代码重复和冗余。面向对象的JavaScript可以通过创建类和对象来实现抽象，将相关的属性和方法组织在一起，提高代码的可重用性和可维护性。
缺乏继承和多态性：非面向对象的代码可能无法灵活地处理不同类型的画布签名需求。面向对象的JavaScript通过继承和多态性的概念，可以轻松地扩展和定制画布签名功能，以适应不同的需求。
缺乏封装和模块化：非面向对象的代码可能会导致代码的耦合性增加，难以进行单元测试和维护。面向对象的JavaScript可以通过封装和模块化的方式，将功能划分为独立的模块，提高代码的可测试性和可维护性。

综上所述，使用面向对象的JavaScript可以解决非面向对象中可能出现的问题，并提供更好的代码组织和管理方式，特别适用于复杂的任务和大型项目。如果你遇到画布签名不起作用的问题，建议尝试使用面向对象的JavaScript来重新实现，以提高代码的可维护性和可扩展性。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种计算场景。详情请参考：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：提供高性能、可扩展的云数据库服务，适用于各种应用场景。详情请参考：https://cloud.tencent.com/product/cdb_mysql
腾讯云对象存储（COS）：提供安全、稳定的云端存储服务，适用于存储和管理各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos
腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

精读《Microsoft Power Fx》

Excel 一致性：可以帮助 Excel 开发者做知识迁移，一部分是和微软 Excel 太成功了有关，另一方面 Excel 表达式在画布语言领域探索确实深入，有可取性。...不推荐面向对象：既然推荐了函数式，当然不推荐面向对象了。可推展：开发者要拥有拓展函数与组件的能力，还要支持通过 Javascript 来拓展。...这保证了在画布应用编写逻辑的良好体验，因为本身画布应用就是实时的，低代码能力本身也要与画布实时性浑然一体。...下面我们来讨论几个有意思的点： 为什么不用 Js 大部分画布应用都是指 Web 应用了，即便是 Excel，现在也早已转型到 Web Excel，就微软来说，早早转型到 Office Online 就能看出来...说实话在这一点上，撇开 Excel 的语法，我很难看出为什么 & 连接字符串就 “更易上手”，而 + 连接字符串 “更适合程序员使用”。

6213 0

编程世界的沟沟坎坎

我相信每一个想学习编程或者经历过编程实践的人，在刚开始的时候都会遇到一些沟沟坎坎，尤其是对编程里面的一些概念，比如说Java语言是面向对象的、C语言是面向过程的编程语言，Java和C都是编译型语言，JavaScript...，怪不得很多程序员都很晚找到媳妇，难不成跟编程语言里面都有“对象”这件事有关，那究竟什么是对象，有该怎么去面向对象呢。...在现实生活中，相似对象之间往往都有一些共同的组成特征，例如麻雀和老鹰都具备鸟类的特征，因此他们可以被统统成为鸟类，在面向对象程序设计中，“类”实际上就是对象的模版或者配方，“对象”这个词，有时候在程序设计过程中也叫做...多态机制使具有不同内部结构的对象可以共享相同的外部接口。这意味着，虽然针对不同对象的具体操作不同，但通过一个公共的类，它们（那些操作）可以通过相同的方式予以调用。...很多时候内容的产生是我们人的认知局限，使得我们不得不用比喻或者打比方的方式，才能思考和接收新事物或者新概念，而这种比喻或者打比方就成了我们认识新事物和新概念的阶梯，但是像的意思是——不是，等我们真的理解了这一点的时候

5869 0

【译】浅谈 JavaScript 里的面向对象

我本人是写 C++ 的，对面向对象也有一定的了解，但也因此对类和对象的工作原理的理解得非常传统。对比诸如像 Java 一样的语言之后，我感觉我对类和对象的理解更传统了。...为什么这么说呢，首先第一点就是 JS 里对象创建的方式就很不一样，在 JS 里，可以直接使用 new 来创建对象： let Reptile = new Object(); 我们甚至不需要类，通过一类叫做构造函数的函数来创建对象...一开始，我心里暗爽：“自由啊，爽啊”，但很快，我发现这会让我不得不去思考 JavaScript 对象的原型属性，因为想要在 JS 里写面向对象，原型的概念很重要。...有了 ES6 语法，我们可以用 class 来创建对象了，但是，JavaScript 里并没有真正的类，所谓 es6 的 class 语法其实是 prototype 的语法糖，因此在编写代码的时候应该额外注意到...class 语法除了是语法糖以外一无是处，相反的，用 ES6 的类来写代码可以避免很多坑，比如可以强制开发者使用 new 来创建对象： let croc = Reptile("croc", false

4325 0

一文解决现代编程语言选择困难：命令式编程

我本人很不喜欢去读此类文章，因为其中许多部分内容的表述并不到位，缺少实战借鉴意义，而且行文生硬。因此我试撰本文来做一次深入总结，去伪存真。...一个好的类型系统，不用明确地标出函数签名（function signature），也能支持对大部分类型的推断。不幸的是，大多数编程语言提供的仅是基本的类型推断功能。...我对使用非垃圾回收语言的经历记忆深刻，其中大量的缺陷在当前支持垃圾回收语言中可轻易避免。面向对象编程的失败尝试我提出了“面向对象”一词，但并没有没有顾及 C++。...编写一个简单的 Java 程序可信手拈来，但是掌握如何编写可靠、可维护的面向对象代码，则需要十数年的 Java 功力。...面向对象编程提供了对正确做法的一个反面教材…… —— 计算机科学先驱 Edsger W. Dijkstra 从我自己使用面向对象和非面向对象编程的经验看，我完全同意面向对象代码更难以正确实现功能。

1.2K3 0

当谈论面向对象的时候，我们到底在谈论什么

除此之外，大部分程序员在开发项目的时候，都是基于面向对象编程语言进行的面向对象编程。以上是面向对象编程的大概发展历史。在刚刚的描述中，我着重提到了两个概念，面向对象编程和面向对象编程语言。...一般来讲，面向对象编程都是通过使用面向对象编程语言来进行的，但是，不用面向对象编程语言，我们照样可以进行面向对象编程。...在之后的课程讲解中，我统一把它们叫作“四大特性”。如何判定某编程语言是否是面向对象编程语言？...如果你足够细心，你可能已经留意到，在我刚刚的讲解中，我提到，“如果不按照严格的定义来说，大部分编程语言都是面向对象编程语言”。为什么要加上“如果不按照严格的定义”这个前提呢？...但是，在进行面向对象编程的过程中，人们不停地总结发现，有了这四大特性，我们就能更容易地实现各种面向对象的代码设计思路。

7404 0

前端之变（七）：前端的困境

它结合了设计者喜欢的面向函数式的一些风格，又不得不遵照公司的要求，让它与Java有点相似，具备面向对象的一些风格。它的设计者并不是非常喜欢它，以致于说了"与其说我爱Javascript，不如说我恨它。..."控制反转（英语：Inversion of Control，缩写为IoC），是面向对象编程中的一种设计原则，可以用来减低计算机代码之间的耦合度。...这便是我要讲的困境的第三点：开发者之困我认为一个显而易见的事实是：前端程序员对面向对象编码理念的理解远逊于后端程序员当然，这并不是前端程序员的问题，由于前端是以JavaScript起家，JavaScript...而面向对象的上面这些理念，仍然是当今我们程序世界最优秀的理念，虽然近些年函数式有越来越流行的趋势，但就理念上来说，面向对象的这些概念与理念，仍然是最好地能带来优秀的，可维护的代码的原则与理念。...这就是为什么几乎现在所有技术方向的所有语言，都是由面向对象语言主导的原因所在，后端的Java，移动端的Kotlin,Swift,OC,前端的TypeScript,它们几乎无一例外的属于面向对象的语言。

9236 0

高质量代码究竟依赖设计还是重构而来？

3.1.2 面向对象编程面向对象编程可能大多数程序员都听说过，当我们代码规模逐渐膨胀，结构化编程中各模块的依赖关系很强，导致无法有效地隔离，而面向对象可以提供更好地组织代码。...3.2.1 单一职责原则单一职责原则看起来是这 5 个原则中最简单的一个，但同时也是最容易被大家误解的一个，很多人误认为单一职责就是只做一件事。...在《敏捷软件开发》中，罗伯特·马丁指出单一职责是指“就一个类而言，应该仅有一个引起它变化的原因”，这个与只做一件事的定义两者最大的区别是将变化纳入了考量。...我们在例子中重点采用了面向对象范式，无论是面向对象还是函数式，它们都是编程范式，也就是不同的代码风格，本质都是要将逻辑、控制和数据进行有效地分离。...知道了编程的本质，我们需要一些更具体的原则来指导我们的行为，因此紧接着我介绍了 SOLID 设计原则，很多人把 SOLID 仅仅当做面向对象中的设计原则，这很片面，实际上可以作为通用的设计原则。

1991 0

TSX 在Vue项目的使用

JSX是一种嵌入式的类似XML的语法。它可以被转换成合法的JavaScript，尽管转换的语义是依据不同的实现而定的。 JSX因React框架而流行，但也存在其它的实现。...答：我的理解SFC更侧重Html语法，就像画一幅画，使用标签画好结构，再将数据使用js进行填充，这样js的灵活性就难以发挥。JSX侧重于JS语法，没有条条框框的架子，可以在白色画布灵活自由的画画。...如何在项目中使用JSX 项目是Vue3.0 + TS 想要使用JSX必须做两件事：给文件一个.tsx扩展名启用jsx选项 TypeScript具有三种JSX模式：preserve，react和...渲染函数 Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数，它比模板更接近编译器。...jsx 语法和vue模板语法思想大致相同，{{}}变成了{}，class支持面向对象style，等… 属性支持data,setup和基本写法 import { defineComponent, ref

2.3K1 0

每个程序员都该学习的5种开发语言

我不想我的程序员们花上一整天用Java去写一个读取CSV文件的程序，或者在TCP/UDP端口抓取信息的程序，这是很浪费时间的一件事情。 为什么我在文章中选择这5种语言呢？我的理由简单且实际。...我是基于这些语言的用途、编程范式和流行度及代表性来选择的。例如，如果你想找一份应用开发的工作，就不能忽视Java。同样，做与web相关的事情，就得知道无处不在的JavaScript。...学习一种面向对象的语言的同时，也学习一种像Haskell或Scala这样的函数式编程语言，这能拓展你的思维和编程认知。你可以在本文找到学习这5种语言的更多理由。...Python既能用于写脚本，也能作为一种面向对象的语言编写大型工程。许多流行的网站，比如Reddit，就使用基于Python的框架来构建，比如Django。...Scala Scala是基于过去20年来的最佳实践而创造的语言。它是一种函数式编程语言，提供了一种跟面向对象语言不同的编程范式。这能改进你的思维和代码认知。

9124 0

高质量代码究竟依赖设计还是重构而来？

3.1.2 面向对象编程面向对象编程可能大多数程序员都听说过，当我们代码规模逐渐膨胀，结构化编程中各模块的依赖关系很强，导致无法有效地隔离，而面向对象可以提供更好地组织代码。...3.2.1 单一职责原则单一职责原则看起来是这 5 个原则中最简单的一个，但同时也是最容易被大家误解的一个，很多人误认为单一职责就是只做一件事。...在《敏捷软件开发》中，罗伯特·马丁指出单一职责是指“就一个类而言，应该仅有一个引起它变化的原因”，这个与只做一件事的定义两者最大的区别是将变化纳入了考量。...我们在例子中重点采用了面向对象范式，无论是面向对象还是函数式，它们都是编程范式，也就是不同的代码风格，本质都是要将逻辑、控制和数据进行有效地分离。...知道了编程的本质，我们需要一些更具体的原则来指导我们的行为，因此紧接着我介绍了 SOLID 设计原则，很多人把 SOLID 仅仅当做面向对象中的设计原则，这很片面，实际上可以作为通用的设计原则。

2073 0

一周极客热文：编程面试的10大算法概念汇总

作者此前曾写了一篇《对函数式语言的误解》的文章，他将面向对象和函数式并列，看上去似乎各打五十大板，但对面向对象的批评比较简单，就是面向对象总是要实现万事万物皆对象的理念，所以对函数的实现比较致命，函数无法作为数据来传递...面向对象编程和函数式编程的问题在于：不论是面向对象编程还是函数式编程，如果你走了极端，那都是错误的。面向对象编程的极端是一切都是对象(纯面向对象)。函数式编程的极端是纯函数式编程语言。...3、不要if else的编程条件控制是编程中与生俱来的一种结构，来自程序员界一位几十年的老鸟称，“对我来说，除了给我带来麻烦外，没有发现任何的用处。...一次又一次，我不断发现，越少的if语句，越少的switch语句，越少的循环，就会是越好的代码。通常这其中的原因是程序员用编程语言实现了更好的抽象归纳。他们并不是有意识的避免使用控制结构。...为什么不用jQuery呢？因为它很慢并且你的网站真的不需要这些多余的负担。作者在文中主要讨论了：如果仅为使用个选择器($)或者类似的东西，是否真的有必要加载jQuery。

8286 0

高质量代码究竟依赖设计还是重构而来？

3.1.2 面向对象编程面向对象编程可能大多数程序员都听说过，当我们代码规模逐渐膨胀，结构化编程中各模块的依赖关系很强，导致无法有效地隔离，而面向对象可以提供更好地组织代码。...3.2.1 单一职责原则单一职责原则看起来是这 5 个原则中最简单的一个，但同时也是最容易被大家误解的一个，很多人误认为单一职责就是只做一件事。...在《敏捷软件开发》中，罗伯特·马丁指出单一职责是指“就一个类而言，应该仅有一个引起它变化的原因”，这个与只做一件事的定义两者最大的区别是将变化纳入了考量。...我们在例子中重点采用了面向对象范式，无论是面向对象还是函数式，它们都是编程范式，也就是不同的代码风格，本质都是要将逻辑、控制和数据进行有效地分离。...知道了编程的本质，我们需要一些更具体的原则来指导我们的行为，因此紧接着我介绍了 SOLID 设计原则，很多人把 SOLID 仅仅当做面向对象中的设计原则，这很片面，实际上可以作为通用的设计原则。

2443 1

全面理解面向对象的 JavaScript

，各自存在信息隐藏以这三点做为依据，C++ 是半面向对象半面向过程语言，因为，虽然他实现了类的封装、继承和多态，但存在非对象性质的全局函数和变量。...这也是阻碍程序员深入学习并掌握 JavaScript 的重要原因之一。实际上，JavaScript 语言是通过一种叫做原型（prototype）的方式来实现面向对象编程的。...基于类的面向对象和基于原型的面向对象方式比较在基于类的面向对象方式中，对象（object）依靠类（class）来产生。...JavaScript 类式继承的实现方法从代码清单 5 可以看出，基于原型的继承方式，虽然实现了代码复用，但其行文松散且不够流畅，可阅读性差，不利于实现扩展和对源代码进行有效地组织管理。...不得不承认，类式继承方式在语言实现上更具健壮性，且在构建可复用代码和组织架构程序方面具有明显的优势。这使得程序员们希望寻找到一种能够在 JavaScript 中以类式继承风格进行编码的方法途径。

1.1K10 0

JavaScript设计模式之策略模式

——《面向对象软件构造》 ”对于扩展是开放的。“ 这意味着模块的行为是可以扩展的。当应用程序的需求改变时，我们可以对其模块进行扩展，使其具有满足那些需求变更的新行为。...; let bonus=new Bonus(); bonus.setSalary(2000); bonus.setStrategy(coder); bonus.getBonus(); // 2000 在面向对象的实践中...JavaScript的用途，结果很可能是这样的：表单校验前端入门时也一定会写这样的代码以表示自己学会了js： if(userName==''){ alert('用户名不得为空！')...然后在 getValid中while循环你的校验结果。直到第一个校验不通过的作为信息返回。在此不做代码展示。于是代码又开始没那么好看了，但需求做完才是结果。...在JavaScript这种"函数作为一等对象"的语言中，策略模式是隐形的。策略类就是函数。我们可以用高喈函数来封装不同的行为。

4641 0

50个有价值的CSS编写规则，让你写出更好的CSS

3、模块化你的代码风格你不需要将所有 CSS 捆绑在一个文件中，除非它会被使用。如果用户登陆主页，则只需要包含该页面的样式即可，不需要其他内容。我将样式表分为基本样式和非基本样式。...你可以创建自己的Javascript CSS加载器，也可以通过在页面中包含样式表时使用标记来延迟非关键CSS。...OOCSS（面向对象的 CSS）——一种非常好的方法，旨在按照 CSS 中常见的面向对象范例分离和抽象独立的片段以实现可重用性。...35 、最后添加动画声明你可以做的另一件事是将你的动画 @keyframes 放在一个单独的文件中，并将其包含在样式表的末尾或简单地最后导入。...48 、在你寻求 Javascript 帮助之前先找到 CSS 解决方案我一直在分享如何在我的 Youtube UI/UX 库中尽可能多地使用 CSS 构建通用组件，我想让你明白的是，在你尝试添加

2.4K2 0

python, ruby, javascript 浅析

至于 Python 与 Ruby 设计理念的区别，一句话即可概括： Python: 一件事情只有一种方法做 Ruby: 一件事情有多种方法做比如，Python 中 Tuple, Array, String...，应该用不了半个小时 javascript 实在是太简单了，就不用特别看了。...面向对象面向对象主要的核心是用对象来达到数据封装的目的。...javascript 基于原型链实现面向对象，更详细的介绍可以参考《javascript中的面向对象编程》 python、ruby 基于类来实现面向对象，和 java 类似，但是更纯粹些。...在多线程的环境中，需要对可变对象进行各种复杂的锁机制来保障其正确性。

5131 0

九、函数与函数式编程

纵观JavaScript中所有必须需要掌握的重点知识中，函数是我们在初学时最容易忽视的知识点。...包括我之前几篇文章介绍的执行上下文，变量对象，闭包，this等，都是围绕函数的细节来展开。很多人在学习中，很急切的希望自己快一点开始学习面向对象，学习模块，学习流行框架，迅速成为高手。...，返回的是jQuery的实例，所以我们就不用再每次用的时候自己new一个实例 $('#div1'); 在这里，我们只需看懂闭包与模块的部分就行，至于内部的原型链是如何绕的，为什么会这样写，在讲面向对象的时候会为大家慢慢分析...，那么再每次想要实现这个功能时，就不得不重新使用一次for循环，这样的后果就是我们的代码中充斥着越来越多的重复代码。...这样做的问题在于，当我们在另外的时刻，想要找出另外一个数组中所有的子项时，我们不得不把同样的逻辑再写一次。当出现次数变多时，我们的代码也变得更加糟糕且难以维护。

6182 1

Java IAQ：很少被回答的问题

与此同时，据说Edsger Dijkstra说过“面向对象编程有时也并不尽如人意，这极有可能起源于加利福尼亚”（来自一些签名的文件）。...对于不需要重写的方法，你需要花与重写方法同样多的精力来处理。这是利用面向对象的继承机制的一大缺点。继承的确可以让你少些一些代码，但你为此也不得不考虑一下那些没有用到的代码。...全局变量会使程序变得低内聚：你需要了解更多的信息来理解代码是怎么运行的。面向对象编程的一大主要特点就是将全局的变量打散，使其变成更容易理解的局部变量。...你并不希望在传递Browser对象的时候修改大部分的函数签名。你也不能用一个静态变量来解决，因为可能有多个Browser对象同时运行。...（而且这并不意味着内置的库也需要这种约束条件，但是很可惜，他们还是这么做了。） Q：我的代码会在创建对象或在GC开始之前时被杀掉吗？假设应用程序不得不操纵许多3D几何点。

6172 0

编程范型：工具的选择

动态语言有一种经典的学习一门新语言的方法是比较法，比如从 C 迁入 JavaScript 的工程师，就会不由自主地比较这两门语言的异同，从而快速掌握语法，和新语言的写法。...我猜想每一个习惯于静态语言的工程师在尝试使用动态语言来解决实际问题的是时候，都会度过一段挣扎期的，这段时间里，写的代码有可能不伦不类，很不自在。根据烟斗理论，学习一个新东西往往需要退步一段时间。...在面向对象语言里面，我们经常看到这样的关系：对象 –> 类 –> 元类右边都是对左边的描述：类是对对象的描述，而元类（本身也可以是对象，但是是特殊的对象）则是对类的描述。...对象原型是如此强大，以至于面向对象的语言可以没有类！...其实这件事情发生得很自然，既然对象是我最关心的工作的个体，通过元类我可以修改对类的定义，从而作用到对象上面，那么，为什么我还需要中间的 “类” 这一层呢？

3291 0

matplotlib - matplotlib 教程

层次结构中的下一级是面向对象的接口的第一级，其中pyplot仅用于少数功能，例如图形创建，并且用户显式创建并跟踪图形和轴对象。...对于更多的控制 - 这对于在GUI应用程序中嵌入matplotlib图表这一点至关重要 - 可以完全删除pyplot级别，从而留下纯粹面向对象的方法。...Artist对象基本上你在图上看到的一切都是艺术家（Artist）对象（甚至是图，轴和轴对象）。这包括Text对象，Line2D对象，集合对象，Patch对象……（现在你明白了）。...为了支持所有这些用例，matplotlib可以针对不同的输出，并且这些功能中的每一个都称为后端（Backends）; “前端（frontend）”是面向用户的代码，即绘图代码，而“后端（Backends...此外，非交互模式会将所有图形延迟到调用show()；这比每次在脚本中添加新功能时重新绘制打印更有效。

4.6K3 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭