你好，我是 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 ...继续阅读 (76)

36氪获悉，广联航空发布公告，公司与Broetje-Automation GmbH共同组合为联合体，参与了浙江华瑞航空制造有限公司中机身壁板组件装配生产线国际招标项目。近日，联合体收到了《中标通知书》，将共同承担C929宽体客机中机身壁板组件装配生产线的研制任务。中标总金额约1.24亿元，约占公司2022年度经审计营业收入的18.71%。 ...继续阅读 (21)

作者 | 陈元亨；编辑 | 张丞36氪To B产业组会为大家汇总每日新能源领域的主要新闻，10月17日新能源行业动态日报如下：政策、行情早知道联合声明：智方邀请中方企业参与智利锂矿产业开发和绿氢项目中华人民共和国和智利共和国联合声明中提到，双方重申愿加强在经贸、矿业、能源、教育、文化、旅游、科技、农渔业、基础设施建设、执法安全、南极等领域合作，拓展在数字经济、绿色可持续发展、科技创新、新能源、人工智能等新兴领域合作。智方邀请中方企业参与智利锂矿产业开发和绿氢项目。《联合声明：智方邀请中方企业参与智利锂矿产业开发和绿氢项目》泰国总理邀请小米在泰扩大市场和投资规模，重申使泰国成电动汽车生产区域中心据泰国政府网站10月17日声明，泰国政府发言人Chai Wacharonke表示，泰国总理赛塔17日会见小米集团副总裁兼首席财务官林世伟，邀请小米在泰国扩大市场和投资规模。声明称，小米正寻找生产地点或设施以支持诸多领域业务增长，其中包括电动汽车。赛塔重申，他有信心使泰国成为本地区的电动汽车生产中心，并为企业提供支持措施。声明指出，许多制造商已表示希望在泰国建立电动汽车工厂。《泰国总理邀请小米在泰扩大市场和投资规模，重申使泰国成电动汽车生产区域中心》新能源应用风向隆基绿能：雪兰莪光伏组件厂正式投产36氪获悉，据隆基绿能微信公众号，17日，隆基绿能科技股份有限公司双文丹组件工厂一期正式投产。该项目 ...继续阅读 (37)

36氪获悉，据隆基绿能微信公众号，17日，隆基绿能科技股份有限公司双文丹组件工厂一期正式投产。该项目位于马来西亚西海岸的雪兰莪州双文丹市，是隆基绿能在马来西亚布局的太阳能生产制造基地的一部分。隆基绿能双文丹组件厂的正式投产，标志着隆基绿能在马来西亚实现光伏全产业链闭环。 ...继续阅读 (20)

17日，印尼国家电力公司（PLN）发布声明称，该公司与天合光能、印尼金光集团（Sinar Mas）及Agra Surya Energi光伏公司成立了一家合资企业，将在印尼中爪哇的Kendal工业园建设一家太阳能光伏工厂。印尼国家电力公司与中国进出口银行、中国信保、中国银行、中国工商银行、国家开发投资集团、华为技术有限公司等签署了七份谅解备忘录，总价值超过540亿美元。（界面） ...继续阅读 (22)

0x01 概述Apache Commons Compress是一个开源的Java组件，用于处理各种压缩和归档格式，如ZIP、Tar、7z、gzip、bzip2等等。它提供了一套简单而灵活的API，使开发人员能够在Java应用程序中轻松地创建、解压缩和操作各种压缩格式的文件。笔者通过对数百个真实项目引入组件的分析选出了Commons Compress组件的常见漏洞进行分析。本次分析的是CVE-2021-35516，Commons Compress对7z压缩文件解压时造成的内存耗尽漏洞。0x02 组件使用场景Apache Commons Compress组件广泛应用于Java开发中，可用于创建、解压多种压缩格式的文件，适用于文件压缩、归档管理、数据导出、备份、日志归档、安装程序创建、在线文件处理以及数据存档等场景，为开发人员提供了处理压缩和归档文件的便捷功能。0x03 漏洞信息3.1 漏洞简介漏洞名称：内存耗尽漏洞漏洞编号：CVE-2021-35516漏洞类型：CWE-770 不受限制的分配资源/CWE-130 长度参数处理不当CVSS评分：CVSS v3.1：7.5漏洞危害等级：高危3.2 漏洞概述当读取一个特制的7Z归档文件时，Commons Compress库可能会被迫分配大量内存，最终导致即使对于非常小的输入也会出现内存不足错误。这可能被用于对使用Commons Compres ...继续阅读 (92)

