前端
一梦晓三生
生命不息,BUG不止
展开
-
js将RGB颜色转为16进制颜色
RGB转换为16进制String.prototype.colorHex = function () { // RGB颜色值的正则 var reg = /^(rgb|RGB)/; var color = this; if (reg.test(color)) { var strHex = "#"; // 把RGB的3个数值变成数组 var colorArr = color.replace(/(?:\(|\)|rgb|RGB)*/g, "").split(",");原创 2021-01-27 22:24:57 · 307 阅读 · 0 评论 -
Vue项目开启gzip压缩
转载于:Vue项目开启gzip压缩做了很多Vue项目,都有一个通病,随着代码越来越庞大,首页加载越来越慢,有时候出去演示,网络不好的时候,转半天,登录页面还没有出来。这主要是一些大的js文件造成的,这就是Vue的缺点吧,所有的代码都打包到一个JS文件里,网络传输太慢,有的项目都十几兆。gzip的本质,个人觉得是在build的时候打包两份代码,一份压缩的,一份未压缩的,然后nginx在接收请求时,优先选择压缩后的格式返给客户端。这里主要测试了使用gzip进行压缩,来压缩js和css文件大小,提升加载速度转载 2020-12-29 17:06:54 · 1981 阅读 · 0 评论 -
flex布局布局之flex:1属性详解
弹性布局基本概念采用Flex布局的元素,称为 Flex容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex项目(flex item),简称"项目"。容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴空间叫做main原创 2020-12-25 11:49:03 · 9141 阅读 · 0 评论 -
静态布局、自适应布局、流式布局、响应式布局、弹性布局等的概念和区别
转载自:https://www.cnblogs.com/yanayana/p/7066948.html静态布局、自适应布局、流式布局、响应式布局、弹性布局等的概念和区别一、静态布局(Static Layout)即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。1、布局特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动条,如果大于这个宽度则内容居中外加背景转载 2020-12-23 08:41:56 · 168 阅读 · 0 评论