![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
文章平均质量分 64
web相关
Aislli
这个作者很懒,什么都没留下…
展开
-
vue正式环境和测试环境切换
目的:根据不同的启动命令应用对应环境的域名及其它变量值创建配置文件:在项目根目录下创建这四个文件,作用及含义分别为:.env:公用配置文件,不管在哪个环境启动的项目,都会使用这个文件里面的变量,下面三个文件里和此文件同名的变量会覆盖.env里的变量,不同名就合并,也就是说.env里的同名变量优先级更低;.env.development:开发环境,默认不指定任何环境启动时就使用这个文件里的变量;.env.staging:测试环境,在 package.json 启动命令后加 --mode stag原创 2022-05-18 21:00:00 · 6101 阅读 · 0 评论 -
ES6的导入和导出
一.导入和导出1.加 default 是导出一个对象,不能用大括号直接解包。libs/http.jsfunction axiosPost(options) {}function axiosGet(options) {}export default{ axiosGet, axiosPost}使用时要这样写:import obj from '@/libs/http'obj.axiosGet()2.不加 default 是导出一个数组,要用大括号解包export {原创 2021-08-24 11:31:10 · 656 阅读 · 0 评论 -
flex布局最后一行元素左对齐
需求:元素高度不固定,总数不固定,一行 6 个元素方案一(×): 使用justify-content: space-between;自动设置列间距的情况<template> <div class="ft"> <div class="div-flex"> <div class="item" v-for="i in 5" :key="i"></div> </div> </div><原创 2021-08-11 14:21:32 · 1353 阅读 · 3 评论 -
ref,toRefs,reactive的用法
ref 的用法:<template> <div> <div @click="name='李四'">{{name}}</div> <div @click="age=21">{{age}}</div> </div></template><script>import { ref } from 'vue';export default { na原创 2021-06-01 20:11:17 · 207 阅读 · 0 评论 -
vertical-align属性的用法
vertical-align属性baseline(默认值) :把行内级盒子的基线与父盒的基线对齐,如果没有基线, margin bottom边缘与父盒基线对齐;sub :把行内级盒子的基线降到父盒下标的适当位置;super :把行内级盒子的基线升到父盒上标的适当位置;<percentage> :把行内级盒子提升或者下降段距离 (距离相对于line height计算),0%意味着同baseline一样;<length> :把行内级盒子提升或者下降一段距离 , 0cm意味着同b原创 2021-05-25 10:35:35 · 6385 阅读 · 0 评论 -
网页监听返回键
如果项目希望和运行在设备自带浏览器里一样的返回交互,使用第一种方案;网页无需做任何处理,app端监听按键来处理返回键。如果项目以网页端逻辑为主,apk只是当作一个加载网页的容器,希望在网页里完全控制返回键,使用第二种方案;网页来控制返回键,app端要通过js通知网页端,并提供退出页面的方法。如果希望在网页里根据接口数据动态决定由网页还是native控制返回键,使用第三种方案。原创 2018-07-24 09:26:57 · 4717 阅读 · 1 评论 -
网页不同分辨率适配
简介你大声的嚷着你的手机分辨率就是1920*1080的,这是你攒了足足两个月的钱后在小米官网买的红米手机,绝不可能有假。你写了一个宽为 960px 的 div,用手机的浏览器横屏打开后,你期望这个该死的 div 会和在电脑上的浏览器加载出来一样的效果,只占屏幕的一半。结果却让你纳了血闷,明明电脑上分辨率和手机分辨率都是1920*1080,为何电脑上 960px 正好占一半,手机上却占了一大半,几乎占满了你手机的整个屏幕的宽。然后你去问了前端大神这是怎么回事,大神欲言又止,看起来并不太想仔细的给你解释,原创 2020-11-17 16:35:33 · 6564 阅读 · 0 评论