前言欢迎关注同名公众号《熊的猫》，文章会同步更新，也可快速加入前端交流群！最近在协助小伙伴解决问题时，在项目中都会遇到一些 “砍树型” 的写法，这些写法容易让后续简单的需求变得复杂，都说 "前人栽树后人乘凉"，但项目中有些写法是真的让后人乘不了凉的，甚至还得被迫加入 “砍树队伍”。本篇文章就列举一些，在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 的部分监听是为了处理针对不同 ...继续阅读 (65)

36氪获悉，晶科能源公告称，1-9月实现组件总出货量超过52GW，其中N型组件出货占比约为57%；截至2023年三季度末，公司光伏组件全球累计出货量已超过190GW。 ...继续阅读 (36)

雷峰网消息，XR空间扩展计算芯片设计公司万有引力于近日完成A轮融资，融资金额数亿元人民币。本轮融资由砺思资本领投，宁波通商基金、招商创投、海鼎资本等共同投资，老股东米哈游、耀途资本、同歌创投、众源资本、三七互娱和红杉资本继续跟投。截至目前，万有引力已累计完成四轮融资。万有引力成立于2021年9月，团队成员来自Apple、Meta、华为等公司，主营业务聚焦包括AR眼镜、VR头显、MR头显等XR设备在内的专用芯片及相关组件研发的公司，致力于提供下一代XR空间计算的完整技术解决方案，包括核心芯片、硬件技术和算法。雷峰网了解到，万有引力正在打造一款XR芯片，对XR专有组件进行针对性的性能优化，提供低延时实时4K和120Hz图像渲染，传感器数据处理及混合现实交互等功能，其自研算法可以减少图像内容的眩晕感，提供画面矫正能力。此前，万有引力于业界主要厂商合作开发了系统级测试平台，用以提前验证芯片的算法及架构、展示部分芯片功能的整合以及实时VST效果。 ...继续阅读 (49)

从工业和信息化部了解到，今年7月至8月，我国光伏制造业继续保持高位运行，产业规模及主要产品产量持续快速增长。据测算，全国多晶硅、硅片、电池、组件产量同比增长均接近或超过80%。其中，多晶硅全国产量达23.35万吨，同比增长93.8%。（央视新闻） ...继续阅读 (22)

36氪获悉，工信部数据显示，7-8月，我国光伏制造业继续保持高位运行，产业规模及主要产品产量持续快速增长，根据光伏行业规范公告企业信息和行业协会测算，全国多晶硅、硅片、电池、组件产量同比增长均接近或超过80%。据上述口径汇总信息，1-8月全国晶硅光伏电池产量累计超过320GW。硅片、电池、组件等光伏产品出口额达361.7亿美元，同比增长1.1%，价格下行趋势明显。 ...继续阅读 (39)

如果想提升产品竞争力，可以从哪几个维度入手？这篇文章里，作者结合自己的职场经验，从三个方向分享了他对产品竞争力提升的思考，一起来看看吧。2023年注定是一个不平凡的年份，这一年我奋斗三年的SaaS产品被停，产品引路人离职，整个人很焦虑很迷茫。不过仍要感谢生活，一切已是最好的安排，所有情绪都有它的价值，它能带来新的思考，帮助我换新的角度，再去审视产品、审视市场、审视商业模式。下面我从三个方向来说明我对产品竞争力的思考：一、产品理念——产品销售好的产品理念像是产品的灵魂，它决定了产品目标客群、产品服务形态、产品功能、产品体验旅程。它在产品定位更前面的环节，产品定位诣在定义产品在为某类客户解决某种特定场景下的问题，偏重于场景和问题，而产品理念更像是在为客户描述一副可到达的蓝图，更偏重于价值。SaaS那款产品我们当时定义了几个核心卖点比如物料按需拉动、全流程追溯、厂内外协同等，产品上市后能得到部分客户的认可。但是我的产品领路人说产品力不够，解决方案的同事说产品做的太浅。那时的我还不太理解，再进一步追问时大家又没有具体的意见反馈，那会儿觉得产品力是个玄而又玄的东西，只可意会不可言传。直到后来我的SaaS产品停了，在企划新产品时，我的领路人给讲了他之前公司（国际知名公司）的产品，讲到了持续改善、精益生产等经营理念，同时这些理念是怎么贯穿到整个产品的服务设计、产品功能设计上的，同时给我看了产品说 ...继续阅读 (47)

