这是我在工作和学习中总结的一些平时不怎么常用但是很实用的方法技巧:
CSS部分:
1.盒子实际大小设置
![1d11f3addff6f150293f64a23f2cedcc.png](https://img-blog.csdnimg.cn/img_convert/1d11f3addff6f150293f64a23f2cedcc.png)
2.超过两行就出现省略号
![3df179a2f985d3ada7878145e0553120.png](https://img-blog.csdnimg.cn/img_convert/3df179a2f985d3ada7878145e0553120.png)
3.强制换行
![72f4c116fdaabe29506057c427e9c55b.png](https://img-blog.csdnimg.cn/img_convert/72f4c116fdaabe29506057c427e9c55b.png)
4.文字溢出隐藏
![22b3da426e1a7c701ee0095c22f9e1ec.png](https://img-blog.csdnimg.cn/img_convert/22b3da426e1a7c701ee0095c22f9e1ec.png)
5.鼠标设置为移动效果
![6230b3fd4569c65c75d42c1990e6f3d9.png](https://img-blog.csdnimg.cn/img_convert/6230b3fd4569c65c75d42c1990e6f3d9.png)
6.鼠标设置为小手效果
![0fcae874baeb4af89b99165602560b3c.png](https://img-blog.csdnimg.cn/img_convert/0fcae874baeb4af89b99165602560b3c.png)
7.段落中的文本不换行
![d5b09934e4db9adef64ddfac73c1bee1.png](https://img-blog.csdnimg.cn/img_convert/d5b09934e4db9adef64ddfac73c1bee1.png)
8.平面转立体
![e81f9c7e05ff3480e7b5f7258dcc55e3.png](https://img-blog.csdnimg.cn/img_convert/e81f9c7e05ff3480e7b5f7258dcc55e3.png)
9.移动端取消点击效果
![f13c7037da04f9e6918e33d6c5b63784.png](https://img-blog.csdnimg.cn/img_convert/f13c7037da04f9e6918e33d6c5b63784.png)
10.用CSS绘制三角形
![95783d06b7fbcc6d52e18bce89febb27.png](https://img-blog.csdnimg.cn/img_convert/95783d06b7fbcc6d52e18bce89febb27.png)
JS部分:
1.时间戳转换格式封装
![f9d97fcc8647a03285dbaa8bf2ddbe3c.png](https://img-blog.csdnimg.cn/img_convert/f9d97fcc8647a03285dbaa8bf2ddbe3c.png)
2.原型对象赋值注意
![5b0c3283addc8671dc71e5915ea91213.png](https://img-blog.csdnimg.cn/img_convert/5b0c3283addc8671dc71e5915ea91213.png)
3.js跳转
![2bfa9a6aac0b4d923fb41b2427df7abf.png](https://img-blog.csdnimg.cn/img_convert/2bfa9a6aac0b4d923fb41b2427df7abf.png)
4.Vue中的路由对象
![ba34d4de2225414c5e9d4f608a0239a8.png](https://img-blog.csdnimg.cn/img_convert/ba34d4de2225414c5e9d4f608a0239a8.png)
5.服务器重定向
![9131d9c457b0960bbd3c49cd277a365a.png](https://img-blog.csdnimg.cn/img_convert/9131d9c457b0960bbd3c49cd277a365a.png)
6.改变url标识
![4af2cac590036393e4ec0312c2a02c22.png](https://img-blog.csdnimg.cn/img_convert/4af2cac590036393e4ec0312c2a02c22.png)
其他类型:
1.关于 json格式转换
![4feb8a274accc321bbbc8c546a911069.png](https://img-blog.csdnimg.cn/img_convert/4feb8a274accc321bbbc8c546a911069.png)
2.移动端设置rem
![0e4176a5676fdb2eac9508cbe76289eb.png](https://img-blog.csdnimg.cn/img_convert/0e4176a5676fdb2eac9508cbe76289eb.png)
3.服务器支持cookie的跨域
![e93af4fa82df3d61cd6e2f7fed3dbfc0.png](https://img-blog.csdnimg.cn/img_convert/e93af4fa82df3d61cd6e2f7fed3dbfc0.png)
4.H5解决IE兼容
![aa4c95bb37232e7c69c6ef6705a76a42.png](https://img-blog.csdnimg.cn/img_convert/aa4c95bb37232e7c69c6ef6705a76a42.png)
5.Array.of()把一串数字转化为数组
![da6a0b3022cd3f78814fe30535e167ad.png](https://img-blog.csdnimg.cn/img_convert/da6a0b3022cd3f78814fe30535e167ad.png)
如果我的文章对您有帮助,欢迎您点击推荐以及评论 QAQ
我自己是一名从事了6年web前端开发的老程序员,今年年初我花了一个月整理了一份最适合2019年自学的web前端全套培训教程(视频+源码+笔记+项目实战),从最基础的HTML+CSS+JS到移动端HTML5以及各种框架和新技术都有整理,打包给每一位前端小伙伴,这里是前端学习者聚集地,欢迎初学和进阶中的小伙伴:web前端资料分享