前端非常有意思的小技巧

hiyang 发布于2019-04-23 11:43 / 2750人阅读

摘要：这是我在工作和学习中总结的一些平时不怎么常用但是很实用的方法技巧部分盒子实际大小设置超过两行就出现省略号强制换行文字溢出隐藏鼠标设置为移动效果鼠标设置为小手效果段落中的文本不换行平面转立体移动端取消点击效果用绘制三角形使用来控

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

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()把一串数字转化为数组

GPU云服务器云服务器 c语言有意思的小程序前端技巧前端开发技巧前端的意思

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1062.html

HTML-CSS-JS

摘要：本周于上海闭幕，掘金和知乎上都有对应的实录和问答，但会议的视频目前都还没放出来，有心的同学如果找到了欢迎分享。建议中英文对照阅读。英文原文前端独立技术博客推荐推荐一些现在还在坚持原创的博主，有业界大牛，也有小鲜肉，也有国外美女。 CSS 样式书写规范最佳实践本文的所列是实践当中得出的一套比较不错的 CSS 书写规范，可以结合自身团队发展出一套适合自己业务的规范。 CSS中的字体与排版...

mikasa 2019-08-01 18:18 评论0 收藏0
HTML-CSS-JS

摘要：本周于上海闭幕，掘金和知乎上都有对应的实录和问答，但会议的视频目前都还没放出来，有心的同学如果找到了欢迎分享。建议中英文对照阅读。英文原文前端独立技术博客推荐推荐一些现在还在坚持原创的博主，有业界大牛，也有小鲜肉，也有国外美女。 CSS 样式书写规范最佳实践本文的所列是实践当中得出的一套比较不错的 CSS 书写规范，可以结合自身团队发展出一套适合自己业务的规范。 CSS中的字体与排版...

李世赞 2019-08-29 14:08 评论0 收藏0
HTML-CSS-JS

摘要：本周于上海闭幕，掘金和知乎上都有对应的实录和问答，但会议的视频目前都还没放出来，有心的同学如果找到了欢迎分享。建议中英文对照阅读。英文原文前端独立技术博客推荐推荐一些现在还在坚持原创的博主，有业界大牛，也有小鲜肉，也有国外美女。 CSS 样式书写规范最佳实践本文的所列是实践当中得出的一套比较不错的 CSS 书写规范，可以结合自身团队发展出一套适合自己业务的规范。 CSS中的字体与排版...

MudOnTire 2019-08-21 18:25 评论0 收藏0
前端经典文章

摘要：上周末看这篇文章时，偶有灵光，所以，分享出来给大家一起看看前端面试四月二十家前端面试题分享请各位读者添加一下作者的微信公众号，以后有新的文章，将在微信公众号直接推送给各位，非常感谢。前端切图神器 avocode 有了这个神器，切图再也腰不酸，腿不疼了。这一次，彻底弄懂 JavaScript 执行机制本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，...

lowett 2019-08-22 13:58 评论0 收藏0
用测试工具JSLitmus来告诉你几个提升JavaScript性能的小技巧

摘要：性能测试工具操作测试代码测试结果黄条代表每秒可执行测试函数的次数，当然越多越快。务必减少操作，减少无意义的路径的查找。其他测试测试代码这些测试代码来自，官网的例子这是一个空的非循环测试。正则表达式测试，数组的，新建日期，稍微慢了些。性能测试工具 JSLitmus dom操作测试代码 ...

罗志环 2019-08-20 11:10 评论0 收藏0