自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 mac 安装nginx与switchhosts 并在微信开发者工具调试h5项目

一.nginx 安装参考:(亲测有用)​​​​​​Mac 安装 brew(最新教程,绝对可行,一行代码搞定,不报错) - LeeHua - 博客园nginx按照????参考方法安装即可二.switchhosts 在官网上下载即可看准mac下载位置--我之前抓着第一条下载了好几遍,怀疑人生==三.nginx配置brew info nginx#网页目录: /opt/homebrew/var/www#默认配置文件:/opt/homebrew/etc/nginx/nginx.c

2022-01-20 22:19:36 3030

原创 element 表单嵌套验证

需求如下:el-form-item下嵌套多个el-form-item,并且能进行表单验证表单内部项绑定校验主要靠prop和rules,porp指明地址,rules声明规则起先的思路是el-form-item =》el-form =》el-form-item循环,但是这样提交前要做两次校验。但是实际上只要按照一层一层往下写就行了,即直接el-form-item =》el-form-item循环// 这边抽成了子组件<template> <el-form-item .

2021-12-20 16:34:25 2550

原创 vue element Tooltip套用Popover

需求:同一个图标,鼠标移入显示提示语,点击显示列表鼠标移入:鼠标点击:<template> <div class="table-list"> <!-- 注意点1: 使用 tooltip 将 popover 包裹住, 如果是 popover 包裹 tooltip 会导致显示问题 -- <el-tooltip class="item" effect="dark" content="Top Ce...

2021-11-29 16:53:22 1922

原创 页面点击,新窗口打开word等

文档放在服务器上,将文档链接写入window.open('https://view.officeapps.live.com/op/view.aspx?src=' + '文档链接')

2021-10-12 21:50:45 202

原创 vue项目运行后自动运行浏览器(vue2/vue3)

vue2+在config/index.js中加上autoOpenBrowser: true,module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: {}, // Various Dev Server settings host: 'localhost', // can be overwritten b

2021-10-05 10:11:35 252

原创 vue.js devtool工具总结

1.安装 1)谷歌浏览器=>更多工具=>扩展程序=>chrome网上应用商店查找(需要翻墙)扩展程序中,devtools详情设置,解决浏览器右上角出现了图标,同时在vue的页面下不能点亮,控制台上也没有vue的页签。2 )手动安装 去github克隆devtools的master分支GitHub - vuejs/devtools: ⚙️ Browser devtools extension...

2021-10-02 15:39:17 883

原创 swiper效果

一:播放时文字飞入配置参数:parallax--设置为true开启Swiper的视差效果,内容在切换时更有层次感。parallax有三种视觉效果:视差位移变化,视差透明度变化,视差缩放变化这里使用的时视差位移变化,要在所需要的元素上增加data-swiper-parallax属性(还加了speed参数控制速度,调整效果)const swiper = new Swiper('.swiper-container',{ autoplay: { delay: 20...

2021-09-06 13:53:36 468

转载 vue import from

vue 使用import ...from..来引入组件,方法,库,变量等。而from后面的文件类型可以是js,vue,jsonvue2在webpack.base.conf.js中进行配置module.exports = { resolve: { extensions: ['.js', '.vue', '.json'], alias: { '@': resolve('src') } }...}这里的extensions定义了from来源的类型,其中

2021-09-02 15:42:57 2781

原创 vue使用swiper

swiper地址:https://www.swiper.com.cn/swiper已经更新到7+,但是这里是一个低版本的使用npm installvue-awesome-swiper@3.1.3 --save-dev安装vue-awesome-swiper时会自动安装swiper文件最新版本,但是在使用过程中出现报错* swiper in ./node_modules/vue-awesome-swiper/dist/vue-awesome-swiper.js为了后续使用不出现引用.

2021-09-02 11:05:43 1211

原创 git 切换分支 error:pathspec ‘test‘ did not match any file(s) known to git

git branch -a 查看了所有分支发现只有master(远程已有test分支)这时候只需重新pull创建远程分支到本地,会自动跟踪远程的同名分支这样就有远程新建的分支啦

2021-08-27 09:36:49 639

原创 vue 原生滚动 回到上一页滚动位置

需求是滚动后点击进入下一级页面,返回后回到原先滚动位置利用keep-alive 与 监听滚动事件来实现1.APP.vue——用keep-alive来保存状态防止重复渲染<template> <div id="app"> <keep-alive> <router-view /> </keep-alive> </div></template>2.滚动页面scroll用来

2021-08-24 17:42:53 287

原创 git 基础

1.git clone [url] ——从远程下载项目,项目名称一般为远程项目名称git clone [url] "指定名称"——从远程下载项目,项目名称为指定名称git clone -b 分支名 [url]——从远程下载指定分支项目2.代码提交之前更新一下远程代码(单人开发可忽略)git pull [远程主机名] [远程分支名]:[本地分支名]eg:git pull origin master:brantest ——将远程master与本地分支brantest合并如果远...

2021-08-20 14:30:48 61

原创 vue中better-scroll滚动底部无法完全显示

问题描述:滚动条拉到底,有部分内容不能完全显示在better-scroll中滚动的高度由content内容的高度所决定所以很有可能是滚动区域的高度小于内容高度。

2021-08-09 13:03:25 2774

原创 Webstrom配置Emmet

官网是这么描述Emmet的Emmet — Web 开发人员的必备工具包Emmet 是一个 Web 开发人员的工具包,可以极大地改善您的 HTML 和 CSS 工作流程举个栗子:ul>li{li$}*4 然后按下tab键,快速生成以下代码块再例如html:5或者! +tab键生成html5模板在Webstorm配置在file-setting-plugins搜索Emmet,安装重启即可。...

2021-07-29 14:31:42 499

原创 vue动态加载图片不显示的问题

动态加载图片资源被当做静态资源处理了,没有进行编译,需要用require()引入资源。

2021-07-27 10:15:06 216

原创 vue项目别名使用

vue.config.js配置别名可在html与css,js中使用在html 中使用“~”以上三种情况,1和2可顺利加载。3单独使用“~”报了以下错误记录一下,还未找到原因

2021-07-23 09:33:24 89

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除