发表于
2023-11-15 15:55:04
大型项目前端手记
亿级流量的 c 端项目。主体是多个小程序，并且分化为多个版本。除了扯皮拉扯之外，总想聊一聊，不吐不快。保持技术栈的单调性因为各种原因，我们的技术栈百花齐放，uniapp，herbjs，内部小程序框架，vue(h5)，react(h5)，苦不堪言。对于新人进来，只能快速熟悉一块内容，熟悉其他的小程序需要重新学习框架，成本比较高，如果框架本身还出现一些bug，简直酸爽。少有人走的路《少有人走的路》是本挺好的描述亲密关系的书，然而，技术上要小心。少有人选择的技术，那么就是坑多，因为部分业务是继承项目，所以框架沿用的原来的框架，没有文档，没有支持，吭哧吭哧，埋头苦干。没有人问，没有人解释，各种写法奇绝诡异。再给我一次机会，我会毫不犹豫的选择使用熟悉的框架去重构，后续的维护成本会很低，对于长期项目，收益很高。选择大路货技术选型，选择大路货。虽然 v2ex 把 uniapp 喷的不要不要，然而开发效率，工程化，市场占有率，uniapp 是非常好的，能够让一般开发快速完成工作。然而，uniapp 的 bug 也是有的，我们在开发过程中有遇到，我们选择给 uniapp 提交 mr，一般很快就会被合入。有人维护，有人讨论的技术，不用担心，一定可以找到比较快速的解决办法，没有就完善它，让它变得更美好。内部框架是个p见过太多的内部库，内部框架了，没有一个，是的没有一个，给我比较好的印象。你的同事水平不一
...继续阅读
(45)
发表于
2023-11-14 02:39:20
原型说明咋写-级联复选器
发表于
2023-11-13 10:47:05
原生“跨组件”通信方式
欢迎关注我的公众号：前端侦探现在已经是“组件化”开发时代了。相信大家平时在vue或者react中都碰到过“跨组件”通信的需求，通常我们需要将数据放在一个公共的父级上，然后用context之类的方式传递下去，或者借用pinia这样的开源库去更好的管理这些数据。不过，大部分项目可能没有那么复杂，可能只有极少部分需要“跨组件”通信或者全局传递的，专门去引入一个全局状态管理库还是有一定成本的，不仅仅是性能开销，还有学习成本。另外，还有一些旧项目，由于前期组件设计未考虑周全，或者由于后期需求迭代，导致需要跨组件通信，此时再引入状态管理库也有很大的改造成本。框架用久了，可能有些都忘了，原生 web 并没有组件化的概念，整个页面都是开放的，所以，借助原生的一些行为和方式，也能很轻易的解决“跨组件”通信问题，下面列举了几个方式，一起看看吧~一、label for举个例子，下面是之前做的一个错别字纠错功能，也就是自动检测错别字，然后提供替换和忽略一些功能，如下现在不用关注是怎么实现的，如果按照组件化拆分，右边的纠错面板肯定是单独的组件很自然的，关于忽略的相关函数也是写在这个组件，类似于这样纠错组件const ignore = () => {
// 相关操作
}...忽略...嗯，很好，组件化很不错，逻辑也很清晰。过了两天，产品又需要在另外一个地方也要有“忽略”功能，当鼠标悬浮的时候，下拉选项中也
...继续阅读
(66)
发表于
2023-11-11 04:55:35
设计模式学习笔记
创建模式模式名称工厂模式单例模式结构模式模式名称模式描述适配器模式将不兼容的组件，通过添加一个适配器兼容起来桥接模式将多种属性组合起来进行配置，而不是死板的放在一个类中去定义*组合模式树状的结构，一层一层的向下去推进装饰模式父类引用指向子类对象，一个接口对应着多个不同的实现外观模式对复杂的对象进行一层封装，只暴露出少量的自己所需要的功能享元模式通过工厂方法创建对象，这些对象内部不可变并且被所有的引用所共享，以实现对内存的节省代理模式实现对某种操作的封装，以实现一种对目标对象的代理行为模式模式名称模式描述责任链模式任务被交给职责链，每一个接受者都依次处理这个任务命令模式把操作封装起来作为一个命令，GUI上面的模块只需要调用这个命令即可以实现命令操作迭代器模式一个模块一个模块的向后递归遍历（链表）中介者模式在多个组件之间创建中介者，通过中介者这些组件才能相互联系备忘录模式对象内部有一个不可以被修改的备忘录，调用快照方法可以获取到这个备忘录的原始状态数据观察者模式发布者在发布消息时，订阅者能够收到发布者所发布的订阅者所订阅的消息状态模式将所有的状态都抽象到一个类中，通过调用这个类的方法的方式来修改其状态策略模式创建不同的策略，在对象中设置它所需要的策略，最终执行的时候会执行它所设置的策略逻辑模板方法模式对所有类都会用到的一些同样的方法，把这些方法创建在模板中，所有的类使用模板类中所创建的
...继续阅读
(96)
发表于
2023-11-08 01:09:43
原型说明咋写-级联单选器
发表于
2023-11-07 02:22:29
掌握这 5 个关键步骤，产品小白也能快速学会原型设计
发表于
2023-11-06 04:36:02
Whisky上手：如何在Mac上运行Windows软件和游戏
这篇文章介绍了macOS14新增加的模拟Windows能力，用户可以通过Whisky这款app运行Windows程序和游戏。文章详细说明了安装核心组件、使用Winetrick安装必要组件，并创建容器的过程。同时，通过emule和《魔法工坊》游戏的测试，展示了实际的软件和游戏在Mac上运行的效果和潜在的字体问题。
...继续阅读
(55)
发表于
2023-11-06 00:48:58
原型说明咋写-复选器
发表于
2023-11-05 11:09:19
Tomcat 系列篇六-介绍下 Lifecycle
Tomcat 中的很多组件都是继承了LifecycleBase这个抽象类的，包括之前讲过的 connector，server，service，context，host 这些组件都是，我们先来看下接口主体是分为两部分，第一部分是定义状态时间，如
...继续阅读
(62)
发表于
2023-11-03 18:23:58
斥资超8亿美元建厂，光伏龙头阿特斯再闯美 | 最前线
文 | 薛昱婷编辑 | 雪小顽国内光伏企业今年掀起一股赴美建厂热潮，阿特斯冲在前列。10月30日，阿特斯宣布投资8.39亿美元，在美建厂生产N型电池片，供应给自家在美组件生产基地。占地约480亩的新厂房将落地印第安纳州，预计2025年底建成，年产能可达5 GW。这是阿特斯在美国市场再下一城。今年6月，公司重返A股市场后不久，便宣布赴美出海计划，表示正在得克萨斯州建立光伏组件生产基地，投资超2.5亿美元，预计今年底投产后年产能可达5 GW——这是阿特斯首次在美国建立制造工厂。宣布首次赴美建厂2个月后，阿特斯今年8月拿下7 GW光伏组件销售长单，产品供应给美国市场，客户隶属于全球最大供电服务商之一，法国电力集团。这意味着从订单规模和合作伙伴来看，阿特斯的闯美之路又迈出坚实一步。事实上，阿特斯只是众多闯美者之一。今年以来，国内头部光伏企业相继公布在美投资光伏组件项目计划。先是今年1月，晶澳科技宣布在美国亚利桑那州凤凰城布局首个工厂，生产高性能太阳能组件，最大年产能可达2 GW。隆基绿能紧随其后，在3月宣布与美国清洁能源开发商Invenergy合作，在美国俄亥俄州建设首个5 GW光伏组件厂。有人首次入局，也有人持续加码。今年4月，早已在美建厂的晶科能源宣布，将对其2018年投运的美国工厂再投8137万美元，在佛罗里达州建设1 GW太阳能组件产线。今年下半年，TCL中环参股子公司Maxeon
...继续阅读
(29)
发表于
2023-11-03 01:11:58
原型说明咋写-单选器
发表于
2023-11-02 16:45:43
工信部：到2025年人形机器人“大脑、小脑、肢体”等一批关键技术取得突破，确保核心部组件安全有效供给
36氪获悉，工信部印发《人形机器人创新发展指导意见》，到2025年，人形机器人创新体系初步建立，“大脑、小脑、肢体”等一批关键技术取得突破，确保核心部组件安全有效供给。整机产品达到国际先进水平，并实现批量生产，在特种、制造、民生服务等场景得到示范应用，探索形成有效的治理机制和手段。培育2-3家有全球影响力的生态型企业和一批专精特新中小企业，打造2-3个产业发展集聚区，孕育开拓一批新业务、新模式、新业态。
...继续阅读
(14)
发表于
2023-11-02 02:25:41
原型说明咋写-开关
发表于
2023-11-01 16:37:56
MoYo Widgets - 万能小组件[iOS][内购限免]
发表于
2023-11-01 06:18:10
原型说明咋写-复选框
发表于
2023-11-01 03:55:54
Vue.js中的Word文件预览功能实现指南：使用Vue-Office插件轻松展示文档
word预览，实际在开发中，是个很常见的功能，无论是自己开发组件，还是借助开源组件等等，都可以，但是今天我分享一款借助vue-office来实现word预览vue-office简介vue-office是一个支持多种文件(docx、.xlsx、pdf)预览的vue组件库，支持vue2和vue3。目标是成为使用最简单，功能最强大的文件预览库vue-office功能特色一站式：提供docx、.xlsx、pdf多种文档的在线预览方案，有它就够了，不用四处寻找、测试、集成各种库了使用简单：只需提供文档的src(网络地址)即可完成文档预览，也支持ArrayBuffer、Blob等多种格式支持样式：不仅能预览内容，也支持文档样式，最大限度还原office文件内容安装12345678#docx文档预览组件npm install @vue-office/docx vue-demi#excel文档预览组件npm install @vue-office/excel vue-demi#pdf文档预览组件npm install @vue-office/pdf vue-demi注意：如果是vue2.6版本或以下还需要额外安装@vue/composition-api1npm install @vue/composition-apidocx文件预览目前支持docx文件预览，不支持doc文件使用网络地址预览通过配置
...继续阅读
(49)
发表于
2023-11-01 01:37:00
原型说明咋写-单选框
发表于
2023-10-31 15:31:40
隆基绿能李振国：组件价格何时回归正常存在一定的不确定性，1元左右的价格很难生存
在隆基绿能2023年第三季度业绩说明会上，隆基绿能总裁李振国表示，组件最近确实出现非理性价格，已经直逼1元/w的水平。现阶段下，这个价格全产业链难以盈利，对全行业可持续发展造成负面影响。至于行业何时可以回归相对价格的位置，李振国认为时间上存在一定不确定性。他表示，今年年底很多地方上招商引资的光伏项目，可能会出现数量较大的烂尾，无法进行下去。（界面）
...继续阅读
(18)
发表于
2023-10-28 13:10:25
协鑫集成前三季度净利润同比增长240% 芜湖一期TOPCon已达产供货
10月27日晚间，协鑫集成(002506)发布2023年三季报，今年前三季度，公司实现营业收入94.12亿元，同比增长97.43%；同期实现归母净利润1.42亿元，同比增长240.78%；其中第三季度实现营业收入38.06亿元，同比增长93.40%，归母净利润3093万元，同比增长122.30%。
谈及经营情况，协鑫集成相关负责人介绍，前三季度公司充分把握市场机遇，连续中标入围国央企组件采购项目，实现了组件出货量的大幅增长。同时加快推进芜湖高效TOPCon电池产能的建设，增强上下游产业链保障能力和盈利能力。目前芜湖一期10GW电池已全线达产，并实现了对合肥、阜宁组件基地的批量供货，有效保障了大规模N型TOPCon订单的交付能力。
据悉，公司芜湖电池量产平均效率突破25.6%，已达行业TOPCon电池效率第一梯队水平。(证券时报·e公司)
...继续阅读
(20)
发表于
2023-10-28 11:39:20
为什么我更推荐命令式 Modal
该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/programming/why-i-prefer-imperative-modalModal 模态对话框。在中台业务中非常常见。什么是声明式 Modal组件库中一般都会内置这类组件，最为参见的声明式 Modal 定义。例如 Antd 5 中的声明式 Modal 是这样定义的。const App: React.FC = () => {
const [isModalOpen, setIsModalOpen] = useState(false)
const showModal = () => {
setIsModalOpen(true)
}
const handleOk = () => {
setIsModalOpen(false)
}
const handleCancel = () => {
setIsModalOpen(false)
}
return (Open ModalSome contents...Some contents...Some contents...< />
)
}上面是一个受控的声明式 Modal 定义，写起来非常臃肿。你需要手动控制 Modal 的 Open 状态。并且你需要首先定
...继续阅读
(79)
发表于
2023-10-25 08:56:56
2年过去了，React Forget 凉了么？
大家好，我卡颂。在 2 年前的React Conf 2021，黄玄第一次介绍了React Forget，这是个可以生成等效于 useMemo、React.memo的编译器（可以简单理解为，有了它，开发者不需要考虑React项目的性能优化了）。由于React独特的架构（全局更新），React 性能优化一直让开发者头疼，这里主要有两个问题：很多开发者不知道如何正确使用性能优化API，甚至有人认为FC（函数组件）中所有函数都应该包裹在useCallback中即使写出性能优秀的项目，随着需求迭代，新增的代码很可能破坏之前的优化效果所以，React Forget的愿景一经宣传，就受到社区极大的关注。从React Conf 2021油管播放量来看，React Forget演讲占了所有 19 个演讲总播放量的 1/4（当然，也可能是因为黄玄长得帅）。现在2年过去了，我们很少听到React Forget的进展，黄玄也离开React 团队了。这让我们不禁要问，React Forget凉了么？本文会聊聊React Forget当前的进展、接下来的发展方向，以及他的工作原理。欢迎围观朋友圈、加入人类高质量前端交流群，带飞React Forget 凉了么？首先要明确的是，React Forget并没有凉，相反，他正在稳定迭代。根据React团队成员Mofei Zhang在React Advanced Lo
...继续阅读
(79)
发表于
2023-10-24 08:00:00
写给初学者的Jetpack Compose教程，使用State让界面动起来
大家好，写给初学者的Jetpack Compose教程第4篇更新了。今天我们要介绍的是Compose当中至关重要的一个组件，State。State不光非常的重要，同时可以让我们的Compose学习之旅变得更加有趣。为什么这么说呢？因为在之前的学习过程当中，我们所实现的都是静止的界面效果，而有了State之后，则可以让界面开始动起来了。
...继续阅读
(79)
发表于
2023-10-20 05:26:14
妹岛和世人物剪影-SketchUp组件
发表于
2023-10-19 22:23:57
你好，我是 Kagol。前言根据 Vue 官网文档的说明，Vue2 的终止支持时间是 2023 年 12 月 31 日，这意味着从明年开始：Vue2 将不再更新和升级新版本，不再增加新特性，不再修复缺陷虽然 Vue3 正式版本已经发布快3年了，但据我了解，现在依然还有很多业务在使用 Vue2，迟迟没有升级 Vue3。为什么要等到 Vue2 彻底停止维护，才考虑升级 Vue3 这个如此重要的问题呢？？？本文是一篇 Vue2 升级 Vue3 的指南，主要包含以下部分：使用 Vue CLI 搭建 Vue2 工程使用 ElementUI 搭建表格、表单使用 OpenTiny Vue 替换一个组件使用 OpenTiny Vue 替换一个页面使用 OpenTiny Vue 替换整个应用使用 gogocode 升级到 Vue3，组件代码无需修改1 创建 Vue2 项目先用 Vue CLI 创建一个 Vue2 项目（也可以使用 Vite 配合@vitejs/plugin-vue2或vite-plugin-vue2插件）。// 安装 Vue CLI
npm install -g @vue/cli
// 创建 Vue2 项目
vue create vue2-demo输出以下信息说明项目创建成功🎉 Successfully created project vue2-demo.
👉 Get star
...继续阅读
(68)
发表于
2023-10-18 20:09:31
广联航空：联合中标C929宽体客机中机身壁板组件装配生产线项目
36氪获悉，广联航空发布公告，公司与Broetje-Automation GmbH共同组合为联合体，参与了浙江华瑞航空制造有限公司中机身壁板组件装配生产线国际招标项目。近日，联合体收到了《中标通知书》，将共同承担C929宽体客机中机身壁板组件装配生产线的研制任务。中标总金额约1.24亿元，约占公司2022年度经审计营业收入的18.71%。
...继续阅读
(19)
发表于
2023-10-18 14:36:47
隆基绿能：雪兰莪光伏组件厂正式投产；联合声明：智方邀请中方企业参与智利锂矿产业开发和绿氢项目｜36氪新能源日报1017
作者 | 陈元亨；编辑 | 张丞36氪To B产业组会为大家汇总每日新能源领域的主要新闻，10月17日新能源行业动态日报如下：政策、行情早知道联合声明：智方邀请中方企业参与智利锂矿产业开发和绿氢项目中华人民共和国和智利共和国联合声明中提到，双方重申愿加强在经贸、矿业、能源、教育、文化、旅游、科技、农渔业、基础设施建设、执法安全、南极等领域合作，拓展在数字经济、绿色可持续发展、科技创新、新能源、人工智能等新兴领域合作。智方邀请中方企业参与智利锂矿产业开发和绿氢项目。《联合声明：智方邀请中方企业参与智利锂矿产业开发和绿氢项目》泰国总理邀请小米在泰扩大市场和投资规模，重申使泰国成电动汽车生产区域中心据泰国政府网站10月17日声明，泰国政府发言人Chai Wacharonke表示，泰国总理赛塔17日会见小米集团副总裁兼首席财务官林世伟，邀请小米在泰国扩大市场和投资规模。声明称，小米正寻找生产地点或设施以支持诸多领域业务增长，其中包括电动汽车。赛塔重申，他有信心使泰国成为本地区的电动汽车生产中心，并为企业提供支持措施。声明指出，许多制造商已表示希望在泰国建立电动汽车工厂。《泰国总理邀请小米在泰扩大市场和投资规模，重申使泰国成电动汽车生产区域中心》新能源应用风向隆基绿能：雪兰莪光伏组件厂正式投产36氪获悉，据隆基绿能微信公众号，17日，隆基绿能科技股份有限公司双文丹组件工厂一期正式投产。该项目
...继续阅读
(32)
发表于
2023-10-17 19:04:05
隆基绿能：雪兰莪光伏组件厂正式投产
36氪获悉，据隆基绿能微信公众号，17日，隆基绿能科技股份有限公司双文丹组件工厂一期正式投产。该项目位于马来西亚西海岸的雪兰莪州双文丹市，是隆基绿能在马来西亚布局的太阳能生产制造基地的一部分。隆基绿能双文丹组件厂的正式投产，标志着隆基绿能在马来西亚实现光伏全产业链闭环。
...继续阅读
(17)
发表于
2023-10-17 17:35:07
印尼国家电力公司将与天合光能合资生产光伏组件
17日，印尼国家电力公司（PLN）发布声明称，该公司与天合光能、印尼金光集团（Sinar Mas）及Agra Surya Energi光伏公司成立了一家合资企业，将在印尼中爪哇的Kendal工业园建设一家太阳能光伏工厂。印尼国家电力公司与中国进出口银行、中国信保、中国银行、中国工商银行、国家开发投资集团、华为技术有限公司等签署了七份谅解备忘录，总价值超过540亿美元。（界面）
...继续阅读
(20)
发表于
2023-10-13 06:47:16
Apache Commons Compress内存耗尽漏洞 CVE-2021-35516
发表于
2023-10-11 10:27:52
前人在 vue 项目中的 “砍树型“ 写法，让后人乘不了凉！
前言欢迎关注同名公众号《熊的猫》，文章会同步更新，也可快速加入前端交流群！最近在协助小伙伴解决问题时，在项目中都会遇到一些 “砍树型” 的写法，这些写法容易让后续简单的需求变得复杂，都说 "前人栽树后人乘凉"，但项目中有些写法是真的让后人乘不了凉的，甚至还得被迫加入 “砍树队伍”。本篇文章就列举一些，在vue项目中的 “砍树型” 的写法，以及分析一下如何写才更合适 “栽树”，如果你有更好的方案，欢迎在评论区分享！！！砍树 & 栽树由于项目源码不便于直接展示，下面会使用同等的代码实例来替代。其项目技术栈为：vue2 + vue-class-component + vue-property-decorator + typescript。滥用 watch砍树型写法@Watch('person', { deep: true })
doSomething(){}
@Watch('person.name', { deep: true })
doSomething(){}
@Watch('person.age', { deep: true })
doSomething(){}
@Watch('person.hobbies', { deep: true })
doSomething(){}第一次看到这个写法我有点迷茫，但想了想好像也不难理解：首先person.x 的部分监听是为了处理针对不同
...继续阅读
(57)