36氪获悉，据晶澳科技消息，于近日成功并网的上海市浦东机场P4长时停车库屋顶光伏项目，采用晶澳科技n型DeepBlue 4.0 Pro组件，同时也是国内首个应用晶澳科技n型组件的机场分布式光伏项目，装机容量达1.6MW。预计项目20年总发电量达到3523.17万kWh，年均发电约176.16万kWh。机场作为全天不间断运行的能耗大户，光伏发电是其节能减排的最佳手段。 ...继续阅读 (16)

以下是一个简单的 React 组件示例，它实现了一个打字机效果，可以传入文本和时间参数来控制文本的显示速度：import React, { useState, useEffect } from 'react'; function Typewriter({ text, typingSpeed }) { const [displayText, setDisplayText] = useState(''); const [currentIndex, setCurrentIndex] = useState(0); useEffect(() => { const interval = setInterval(() => { if (currentIndex < text.length) { setDisplayText((prevText) => prevText + text[currentIndex]); setCurrentIndex((prevIndex) => prevIndex + 1); } else { clearInterval(interval); } }, typingSpeed); return () = ...继续阅读 (57)

36氪获悉，天合光能公告称，预计前三季度归母净利润45.63亿-55.77亿元，同比增长89.94%-132.15%。报告期内，受益于N型先进产能的大幅提升，公司TOPCon组件产品的销售占比显著提高；受益于自产N型硅片产能的逐步释放，公司组件产品的综合成本进一步下降。 ...继续阅读 (13)

序 方法名称 使用说明 1 concat(数组1,数组2,...,数组N) 将多个数组结合成一个新的数组 2 join(分隔字符) 将数组结合成一个字符串，用特定字符来分开 3 pop() 将数组内最后一个组件删除，并返回该组件内容 4 push(组件1,组件2,...,组件N) 将一个或多个组件补在数组最后面，并返回最后一个组件内容 5 reverse() 将数组内所有组件的索引次序反... ...继续阅读 (85)

sync 修饰符是一个非常重要的知识点，将页面拆分成一个个组件的时候就经常用到 sync 修饰符。比如你做过 vue+element-ui 的管理系统，要对分页组件拆分成一个独立的子组件这个时候一定会使用到 sync 修饰符为了深入理解，我们需要两个组件myDialog.vue(对话框组件)与test.vue。其中myDialog.vue为子组件，test.vue为父组件。需要完成的功能：当我们点击父组件的显示按钮会弹出对话框组件。并且当我们点对话框的“确定”或“取消”按钮也要将子组件隐藏。实际效果就是模仿 element-ui 制作一个自己的 dialog 组件。myDialog.vue 子组件Hello取消确定​exportdefault{name:'myDialog',}test.vue 父组件点击显示对话框​importmyDialogfrom'./myDialog'exportdefault{name:'test',components:{myDialog,},}解决思路：我们要在父组件中定义一个 isShow 变量默认值为false，并将 isShow 传给对话框组件，整个对话框的显示和隐藏都是由父组件的 isShow 来决定点击父组件的显示按钮将 isShow 进行取反。那么点击对话框的“确定”或者“显示”的时候我们就需要改变父组件的 isShow。（给对话框的按钮绑 ...继续阅读 (109)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/notes/156将近一个月没有更新生活相关相关的文章了。主要是最近也没有什么新鲜事，分享欲也不是很大。一次 City Walk 和过夜体验9 月的时候，又去了一次上海，和朋友在上海进行了一次 city walk，晚上和几位大佬在电竞酒店过了一夜。上图是傍晚时分，在南码头渡口附近。电竞酒店忘了拍照留念，上下铺的感觉仿佛回到了大学时期。Shenqingchuan2beelin精力好足，战到深夜两三点。第二天，一起去吃了个午饭之后，开始往西走。下午，和zhangmo8面基，然后在一家咖啡馆，一起探讨 NeoVim 相关话题。zhangmo8国庆假期要结婚了，给我们送了喜糖。不知道我何时才能有甜甜的爱情呢。兴趣养成 - 🎹也许是从进入云村开始，接触到了各种的纯音乐。从高中被人安利网易云，便进入到了钢琴曲的时间，从刚开始的日本 DJ 的 luv letter 和 flower dance，到韩国的 July 的 my soul 等等，到后来国人作曲家邱有句。我很非常喜欢这些钢琴曲，也是这样结下了缘吧。可我没有一点基础。也许，现在有时间去弥补一些曾经的遗憾，没有接触过乐器。入手了贝琪的电钢，购买了 Simply piano 一年订阅，每天没事的时候学一学，目前也没有报班，后续再看吧。设备换 ...继续阅读 (93)

首发于公众号大迁世界，欢迎关注。📝 每周7篇实用的前端文章 🛠️ 分享值得关注的开发工具 😜分享个人创业过程中的趣事快来免费体验ChatGpt plus版本的，我们出的钱 体验地址:https://chat.waixingyun.cn可以加入网站底部技术群，一起找bug，另外新版作图神器已上线https://cube.waixingyun.cn/home几年前，消失的作用域 CSS，如今它回来了，而且比以前的版本要好得多。更好的是，W3C规范基本稳定，现在Chrome中已经有一个工作原型。我们只需要社区稍微关注一下，引诱其他浏览器构建它们的实现，并完成这项工作。这是什么思路？作用域为CSS带来了两个关键点：更好地控制哪些选择器针对哪些元素（即更好地操作级联）。一组样式可以基于DOM中的位置覆盖另一组样式。局部样式允许你在页面上的单个组件内包含一组样式。你可以使用.title选择器，它只在Card组件内工作，并使用另一个.title选择器，它只在 Accordion 中工作。你可以阻止一个组件的选择器针对子组件中的元素，或者如果需要，也可以允许它们到达。你不再需要BEM风格的类名。此外，近度在级联中变成了一等公民。如果两个组件针对同一个元素（具有相同的特异性），内部组件的样式将覆盖外部组件的样式。它是如何工作的？一切都始于@scope规则和一个选择器，如下：@scope (.card ...继续阅读 (84)

我们在设计B端的组件时，常常会有个问题：如何判断一个组件的设计是 '好' 还是 '不好' 呢？”，有没有什么数据或者标准可以参考？这篇文章，作者分享了三个判断角度，希望能帮到大家。最近有很多同学来问我：“对于 B 端业务的组件设计而言，有哪些数据或者标准可以判断一个组件的设计是 ‘好’ 还是 ‘不好’ 呢？”我们这里要聊的组件设计，重点是指具备业务属性的“业务组件”，而并非通用的 “基础组件”。关于“基础组件”和“业务组件”的区别，一部分基础概念可以看文章：https://www.woshipm.com/pd/5439619.html如何判断一个业务组件的优劣，可以从以下三个方面来看：一、协作侧—— 组件是否能够为设计和开发做提效能够提升产研效率是组件的本质作用。高质量的组件能够在业务产研的过程中节约大量的人力成本，并保证产出物的基础质量。组件在协作侧的检验指标通常包括但不限于：1. 组件的易学性也即组件的使用方式是否能让组件的使用者一学就会，组件的使用规则是否容易被记住。你可以定期收集设计师和开发对于组件的使用反馈，也可以通过定期给大家出一个关于组件使用方式的问答题小考卷，来检验组件规范的难易程度、收集大家对于组件的掌握情况。2. 产研速度提升率产研的速度提升可以从设计师和开发的工作时长来看，你需要定期统计大家在该业务需求中的工时变 ...继续阅读 (47)

Calendar Widget 是你自定义主屏幕的美丽日历的必备应用，选择令人惊叹的预设小部件设计，或者你可以制作自己的设计。选择你喜欢的图片，使用 Calendar Widget 将主屏幕装饰得漂漂亮亮。下载地址： 来自反斗限免 ...继续阅读 (55)

随着卫星领域商业化的快速发展，商业化的卫星应用需求逐步发展成熟，一批批的卫星星座建设需求正在逐步成型。传统的卫星生产方式将无法满足下游的批量化建设需求，必须有工业化的新思路来满足市场需求。成立于2018年的「魔方卫星」，致力于高性价比商业卫星的核心单机产品与整星研制。通过深入掌握航天产品的工业化设计和产品保证方法，并自主研制自动化生产线，在满足航天产品高可靠性要求的同时，降低了成本，缩短了生产周期，以满足商业卫星星座的市场需求。可复制的模式，批量化的能力2023年1月，天目一号气象星座01星和02星顺利入轨。紧接着半年，又有8颗卫星成功入轨开展工作，三批卫星均由魔方卫星负责抓总研制，其中相当部分的部组件已经实现了小批量生产，部分部组件实现了批量化和自动化生产。半年内完成10颗卫星及相关部组件的研制及在轨交付，这高速生产交付的背后，自动化、批量化生产功不可没。从公司建立开始，魔方卫星就将自动化和批量化生产作为主要的技术发展方向之一。2021年，魔方卫星建成的首条卫星太阳电池阵自动化生产线，在业内首次实现了卫星部组件产品的自动化、柔性化、批量化生产，目前已具备年产200颗卫星太阳电池阵产品的配套能力。魔方卫星不是‘为了自动化而自动化’，魔方卫星的目标是在满足航天高品质要求的前提下，大幅度提升交付效率。下一步，魔方卫星还会在其他产品上继续推进产品的自动化生产建设。随着卫星交付数量的增加， ...继续阅读 (12)

在图片网站中，通常是使用瀑布流的方式来显示图片，等宽度不等高，这样显得错落有致今天 使用Vue3实现一个瀑布流组件，并发布为一个npm包grid布局支持响应式参考自react-plock1、window.matchMediawindow.matchMedia(mediaQueryString)方法返回一个MediaQueryList对象，表示指定css媒体查询字符串的结果其中参数mediaQueryString表示CSS @media规则的任何媒体查询选项，比如：min-width、min-height、orientation等const media = window.matchMedia("(max-width: 850px)")在MediaQueryList对象中有两个属性：matches：返回查询结果，是一个布尔值media：媒体查询的字符串所以，根据matches我们就可以知道是否命中当前的媒体查询选项并且，我们还可以通过addEventListener监听mediaQuery查询结果的变化media.removeEventListener('change', () => { console.log(media.matches) });2、瀑布流组件响应式控制根据屏幕大小确定图片的列数export interface PropConfigType { gap: nu ...继续阅读 (71)

怎么在Axure中，使用选项组，实现多级菜单点击选中效果？这篇文章里，作者总结了相关步骤如添加元件、设置事件等，做了一定的梳理和分享，一起来看看吧。演示效果地址：https://gtrfz2.axshare.com软件版本：Axure RP v10适用场景：后台原型设计需要多级菜单，通过鼠标点击交互效果。2个知识点：控件选中样式设置；控件的选项组概念应用。一、添加元件1）首先，页面增加4个矩形组件。分别为以下分组：一级菜单：Menu 1、Menu 2；二级菜单：Menu 2.1、Menu 2.2（从属一级菜单Menu 2，建立从属关系接下来会讲）。2）分别设置组件样式，这里我们选择使用控件的选中样式Selected Style，设置鼠标点击后的效果。我这里是一级菜单填充了颜色，二级菜单透明度70%，字体加粗，用以区分。添加样式选中样式入口一级菜单选中样式二级菜单选中样式二、设置事件1）设置全部矩形组件的鼠标点击事件为Set Selected/Checked – This Widget。这里需要解释“This Widget”默认就是当前组件，而不用给每个组件都起名字。三、设置选项组键盘按住Shift鼠标分别点击一级菜单组件：Menu 1、Menu 2，右侧找到功能入口（因为Axure 10默认隐藏了这个入口），并设置选项组为“一级菜单”。同理重复上述步骤，设置Menu 2 ...继续阅读 (18)

在当今快节奏的数字世界中，网站性能对于吸引用户和取得成功至关重要。然而，对于像首页这样的页面，在不影响功能的前提下优化性能就成了一项挑战。这就是 Vue 组件懒加载的用武之地。通过将非必要元素的加载推迟到可见时进行，开发人员可以增强用户体验，同时确保登陆页面的快速加载。懒加载是一种优先加载关键内容，同时推迟加载次要元素的技术。这种方法不仅能缩短页面的初始加载时间，还能节约网络资源，从而使用户界面更轻量、反应更灵敏。在本文中，我将向你展示一种简单的机制，使用Intersection Observer API在 Vue 组件可见时对其进行懒加载。Intersection Observer APIIntersection Observer API 是一种功能强大的工具，它允许开发人员有效地跟踪和响应浏览器视口中元素可见性的变化。它提供了一种异步观察元素与其父元素之间或元素与视口之间交集的方法。它为检测元素何时可见或隐藏提供了性能优越的优化解决方案，减少了对低效滚动事件监听器的需求，使开发人员能够在必要时有选择地加载或操作内容，从而增强用户体验。它通常用于实现诸如无限滚动和图片懒加载等功能。异步组件Vue 3 提供了defineAsyncComponent，用于仅在需要时异步加载组件。它返回一个组件定义的 Promise：import { defineAsyncComponent } fr ...继续阅读 (77)

9月20日，智能之路——2023金山办公技术开放日在武汉举办。金山办公官方宣布，基于大语言模型的智能办公助手WPS AI已接入金山办公全线产品，邀请用户体验全组件AI功能。同时，首次对外展示了金山办公自研模型的最新进展，该模型基于开源底座，通过训练调优，助力WPS AI 成为国内率先落地的AI 办公应用。金山办公CEO章庆元金山办公CEO章庆元现场表示，AI和协作是金山办公现阶段的重要战略，金山办公将应用大模型重构办公软件，为每一位用户提供AIGC（内容创作）、Copilot（智慧助理）和Insight（知识洞察）三方面全新的产品体验，并且会将AI技术开放赋能给企业客户，帮助每一位客户打造属于自己的一站式协作办公平台。首次对外展示自研模型进展金山办公副总裁姚冬金山办公副总裁姚冬在现场首次对外展示了金山办公自研模型的进展，为了满足更多用户小众场景的需求，在开源底座基础上，金山办公通过训练调优自研模型的技术路径，助力WPS AI 成为国内率先落地的AI 办公应用。姚冬同时表示，大模型技术落地需要具备五大要素，除了传统的数据、算法、算力以外，还需要结合强大的工程能力以及丰富的应用场景，金山办公已经在工程技术上打磨多年，本次大模型技术是重塑办公行业的重大机遇。智谱AI COO张帆在活动现场表示，智谱AI主要通过GLM-130B及ChatGLM大模型助力演示文稿写作等通用办公场景，除生成演示 ...继续阅读 (55)

在市场上B端设计师岗位竞争很是激烈，很多公司为了降本增效，节省预算都会做出一定的调整。那么问题来了，作为设计师的你会有什么想法呢？是否应该选择外包岗位？又如何在B端设计中更好的展示自己的价值呢？可以看看下面这一篇文章，或许可以解决你的困惑。前几天有一个同学问了我一个有代表性的问题：在一家云计算公司做外包人员已经3年了，每天的任务只有一些有关图标、走查以及零散页面等零碎的设计支撑，即使做设计也只是拿公司的组件搭一下。不知道这份工作适不适合自己，这么多年总觉得自己没有成长。如果适合自己的话不知道如何提高自己的参与度且在设计中体现自己的价值。这个问题值得每一个B端设计师去思考。竞争激烈的现在，很多公司为了降本增效，节省预算，每个部门招聘的名额有限，因此都会存在一定比例的外包人员。作为设计师是否应该选择外包岗位？如何在B端设计中更好的展示自己的价值呢？今天的分享就基于这两块展开，一起来看看吧~一、外包岗位的选择Q：做了3年了外包，不知道是否需要继续干下去？1. 优点一上来先不抨击外包岗位的缺点，我们先来看看优点有哪些。关系和谐：因为都是承接对方需求，没有职级晋升以及同事竞争的压力，互相之间的利益冲突较小，因此外包设计师之间的关系都很和谐，不会有互相穿小鞋、使绊之类的风险。经验提升：雇佣外包设计师的很多都是规模有点大的公司，我们可以借助这些公司的项目丰富我们的作品，与此同时我们还会接触大公司 ...继续阅读 (19)

大家好，我卡颂。最近，Vercel推出了一款AI代码生成工具 ——v0，可以快速生成前端组件代码。这款AI工具会影响现有前端开发模式么？本文会从如下角度展开讨论：v0是什么？能做什么？v0生成的代码包含哪些部分？会对现有前端开发产生什么影响？欢迎围观朋友圈、加入人类高质量前端交流群，带飞v0是什么v0是Vercel推出的一款前端组件代码生成工具，当前还处于Alpha阶段，要想试用需要先排队。他的使用方式如下：首先，用自然语言描述需求v0会根据需求生成组件代码：我们可以继续对不满意的地方提出修改意见，比如背景请使用渐变蓝色：此时，会生成一个新的版本（这里是v1）。具体来说，每个修改意见都会产生一个新的版本。当我们再提出 ——内容宽度为500px，此时会产生v2：现在你明白这款产品为什么叫v0了吧？v0指产品的最初版本，开发者可以基于v0不断迭代新的版本。而迭代的方式，就是不断提出新需求或修改意见。有同学可能会问：我直接向chatGPT提需求不也能生成代码，v0有啥优势？v0的优势主要体现在两点：可以针对组件不同部分单独修改UI与样式分离让我们细细聊一下。可以针对组件不同部分单独修改如果直接让chatGPT生成代码，那么他会生成一大段代码。比如，我让chatGPT生成上面提到的天气预报组件。下面截取了他返回代码的一部分，注意其中红框中组件背景色是白色：现在，我继续提问：背景请使用渐变蓝 ...继续阅读 (85)

在我写的其他系列的文章中有提到——在软件工程中，「组件（component）」一般是指软件的可复用块，好比制造业所使用的「构件」。这是一个比较宽泛的概念，它可以是软件包，可以是 web 服务，也可以是模块等。但在前端眼里，「组件」通常是指页面上的视图单元，即「UI 组件」。可以说，「UI 组件」是「组件」的子集。你可能还总会听到「控件（control）」这个词。放轻松，别抓头，它只是「UI 组件」的一个别名而已。普通的组件通用性很差，也就是说，它基本只能用于某个特定的系统且不能被替换。有一种组件，它是基于标准化的接口规范开发出来的，能用在任何对接了该接口的系统，也能被任何符合该接口规范的组件替换——它就是「可交换组件」，就像制造业所使用的「标准件」。可交换的 UI 组件是前端 GUI 开发从手工作坊到自动装配的关键所在。欧雷《聊聊前端 UI 组件：核心概念》本文就来简单说说在中后台前端应用开发中，一个可复用性尽可能高的组件体系大概是什么样的。前端开发是 GUI 开发，会同时涉及到视觉交互和数据逻辑，因此在看待前端时要能从视觉和数据这两个角度出发——视觉视角从视觉角度看，就是在拿到设计稿后在脑中把各个界面分解成若干具有层级关系且结构化的「区块（block）」：将这些区块按照职责、粒度等可大致划分为「控件（control）」、「部件（widget）」和「页面（page）」这三类。其中， ...继续阅读 (70)

今天我为大家带来新的作品，iOS14桌面组件神器（Scriptable）原创脚本，精美作品分享！喜欢的话就点关注吧！更多脚本正在路上…12345678* script : ONE-Progress.js* version : 1.0.0* author : Nicolas-kings* date : 2021-03-06* github : https://github.com/Nicolasking007/Scriptable* desc : 具体配置，详见微信公众号-曰(读yue)坛* color : #FFA400, #FF7500, #0AA344, #4B5CC4, #B25D25*******************************************************前段时间，在小米手机上看见倒计时这个捷径，挺好看的，想着用scriptable写个，在iPhone上玩。告诫自己时间 一去不复返，要珍惜时间Scriptable脚本预览如何使用iPhone 上下载Scriptable App（确保你的系统已更新为 iOS14+）.打开App，点击右上角+号，复制项目中对应的代码， 点击下载长按桌面，添加组件，选择Scriptable，然后点击组件配置，选择刚刚保存的脚本即可.尽情享受吧！准备 ...继续阅读 (62)