- 侦听器侦听属性,响应数据(data&computed)的变化,当数据变化时,会立刻执行对应函数, 值类型 函数类型例:const vm = new Vue({ el: '#app', data: { msg: 'hello,你好呀,我是杉杉', }, watch: { msg () { console.log('msg的值改变啦~'); } }}) /... 侦听器侦听属性,响应数据(data&computed)的变化,当数据变化时,会立刻执行对应函数, 值类型 函数类型例:const vm = new Vue({ el: '#app', data: { msg: 'hello,你好呀,我是杉杉', }, watch: { msg () { console.log('msg的值改变啦~'); } }}) /...
- 大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,邀你进群,一起学习交流前端,成为更优秀的工程师~关注公众号:半夏话前端,了解更多前端知识!点我探索新世界!通常我们可以在项目的根目录中找到package.json,它包含着与项目相关的信息。例如描述,版本,开源协议等等。package.json 必须是严格的j... 大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,邀你进群,一起学习交流前端,成为更优秀的工程师~关注公众号:半夏话前端,了解更多前端知识!点我探索新世界!通常我们可以在项目的根目录中找到package.json,它包含着与项目相关的信息。例如描述,版本,开源协议等等。package.json 必须是严格的j...
- 这可能是史上最简单易用的开源统计图表绘制库了。柱状图,饼状图,点状图等等您能想到的类型全部支持。这个开源库的官网:http://www.chartjs.org/直接看如何只用40行代码就实现专业的统计图表。代码如下:<html><canvas id="myChart" width="300px" height="300px"></canvas><script src="https://cdn... 这可能是史上最简单易用的开源统计图表绘制库了。柱状图,饼状图,点状图等等您能想到的类型全部支持。这个开源库的官网:http://www.chartjs.org/直接看如何只用40行代码就实现专业的统计图表。代码如下:<html><canvas id="myChart" width="300px" height="300px"></canvas><script src="https://cdn...
- 前端开发人员经常需要将当前的网页截图发给产品经理讨论。如果网页很长,一个屏幕显示不下,那么操作系统自带的截图功能就没有办法截取整个屏幕了。最近我找到一个办法,通过Chrome开发者工具自带的截图功能可以截取超过一个屏幕的完整网页视图。下面分享给大家。打开要截取完整屏幕的网页,打开Chrome开发者工具,按住快捷键Ctrl+Shift+P,会看到很多可用命令,在命令提示符里输入“full”,会... 前端开发人员经常需要将当前的网页截图发给产品经理讨论。如果网页很长,一个屏幕显示不下,那么操作系统自带的截图功能就没有办法截取整个屏幕了。最近我找到一个办法,通过Chrome开发者工具自带的截图功能可以截取超过一个屏幕的完整网页视图。下面分享给大家。打开要截取完整屏幕的网页,打开Chrome开发者工具,按住快捷键Ctrl+Shift+P,会看到很多可用命令,在命令提示符里输入“full”,会...
- SAP CRM可以在开发工具中用右键直接创建一个新的事件处理器:这些事件处理器实际上就是UI控制器(Controller)上具有特定接口类型的方法。C4C UI的event handler在C4C UI Designer的Controller标签页里创建,一个例子如下:这些Event属于整个UI component源代码的一部分,可以通过Chrome开发者工具的Network标签页里观察。路... SAP CRM可以在开发工具中用右键直接创建一个新的事件处理器:这些事件处理器实际上就是UI控制器(Controller)上具有特定接口类型的方法。C4C UI的event handler在C4C UI Designer的Controller标签页里创建,一个例子如下:这些Event属于整个UI component源代码的一部分,可以通过Chrome开发者工具的Network标签页里观察。路...
- 我今天的工作又遇到一个难题。前端UI右下角这个按钮被设置为"禁用(disabled)"状态。这个按钮的可用状态由属性enabled控制。我通过调试发现,一旦下图第88行代码执行完毕之后,这个按钮的属性mProperties里就多出一个enabled:false的属性。而88行执行之前,还没有这个enabled:false的属性。正是这个属性让按钮进入了禁用状态。我单步调试setModel函数... 我今天的工作又遇到一个难题。前端UI右下角这个按钮被设置为"禁用(disabled)"状态。这个按钮的可用状态由属性enabled控制。我通过调试发现,一旦下图第88行代码执行完毕之后,这个按钮的属性mProperties里就多出一个enabled:false的属性。而88行执行之前,还没有这个enabled:false的属性。正是这个属性让按钮进入了禁用状态。我单步调试setModel函数...
- 我们在Chrome开发者工具的Console标签页里,可以输入JavaScript变量然后回车,查看这些变量的值。比如我用类jQuery选择器的语法 var button = $(‘button’)来返回当前页面所有button标签的实例。如果我想将这个变量保存到本地,以备以后进一步分析,一种做法是用JSON.stringfy将其序列号成JSON字符串,然后再手动选中该字符串,新建一个本地文... 我们在Chrome开发者工具的Console标签页里,可以输入JavaScript变量然后回车,查看这些变量的值。比如我用类jQuery选择器的语法 var button = $(‘button’)来返回当前页面所有button标签的实例。如果我想将这个变量保存到本地,以备以后进一步分析,一种做法是用JSON.stringfy将其序列号成JSON字符串,然后再手动选中该字符串,新建一个本地文...
- 贪心算法,跳跃游戏三连 贪心算法,跳跃游戏三连
- 今天又做了一道贪心算法的题目,本题虽然是中等难度,但是花了挺久时间才完成的。 Dota2 参议院本质是一道投票剔除的题目 今天又做了一道贪心算法的题目,本题虽然是中等难度,但是花了挺久时间才完成的。 Dota2 参议院本质是一道投票剔除的题目
- Vue相关指令具有特殊含义、拥有特殊功能的特性指令带有v-前缀,表示它们是Vue提供的特殊特性指令可以直接使用data中的数据 v-pre跳过这个元素和它的子元素的编译过程。可以用来显示原始 Mustache 标签。跳过大量没有指令的节点会加快编译。 <!-- 不会被编译 --> <span v-pre>{{ msg }}</span> v-cloak这个指令保持在元素上直到关联实例结束编... Vue相关指令具有特殊含义、拥有特殊功能的特性指令带有v-前缀,表示它们是Vue提供的特殊特性指令可以直接使用data中的数据 v-pre跳过这个元素和它的子元素的编译过程。可以用来显示原始 Mustache 标签。跳过大量没有指令的节点会加快编译。 <!-- 不会被编译 --> <span v-pre>{{ msg }}</span> v-cloak这个指令保持在元素上直到关联实例结束编...
- 📢 大家好,我是小丞同学,一名大二的前端爱好者📢 这个系列文章是实战 jira 任务管理系统的一个学习总结📢 非常感谢你的阅读,不对的地方欢迎指正 🙏📢 愿你忠于自己,热爱生活在上一篇文章中,我们实现了路由的跳转,实现了对应项目跳转到显示对应内容的看板页面,在这当中,我们编写了 useDocumentTitle 、useDebounce 这两个给 custom hook 。接下来我... 📢 大家好,我是小丞同学,一名大二的前端爱好者📢 这个系列文章是实战 jira 任务管理系统的一个学习总结📢 非常感谢你的阅读,不对的地方欢迎指正 🙏📢 愿你忠于自己,热爱生活在上一篇文章中,我们实现了路由的跳转,实现了对应项目跳转到显示对应内容的看板页面,在这当中,我们编写了 useDocumentTitle 、useDebounce 这两个给 custom hook 。接下来我...
- 📢 大家好,我是小丞同学,一名大二的前端爱好者📢 这个系列文章是实战 jira 任务管理系统的一个学习总结📢 非常感谢你的阅读,不对的地方欢迎指正 🙏📢 愿你忠于自己,热爱生活在上一篇文章中我们已经写完了首页项目列表的展示部分,利用了大量的 custom hook 来处理对 url 进行操作,实现了将 query 映射到 url 的操作,同时利用 react-query 中的 us... 📢 大家好,我是小丞同学,一名大二的前端爱好者📢 这个系列文章是实战 jira 任务管理系统的一个学习总结📢 非常感谢你的阅读,不对的地方欢迎指正 🙏📢 愿你忠于自己,热爱生活在上一篇文章中我们已经写完了首页项目列表的展示部分,利用了大量的 custom hook 来处理对 url 进行操作,实现了将 query 映射到 url 的操作,同时利用 react-query 中的 us...
- 📢 大家好,我是小丞同学,一名大二的前端爱好者📢 这个系列文章是实战 jira 任务管理系统的一个学习总结📢 非常感谢你的阅读,不对的地方欢迎指正 🙏📢 愿你忠于自己,热爱生活在上一篇文章中,我们已经写过了关于项目列表展示的部分,通过大量的 custom hook 实现了项目的增删改查,也写很多复用性很高的 hook ,这样我们可以在后面的代码中复用,优化和缩减我们的开发时间 💡... 📢 大家好,我是小丞同学,一名大二的前端爱好者📢 这个系列文章是实战 jira 任务管理系统的一个学习总结📢 非常感谢你的阅读,不对的地方欢迎指正 🙏📢 愿你忠于自己,热爱生活在上一篇文章中,我们已经写过了关于项目列表展示的部分,通过大量的 custom hook 实现了项目的增删改查,也写很多复用性很高的 hook ,这样我们可以在后面的代码中复用,优化和缩减我们的开发时间 💡...
- 📢 大家好,我是小丞同学,一名大二的前端爱好者📢 这个系列文章是实战 jira 任务管理系统的一个学习总结📢 非常感谢你的阅读,不对的地方欢迎指正 🙏📢 愿你忠于自己,热爱生活在上一篇中,我们封装好了一些 custom hook 例如,用于操作 url 的 useUrlQueryParam 以及 useSetUrlSearchParam 同时我们封装了专门在 project 列表中... 📢 大家好,我是小丞同学,一名大二的前端爱好者📢 这个系列文章是实战 jira 任务管理系统的一个学习总结📢 非常感谢你的阅读,不对的地方欢迎指正 🙏📢 愿你忠于自己,热爱生活在上一篇中,我们封装好了一些 custom hook 例如,用于操作 url 的 useUrlQueryParam 以及 useSetUrlSearchParam 同时我们封装了专门在 project 列表中...
- 📢 大家好,我是小丞同学,一名大二的前端爱好者📢 这个系列文章是实战 jira 任务管理系统的一个学习总结📢 非常感谢你的阅读,不对的地方欢迎指正 🙏📢 愿你忠于自己,热爱生活在我们写好登录注册界面后,我们需要开始解决登录后的项目列表展示页,这也是我们在自动登录后显示的页面 💡 知识点抢先看这篇文章将讲到以下几个知识点antd 组件库渲染项目列表... 更多按钮的实现通过 URL... 📢 大家好,我是小丞同学,一名大二的前端爱好者📢 这个系列文章是实战 jira 任务管理系统的一个学习总结📢 非常感谢你的阅读,不对的地方欢迎指正 🙏📢 愿你忠于自己,热爱生活在我们写好登录注册界面后,我们需要开始解决登录后的项目列表展示页,这也是我们在自动登录后显示的页面 💡 知识点抢先看这篇文章将讲到以下几个知识点antd 组件库渲染项目列表... 更多按钮的实现通过 URL...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新,构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间,华为云展示了Serverless与MCP融合创新的解决方案,本期访谈直播,由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持,华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中,探讨处理器生态的关键要素及其联系,分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源,3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源,3步轻松管理成本,帮助提升日常管理效率!
回顾中
热门标签