获得徽章 20
关注了
#掘友年度报告# 2020年与掘金相识，不知不觉已经并肩通行1395天，从研究生入学到毕业，2023年经历秋招，春招，论文，答辩，每一个阶段都从掘金中得到启发，感谢掘金
期间还参加了青训营活动，开发者大会，让自己更加充实。
希望2024年大家都可以平安喜乐，万事顺遂
希望掘金越来越好，加油
加油
期间还参加了青训营活动，开发者大会，让自己更加充实。
希望2024年大家都可以平安喜乐，万事顺遂
希望掘金越来越好，加油
加油
展开
评论
9
![[皱眉]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_71.e8c2090.png)
赞了这篇文章
前端可以使用以下几种方式来展示图片：
1. 通过img标签来引入图片。该标签的src属性指定了图片路径，alt属性则用于指定当图片无法显示时替代显示的文本。
2. 使用CSS background-image属性来为元素添加背景图片。在CSS中通过background-image:url()来设置图片路径，并可结合其他属性来控制图片展示方式（例如平铺、居中等）。
3. 使用HTML5新增的canvas元素来绘制图片。通过canvas的API操作图像数据，然后将生成的图像呈现在页面上。
4. 借助第三方库（如jQuery、Vue等）提供的组件或插件来实现图片展示功能。这些组件通常具有更多的配置项和交互特性，能够快速搭建出丰富的图片展示效果。
1. 通过img标签来引入图片。该标签的src属性指定了图片路径，alt属性则用于指定当图片无法显示时替代显示的文本。
2. 使用CSS background-image属性来为元素添加背景图片。在CSS中通过background-image:url()来设置图片路径，并可结合其他属性来控制图片展示方式（例如平铺、居中等）。
3. 使用HTML5新增的canvas元素来绘制图片。通过canvas的API操作图像数据，然后将生成的图像呈现在页面上。
4. 借助第三方库（如jQuery、Vue等）提供的组件或插件来实现图片展示功能。这些组件通常具有更多的配置项和交互特性，能够快速搭建出丰富的图片展示效果。
展开
评论
点赞
《大屏开发技巧》
大屏开发是一个涉及很多技术和细节的复杂任务。以下是一些在大屏开发中常用的技巧：
1. 设计思路
在进行大屏开发之前，应该先有一个清晰的设计思路。这包括确定要展示哪些数据、如何展示以及展示方式等等。只有在有了一个明确的设计思路之后，才能更好地进行代码实现。
2. 数据可视化
大屏开发的重点是数据可视化。要想让数据更加直观易懂，需要借助不同类型的图表、饼图等工具将数据可视化。在选择使用工具时，需要考虑其适用场景、数据类型，以及交互效果等因素。
3. 布局排版
大屏开发的布局非常重要。为了使展示内容更加清晰、易读，需要合理选择布局方式和排版方式。一般来说，大屏布局应该将数据按照一定的逻辑关系组织起来，并使用对称、层次、色彩等元素进行视觉化设计。
4. 动态效果
动态效果是大屏开发的一大亮点。通过添加动态效果，可以使数据更加生动有趣。例如，可以使用动画效果、滚动效果等各种视觉元素来增加用户的体验感。
5. 响应式设计
在大屏开发中，响应式设计非常重要。由于不同屏幕尺寸和分辨率的差异，需要对不同的设备进行适配，并确保展示效果一致。为此，可以使用媒体查询、flexbox、grid等技术实现响应式布局。
以上是大屏开发中常用的技巧。需要注意的是，除了技术层面的问题，还需要和业务需求密切结合，综合考虑各种因素，才能做出优秀的大屏应用。
大屏开发是一个涉及很多技术和细节的复杂任务。以下是一些在大屏开发中常用的技巧：
1. 设计思路
在进行大屏开发之前，应该先有一个清晰的设计思路。这包括确定要展示哪些数据、如何展示以及展示方式等等。只有在有了一个明确的设计思路之后，才能更好地进行代码实现。
2. 数据可视化
大屏开发的重点是数据可视化。要想让数据更加直观易懂，需要借助不同类型的图表、饼图等工具将数据可视化。在选择使用工具时，需要考虑其适用场景、数据类型，以及交互效果等因素。
3. 布局排版
大屏开发的布局非常重要。为了使展示内容更加清晰、易读，需要合理选择布局方式和排版方式。一般来说，大屏布局应该将数据按照一定的逻辑关系组织起来，并使用对称、层次、色彩等元素进行视觉化设计。
4. 动态效果
动态效果是大屏开发的一大亮点。通过添加动态效果，可以使数据更加生动有趣。例如，可以使用动画效果、滚动效果等各种视觉元素来增加用户的体验感。
5. 响应式设计
在大屏开发中，响应式设计非常重要。由于不同屏幕尺寸和分辨率的差异，需要对不同的设备进行适配，并确保展示效果一致。为此，可以使用媒体查询、flexbox、grid等技术实现响应式布局。
以上是大屏开发中常用的技巧。需要注意的是，除了技术层面的问题，还需要和业务需求密切结合，综合考虑各种因素，才能做出优秀的大屏应用。
展开
评论
点赞
《vue声明周期》
在 Vue.js 中，组件是一个有生命周期的对象，它从创建、运行到销毁期间，会经历一系列的钩子函数，这些钩子函数被称为生命周期函数。
Vue 组件的生命周期可以分为四个阶段：创建阶段、挂载阶段、更新阶段和销毁阶段。下面是每个阶段的生命周期函数：
1. 创建阶段
- beforeCreate：在实例初始化之后、数据观测和事件配置之前调用，此时组件的 data 和 methods 等属性还未初始化。
- created：在实例创建完成之后被立即调用，此时已经完成了数据观测和事件配置，可以访问组件 data 和 methods 等属性。
2. 挂载阶段
- beforeMount：在挂载开始之前被调用，此时模板编译已经完成，但尚未把渲染结果挂载到页面中。
- mounted：在挂载完成之后被立即调用，此时组件已经被挂载到页面上，可以访问组件在 DOM 树中的元素。
3. 更新阶段
- beforeUpdate：在数据更新之前被调用，此时组件中的 data 已经更新，但更新后的 DOM 还没有重新渲染。
- updated：在数据更新之后被立即调用，此时组件已经重新渲染，可以访问更新后的 DOM 元素。
4. 销毁阶段
- beforeDestroy：在实例销毁之前调用，此时组件仍然可用。
- destroyed：在实例销毁之后调用，此时组件已经被彻底销毁，无法再访问组件的 data 和 methods 等属性。
以上就是 Vue 组件的生命周期函数。这些生命周期函数给了我们足够的灵活性，可以在不同的生命周期阶段执行一些操作，例如在 created 钩子函数中发起 AJAX 请求，或者在 beforeDestroy 钩子函数中清除定时器等。
在 Vue.js 中，组件是一个有生命周期的对象，它从创建、运行到销毁期间，会经历一系列的钩子函数，这些钩子函数被称为生命周期函数。
Vue 组件的生命周期可以分为四个阶段：创建阶段、挂载阶段、更新阶段和销毁阶段。下面是每个阶段的生命周期函数：
1. 创建阶段
- beforeCreate：在实例初始化之后、数据观测和事件配置之前调用，此时组件的 data 和 methods 等属性还未初始化。
- created：在实例创建完成之后被立即调用，此时已经完成了数据观测和事件配置，可以访问组件 data 和 methods 等属性。
2. 挂载阶段
- beforeMount：在挂载开始之前被调用，此时模板编译已经完成，但尚未把渲染结果挂载到页面中。
- mounted：在挂载完成之后被立即调用，此时组件已经被挂载到页面上，可以访问组件在 DOM 树中的元素。
3. 更新阶段
- beforeUpdate：在数据更新之前被调用，此时组件中的 data 已经更新，但更新后的 DOM 还没有重新渲染。
- updated：在数据更新之后被立即调用，此时组件已经重新渲染，可以访问更新后的 DOM 元素。
4. 销毁阶段
- beforeDestroy：在实例销毁之前调用，此时组件仍然可用。
- destroyed：在实例销毁之后调用，此时组件已经被彻底销毁，无法再访问组件的 data 和 methods 等属性。
以上就是 Vue 组件的生命周期函数。这些生命周期函数给了我们足够的灵活性，可以在不同的生命周期阶段执行一些操作，例如在 created 钩子函数中发起 AJAX 请求，或者在 beforeDestroy 钩子函数中清除定时器等。
展开
评论
点赞