摘要: 之前在项目中遇到一个环形进度条的需求,要求能实时更新进度,脑海中瞬间便蹦出css,svg,canvas3中方案,对于3种方案个人更偏向于svg,用法简单,代码量也很少,同时也便于实时控制。具体效果如下图: 代码非常简单: <svg width="150px" height="150px" class 阅读全文
posted @ 2020-10-18 14:41 陌路y 阅读(324) 评论(0) 推荐(0) 编辑
摘要: 效果 效果图如下 实现思路 使用box-shadow画赤橙黄绿蓝靛紫7个弧形,拼接在一起 after伪元素写投影样式 彩虹和投影都有动画 东莞vi设计https://www.houdianzi.com/dgvi/ 豌豆资源网站大全https://55wd.com dom结构 用两个嵌套的div容器, 阅读全文
posted @ 2020-10-18 14:40 陌路y 阅读(845) 评论(0) 推荐(0) 编辑
摘要: 文件组织规范 文件结构 原则:文件少、层级浅、资源集中、相对独立互不影响基本结构: . |_ node_modules |_ dist |_ src |_ assets // 公共资源 |_ img // 全局图片 |- favicon.png |- common.js // 全局公用 js |- 阅读全文
posted @ 2020-10-18 14:39 陌路y 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 前言 之前在做webpack配置时候多次用到路径相关内容,最近在写项目的时候,有一个文件需要上传到阿里云oss的功能,同时本地服务器也需要保留一个文件备份。多次用到了文件路径相关内容以及Node核心API的path模块,所以系统的学习了一下,整理了这篇文章。 node中的路径分类 node中的路径大 阅读全文
posted @ 2020-10-18 14:38 陌路y 阅读(619) 评论(0) 推荐(0) 编辑
摘要: 1,固定侧左浮动,右侧设置margin 给左边的固定宽度区left浮动并设置一个宽度,右边的自适应区right只设置margin值,假设right的宽度是100%,那么设置margin后,它得宽度就变为100%-margin;left发现自己的宽度可以和right挤在同一行,它就浮动上来了 <sty 阅读全文
posted @ 2020-10-18 14:36 陌路y 阅读(183) 评论(0) 推荐(0) 编辑