Skip to content

DarknessChaser/my-front-end-test

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

my-front-end-test

存放平时自己玩的一些前端代码

1px-border-parallelogram-test

用border大法产生的三角形+相对定位+伪元素,产生一个在低版本IE下兼容的近似1px边框的平行四边形。

点击查看

animation-test

使用CSS实现的几种环形进度条动画。

点击查看

bootstrap-test

一套开箱即用的兼容性bootstrap3基本模板,内含bs3基本的css和js,修正IE8兼容性用js库,jQuery 1.12,修改HTML默认语言为简体中文。

css-background-test

因UI同学没好好给切图引发的一些用CSS实现背景的小操作。

点击查看

css-text-overflow-test

单行文字超出隐藏后面跟一个不会被隐藏的图标,分别用CSS3和CSS2.1实现。

点击查看

div-random-color-test

生成若干不重复颜色的div,点击后换成新的不重复颜色。分别用Vue和原生实现。

点击查看

grid-test

仿Azure devOps dashboard自定义图表布局。

点击查看

images-lazyload-test

懒加载图片的测试dome。

点击查看

inline-block-center-middle-test

利用inline-block特性进行的居中自适应弹窗测试

点击查看

intersectionobserver-test

利用IntersectiOnobserver新API特性进行的监控可见性测试

点击查看

typescript-test

自己玩的ts测试。

vue-test

自己玩的vue测试。

writing-mode-test

利用CSS属性writing-mode的布局实验。

点击查看

About

折腾着玩的前端代码

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published