本篇参考: https://trailhead.salesforce.com/content/learn/superbadges/superbadge_lwc_specialist https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.use_message_channel https://developer.salesforce.com/docs/component-library/bu…

本篇参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/sort salesforce开发过程中,数组在前端的使用中基本是不可避免,下面的demo大家猜一下输出结果. arraySortSample.html <template> <lightning-card title="integer item sort"> <ul>…

本篇参考:https://developer.salesforce.com/docs/component-library/documentation/en/lwc/data_error https://developer.salesforce.com/docs/atlas.en-us.uiapi.meta/uiapi/ui_api_errors.htm 在salesforce lwc开发的时候,我们在进行正常的业务处理基础上,也需要考虑捕捉异常系,对异常的内容根据正确的业务进行跳转到不同页面或者…

本篇参考: https://developer.salesforce.com/docs/component-library/bundle/lightning-file-upload/documentation https://developer.salesforce.com/docs/component-library/bundle/lightning-input/specification 在salesforce中,上传附件是一个经常做的操作,在标准的功能基础上,lwc自然也封装了自定义的实现…

本篇参考: https://developer.salesforce.com/docs/component-library/documentation/en/lwc/data_ui_api https://developer.salesforce.com/docs/component-library/documentation/en/lwc/data_guidelines https://developer.salesforce.com/docs/component-library/docume…

首先本篇感谢长源edward老哥的大力帮助. 背景:我们在前端开发的时候,经常会用到输入框,并且对这个输入框设置 required或者其他的验证,当不满足条件时使用自定义的UI或者使用标准的 input的 setCustomValidity等操作方式去进行UI的展示.我们在https://www.cnblogs.com/zero-zyq/p/12734982.html有描述相关的操作,今天的内容就以这个知识点内容进行展开.首先先上代码 inputRequiredTest.html <templa…

上一篇我们简单的描述了一下Salesforce DX的配置以及CLI的简单功能使用,此篇主要简单描述一下LWC如何实现helloWorld以及LWC开发时应该注意的一些规范. 做国内项目的同学直观的感觉可能时这两年新项目基本上都在使用lightning,如果进行客制化使用aura框架进行开发.对于新项目来说,如果受够了classic平台下js,css都在page里面写,并且一个标签或者一个actionFunction各种reRender的杂乱情况下,aura模块的分层管理还是很易读的:但是对于老…

本篇参看: https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.reactivity_fields https://developer.salesforce.com/docs/component-library/bundle/lightning-record-edit-form/documentation 碰到之前接触的记录一下,深化一下印象. 一. 解决 lightning-recor…

本篇参看: https://trailhead.salesforce.com/content/learn/modules/test-lightning-web-components https://jestjs.io/docs/en/expect 我们在写lwc的js部分时,通常都是前端进行测试,针对js测试其实也有类似于apex class中的 test class类似的js test class,也就是今天说的 Jest Test,Jest Test不只是针对于 lwc可以使用,正常其他的非…

本篇参考: https://developer.mozilla.org/zh-CN/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard https://developer.salesforce.com/docs/component-library/tools/locker-service-viewer https://github.com/zenorocha/clipboard.js(第三方插件库,感兴趣可以自己实现) 我…