![](https://img-blog.csdnimg.cn/bd60b4c4d4894ffd8c6aa897824847a4.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端实践
文章平均质量分 77
web前端开发学习笔记和经验技巧分享。
西涯三锋
web开发从业10多年,致力于知识、技巧、实践经验的分享,始终秉承“授人以鱼不如授人以渔”分享精神。
展开
-
Ant Design Pro of Vue2 文件上传组件 Upload 自定义上传实战笔记
在使用 Ant Design Pro of Vue2 框架进行项目开发过程中,不可避免的遇到文件上传类的功能需求,本文就实战过程中遇到的一些经验和问题做个分享,为自己做个笔记,也为需要帮助的同学做个参考!原创 2022-10-07 01:27:17 · 3010 阅读 · 1 评论 -
微信小程序开发动态设置tabbar
需求描述不同身份的用户登录后,动态更改底部导航栏,也就是 tabbar。注意 不是简单改变 tabbar item 的样式,而是需要更改 item 文字,icon, 关键是跳转链接 pagePath。技术框架基于uni-app开发,使用了 colorui、uview等第三方框架。但当前阶段主要是以微信小程序的作为客户端展示。解决思路下面就我实际开发中实际实践过的解决思路做了个总结:基于 view 自定义 tabbar基于 colorui 实现思路,view 布局一个完全.原创 2021-08-07 14:32:08 · 6286 阅读 · 0 评论 -
wangEditor 粘贴从 word 复制的带图片内容的最佳实践
本文基本上完美实现了从word复制粘贴图片的需求。至于样式部分丢失的问题,目前不可能100%解决,wangEditor本身解析内容的原理导致,就目前而言,只能尽可能对损失或丢失的样式做一些额外的处理,使其接近复制粘贴的预期。......原创 2022-07-28 14:37:45 · 8469 阅读 · 34 评论 -
Nuxt 菜鸟入门学习笔记五:CSS 样式
本文内容由 Nuxt 官网翻译而来,主要介绍了 Nuxt CSS 样式部分。原创 2023-09-01 00:29:51 · 1341 阅读 · 0 评论 -
Nuxt 菜鸟入门学习笔记四:静态资源
本文内容由 Nuxt 官网翻译而来,主要介绍了 Nuxt 静态资源部分。原创 2023-08-29 00:32:34 · 672 阅读 · 0 评论 -
Nuxt 菜鸟入门学习笔记三:视图
本文内容由 Nuxt 官网翻译而来,主要介绍了 Nuxt 视图部分。原创 2023-08-26 00:06:12 · 577 阅读 · 0 评论 -
在 vue3 中使用 ScrollReveal
ScrollReveal 是一个 JavaScript 库,用于在元素进入/离开视口时轻松实现动画效果。本文介绍在 vue3 中如何使用它。原创 2023-07-26 00:08:34 · 679 阅读 · 0 评论 -
Nuxt 菜鸟入门学习笔记二:配置
本文内容由 Nuxt 官网翻译而来,主要介绍了 Nuxt 支持的配置方式。原创 2023-07-22 10:42:12 · 1019 阅读 · 0 评论 -
Nuxt 菜鸟入门学习笔记一:介绍与安装
本文内容由Nuxt官网翻译而来,对Nuxt做了介绍,以及安装。原创 2023-07-19 23:52:27 · 993 阅读 · 0 评论 -
js 中类 class 的基本知识
ES6 引入了 Class(类)这个概念,通过 class 关键字来定义类,提供了更接近传统语言的写法,新的 class 写法使得对象原型的写法更加清晰、更像面向对象编程的语法。原创 2022-10-18 00:14:31 · 487 阅读 · 0 评论 -
CSS 通过伪类 nth-child 和 nth-of-type 实现奇偶选择器的区别
在前端开发项目中,遇到根据奇偶规则设置样式的场景,通常会用过:nth-child 或者:nth-of-type 来实现,但偶尔会遇到不生效或达不到预期的效果。本文将以通过实例代码详细介绍二者的使用方法及区别,希望对大家的学习和工作有所帮助。原创 2022-09-13 12:16:25 · 2020 阅读 · 2 评论 -
CSS 伪类选择器 last-child 和 last-of-type 的区别
在日常前端开发工作中,总有最后一个同类元素进行特殊的样式处理需求。我们一般会用到 CSS 伪类:last-child 或:last-of-type,但有时会遇到不起作用的效果,基于此,本文通过示例代码详细介绍二者的区别,希望对大家的学习和工作有所帮助。...原创 2022-09-01 17:32:09 · 2908 阅读 · 0 评论 -
Ant Design Pro of Vue 修改侧栏菜单宽度的正确姿势
本文教会您 Ant Design Pro of Vue v3.0.2 管理后台修改侧栏菜单宽度的正确方法,超简单,不改 CSS。原创 2022-08-31 17:56:26 · 2329 阅读 · 0 评论 -
uni-app+uview+video.js报错 VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source w
场景描述最近公司项目中有需求要使用uniapp + uview2.0 + video.js 实现视频播放功能,但是在uniapp内置浏览器运行调试的时候,总是报错“VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media.”开始以为代码问题,试了网上各种解决方案,始终报上面这个错误,很是恼火!!!!错误截图控制台报错如下:内置浏览器界面报错如下:解决原创 2022-03-16 10:22:16 · 2435 阅读 · 2 评论 -
Ant Design Pro of Vue 构建打包后使用 Nginx 发布,API 请求报 404 错
最近的项目使用 Ant Design Pro of Vue v3.0.2 搭建管理后台,开发环境通过 vue.config.js 的 devServer.proxy 请求 API 完全正常。但是打包后按照官方 Nginx 配置文档请求 API 却报 404 了。通过各种调试和查阅资料,终于解决了问题,如果您也遇到同样的问题,希望下面的文章能帮到您。...原创 2022-08-30 11:41:08 · 1400 阅读 · 0 评论