自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

普通程序员的随笔

一个向往成为更好前端工程师的普通程序员

  • 博客(8)
  • 资源 (2)
  • 收藏
  • 关注

原创 【踩坑笔记】animate.css无效【非版本问题】

之前看前端杂志了解到animate.css动画库,于是决定去学习一下。谁知道遇到了非常多的坑,也很少有博客记录了我这种问题,在此留下笔记,希望能帮到遇到同样问题的人。初识首先是animate.css官网。不知道你们进去是怎么样的,反正我第一次进去后发现页面的动画效果全部都失效,点右边的什么东西都没有作用。起初我还以为是官网的bug,通过百度去找了其他的效果展示网站来代替,就像这个www.dowebok.com。那时候的我天真的以为这是什么官网的bug,导致官网效果展示不出来。这也导致了我后面学习.

2021-05-17 15:11:52 3789 13

原创 overflow滚动遇到flex失效问题解决

最近做项目的时候碰到了一个情况。需要固定头部,内容部分占据剩余空间的上下布局结构。但是出现了overflow属性遇到了flex布局失效的情况。<style> .content { width: 300px; height: 400px; overflow: scroll; display: flex; flex-direction: column; } .mbody { background: #009688; heig.

2020-12-29 17:58:10 1635

原创 自制展示大屏边框

前段时间做大屏只学习研究了图表相关内容,但是仅仅是图表会显得有点单调,所以参考优秀大屏展示页面对一些好看的边框进行模仿设计实现。

2020-11-23 13:57:19 4264 6

原创 Echarts实现胶囊柱状图

最近项目中有做大屏的需求,于是赶鸭子上架的我就开始学习研究图表相关知识。自己在antV和Echarts之间摇摆不定,再加上同事推荐了我一个类阿里的DataV,一共三个图表框架。查阅了很多资料,每一种也都粗略的研究了一下:AntV最新,也最灵活,但是学习成本相应也高,这个我后期会继续学习;DataV,使用简单,但是文档API较少,社区不成熟;最后我还是选择了Echarts。目录类DataVEcharts 柱状图配置详解Echarts 实现胶囊柱状图类DataV首先是DataV,还是比较方便的,有兴.

2020-11-16 18:02:06 5466 3

原创 html中引入调用另一个html文件的方法

最近写网页的时候,发现页面都是用的同一个header头部、aside侧边栏和footer页脚,那么为什么不把这些写成一个模板文件,在页面中直接引入呢?这样还方便后期的修改维护。目录欢迎使用Markdown编辑器欢迎使用Markdown编辑器...

2020-11-11 16:43:31 5858

原创 解决前后端不分离IE浏览器ES6兼容性问题

今天偶尔发现了 Vue + elementUI 项目在360浏览器的兼容模式下报错的情况,因为是刚开始学习接触Vue时的项目,所以没有完全做成前后端分离的模式,只是在html页面中以<script>标签的形式使用。于是在IE浏览器或者使用IE内核的浏览器(如360浏览器兼容模式等)中会出现如下问题查找资料后发现原因是IE浏览器不支持ES6语法导致报错。浏览一些论坛也都是关于前后端分离的兼容性问题解决办法,对于这个项目不适用。下面是我解决前后端不分离的情况使用的办法,两者原理是一样的。1 下

2020-11-02 10:32:45 1130

原创 Vue中常用表单校验规则整理

在 vue开发中,难免遇到各种表单校验,elementUI自带的验证往往不能满足复杂的需求。这里整理了一些高频率用到的校验方法,如果错误欢迎指出。目录1 是否合法IP地址2 是否手机号码3 是否身份证号码4 是否邮箱5 合法url671 是否合法IP地址2 是否手机号码// An highlighted blockvar foo = 'bar';3 是否身份证号码// An highlighted blockvar foo = 'bar';4 是否邮箱// An highli.

2020-10-22 10:02:59 1368

原创 VueCli+ElementUl环境搭建

目录1 安装nodeJS2 安装全局vue-cli脚手架2.1 安装淘宝镜像2.2 全局安装 vue-cli22.3 全局安装 vue-cli3+3 创建项目目录,初始化vue项目3.1 命令行创建3.2 使用图像化界面创建4 测试项目5 安装elementUI1 安装nodeJS前端开发框架和环境都是需要 node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,附上node.js下载地址。安装完成之后,打开cmd开始输入命令。下载好node之后,以管理

2020-10-21 16:43:22 450

ButtonStylesInspiration.zip

ButtonStylesInspiration.zip

2021-05-18

font-awesome-4.7.0.zip

font-awesome-4.7.0.zip

2021-05-18

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除