前端小知识
❤
番茄红了
这个作者很懒,什么都没留下…
展开
-
flex布局--每行固定数量+自适应布局
导读效果展示在这里插入图片描述解析效果展示解析 <div class="template" v-for="(item,templateIndex) in 7"> <div @click="useTemplate()" v-touch:long="(e)=>touchin(groupIndex,templateIndex)"> <img class="icon" src="../../../assets/h原创 2020-06-15 14:39:15 · 19789 阅读 · 20 评论 -
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查
导读方法一:以管理员身份运行方法二:查看npm环境变量配置方法一:以管理员身份运行右击vscode,选择一管理员身份运行,即可解决问题。方法二:查看npm环境变量配置 cmd运行node -v,npm -v检查是否安装 如果此时cmd窗口提示node不是内部或外部命令,也不是可运行的程序,依旧是环境变量的问题配置node环境变量:控制面板–>系统和安全–>系统–>高级系统设置–>环境变量 / win+环境变量用户变量下,新建用户变量。(变量名自己写即可)。变原创 2020-06-28 17:00:18 · 206040 阅读 · 42 评论 -
VSCode 通知:未找到Git。请安装Git,或在“git.path”设置中配置
解决:设置中找到setting.json.新增"git.path:安装的git地址"保存修改,重启软件即可原创 2020-06-28 17:35:59 · 828 阅读 · 4 评论 -
Flex布局轻松上手
目录布局原理父项属性主轴与侧轴flex-direction--设置主轴方向justify-content--主轴上的子元素排列flex-wrap--子元素是否换行align-items--侧轴-单align-items--侧轴-多flex-flow子项属性align-selforderflexflex-growflex-shrinkflex-basis布局原理弹性布局,任何一个容器都可以指定为flex布局,为盒状模型提供最大的灵活性。父盒子添加flex属性,子盒子中的float,clear,veri原创 2020-06-05 14:34:10 · 1914 阅读 · 25 评论 -
vue--前端部署项目后访问静态资源404
这里写目录标题问题原因解决该问题问题原因本质原因是路径的原因。可以看下前端发出的静态文件的请求路径,再对比一下服务器上放置静态你文件的路径。会发现二者路径不一致。解决该问题修改vue.config.js文件中的publicpath地址。将路径变成想相对路径后,访问静态文件的路径就正确了...原创 2021-01-31 13:09:48 · 3642 阅读 · 4 评论 -
vue--NetWork显示unavailable
在vue.config.js中加入下列代码即可 devServer: { public: require('os').networkInterfaces()[Object.keys(require('os').networkInterfaces())[0]][1].address + ':8080', disableHostCheck: true },原创 2020-06-28 18:01:36 · 2483 阅读 · 6 评论