摘要: 首先了解Flex布局是什么? Flex是Flexible Box的缩写,意思是"弹性布局",用来为盒状模型提供灵活性。 任何一个容器都可以指定为Flex布局 行内元素也可以使用Flex布局 webkit内核的浏览器,必须加上-webkit-前缀 注意:设为Flex布局后,子元素的float、clea 阅读全文
posted @ 2019-03-06 00:18 超哥20 阅读(184) 评论(0) 推荐(0) 编辑
摘要: css函数主要有: attr()、calc()、linear-gradient()、radial-gradient()、repeating-linear-gradient() attr()实例: calc()实例: linear-gradient()实例: radial-gradient()实例: 阅读全文
posted @ 2019-02-25 22:41 超哥20 阅读(322) 评论(0) 推荐(0) 编辑
摘要: Array 对象属性constructor 返回对创建此对象的数组函数的引用。 length 设置或返回数组中元素的数目。 prototype 使您有能力向对象添加属性和方法。 Array 对象方法concat() 连接两个或更多的数组,并返回结果。 join() 把数组的所有元素放入一个字符串。元 阅读全文
posted @ 2019-02-15 13:57 超哥20 阅读(207) 评论(0) 推荐(0) 编辑
摘要: var str = 'asdfssaaasasasasaa'; var json={}; for(var i=0;iiMax){ iMax=json[i]; iIndex=i; } }console.log('出现次数最多的是:'+iIndex+'出现'+iMax+'次'); 阅读全文
posted @ 2019-02-15 13:15 超哥20 阅读(1760) 评论(0) 推荐(0) 编辑
摘要: 这样写滚动的时候会有滚动条出现,若想去除默认滚动条,可以加上下面这么一句 阅读全文
posted @ 2019-01-18 12:06 超哥20 阅读(6879) 评论(1) 推荐(0) 编辑
摘要: beforeCreate==》created==》beforeMount==》mounted==》beforeUpdate==》updated==》beforeDestroy==》destroyed beforeCreate :数据还没有监听,没有绑定到vue对象实例,同时也没有挂载对象 creat 阅读全文
posted @ 2018-12-28 02:31 超哥20 阅读(151) 评论(0) 推荐(0) 编辑
摘要: css中添加屏幕自适应方法(rem) 只需要在公共css文件中添加下面代码:设计稿以750px,基础字体为20px为例,兼容性高,使用过程中px转化为rem即可 阅读全文
posted @ 2018-12-28 01:35 超哥20 阅读(3191) 评论(0) 推荐(0) 编辑
摘要: 在vue-cli中配置屏幕自适应的方法 首先,我们需要安装flexible库. 在index.html文件当中配置meta标签, 借助px2rem工具 然后就是配置这个工具,由于是loader文件,所有的loader文件都是在until.js文件里的一个方法生成的. 我们只要在until.js里找到 阅读全文
posted @ 2018-12-28 01:28 超哥20 阅读(3111) 评论(0) 推荐(0) 编辑
摘要: 解决方案 1:使用版本号,例如:app.js?v=1.0.1 使用版本号解决缓存问题的优缺点: 优点:可以解决浏览器缓存问题 缺点:使用了版本号之后,其他的资源也都需要加上版本号,一个版本升级,全部都升级(升级之后用户访问时需重新加载文件) 2:更好的解决方法是:当文件有改动的时候再更新他,没有改动 阅读全文
posted @ 2018-12-17 01:29 超哥20 阅读(420) 评论(0) 推荐(0) 编辑
摘要: 运行npm run build之后,会生成一个dist文件夹,里面的目录结构大概是这样的: 生成完的文件我们怎么来运行呢?直接在本地打开inde.html是无法运行的,打包的时候有提示: 构建文件应该通过HTTP服务器提供服务。 所以我们要启动一个HTTP服务器才能够运行。选择一个HTTP服务器,下 阅读全文
posted @ 2018-12-17 00:19 超哥20 阅读(3736) 评论(0) 推荐(0) 编辑