欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

前端非常有意思的小技巧

程序员文章站 2023-10-17 12:40:18
一些工作和学习中总结的一些平时不怎么常用但是很实用的方法技巧 ......

这是我在工作和学习中总结的一些平时不怎么常用但是很实用的方法技巧:

css部分:

  1.盒子实际大小设置

  前端非常有意思的小技巧

 

  2.超过两行就出现省略号

  前端非常有意思的小技巧

 

  3.强制换行

  前端非常有意思的小技巧

 

  4.文字溢出隐藏

  前端非常有意思的小技巧

 

  5.鼠标设置为移动效果

  前端非常有意思的小技巧

 

  6.鼠标设置为小手效果

  前端非常有意思的小技巧

 

  7.段落中的文本不换行

  前端非常有意思的小技巧

 

  8.平面转立体

  前端非常有意思的小技巧

 

  9.移动端取消点击效果

  前端非常有意思的小技巧

  10.用css绘制三角形

  

1 .sign {
2   width: 0px;
3   height: 0px;
4   border-width: 10px;
5   border-style: solid;
6   border-color:#ff3333  #ff3333  transparent transparent;
7 }
/*使用border-color来控制你想要的形状,transparent为透明*/
/*使用transform来控制你想要的形状*/
transform: rotate(90deg); /*顺时针旋转90°*/

 

 

js部分:

  1.时间戳转换格式封装

  前端非常有意思的小技巧

 

  2.原型对象赋值注意

  前端非常有意思的小技巧

 

  3.js跳转

  前端非常有意思的小技巧

 

  4.vue中的路由对象

  前端非常有意思的小技巧

 

  5.服务器重定向

  前端非常有意思的小技巧

 

  6.改变url标识

  前端非常有意思的小技巧

 

其他类型:

  1.关于 json格式转换

  前端非常有意思的小技巧

  2.移动端设置rem

  前端非常有意思的小技巧

 

  3.服务器支持cookie的跨域

  前端非常有意思的小技巧

 

  4.h5解决ie兼容

  前端非常有意思的小技巧

  5.array.of()把一串数字转化为数组

  前端非常有意思的小技巧