05 2019 档案
摘要：记录下使用JS准确获取URL网址中参数的方法： 参考链接1. https://blog.csdn.net/Zhihua_W/article/details/54845945?utm_source=blogxgwz9 2.https://blog.csdn.net/william_jzy/articl
阅读全文
摘要：提交图片base64格式给后台，一定把data:image/png;base64,去掉，不然提交后后台返回的图片URL打开是一个破坏的图片。使用split("base64,")[1]就可以了
阅读全文
摘要：<router-view> 是基本的动态组件，所以我们可以用 <transition> 组件给它添加一些过渡效果： 上面的用法会给所有路由设置一样的过渡效果，如果你想让每个路由组件有各自的过渡效果，可以在各路由组件内使用 <transition> 并设置不同的 name。 还可以基于当前路由与目标路
阅读全文
摘要：1.(?=a) 表示我们需要匹配某样东西的前面。 2.(?!a) 表示我们需要不匹配某样东西。 3.(?:a) 表示我们需要匹配某样东西本身。 4.(?<=a) 表示我们需要匹配某样东西的后面。 5.(?<!a) 表示我们需要不匹配某样东西，与(?!a)方向相反 例子说明： 1.(?=a)： 打印出
阅读全文
摘要：在今日头条中看到炫酷的 CSS 形状，就记录一下： 1.圆形 2.椭圆形 3.上三角 4.星星 (5角) 5.爱心 6.对话泡泡 7.徽章丝带 8.放大镜 9.锁 更多炫酷的 CSS 形状的原链接：https://www.toutiao.com/i6693373488746463747/
阅读全文
摘要：vs code 快速生成vue 模板 1.使用快捷Ctrl + Shift + P唤出控制台，然后输入snippets并选择。(或 文件>首选项>用户代码片断里面，输入 vue.json ，然后回车 )(或 file > Preferences > User Snippets，当弹出搜索框之后，输入
阅读全文
摘要：1. 打开 http://www.iconfont.cn/ 2. 选择我们喜欢的图标，点击上面的小车，加入图标库，即右侧的购物车 3.点击购物车，点击下载代码 4.解压下载的文件夹，将文件夹复制到 assets文件夹中 4.引用iconfont.css 5.在用到图标的组件中写： 这样就可以引用到你
阅读全文
摘要：基础事例： 在vue项目main.js文件中： 这样你可以通过在原型上定义它们使其在每个 Vue 的实例中可用。 控制台会打印出 My App。就这么简单！ “为什么 appName 要以 $ 开头？这很重要吗？它会怎样？” $ 是在 Vue 所有实例中都可用的属性的一个简单约定。这样做会避免和已被
阅读全文
摘要：本地的vue项目在server端浏览没问题，但是执行npm run build 打包之后在本地预览是白屏。 解决方法 1.路径问题 在config文件夹中找到index.js打开把assetsPublicPath: '/'改成assetsPublicPath: './' 2.路由问题 router.
阅读全文
摘要：第一种： 用css的position属性 效果图： 第二种： 利用css3的新增属性table-cell, vertical-align:middle; 效果： 第三种： 利用flexbox布局 效果： 第四种： 利用transform的属性（缺点：需要支持Html5） 效果图：
阅读全文
摘要：1.最常用WEB页面一键拨号的电话拨打功能 2.最常用WEB页面一键发送短信功能：
阅读全文
摘要：:before和:after伪元素在CSS中可以被用来添加元素、加小标、清浮动等。 基本用法： p::before {} p::after {} 1、string 结果为：《::before和::after伪元素的使用》 2.attr() 调用当前元素的属性，可以方便的比如将图片的 Alt 提示文字
阅读全文
摘要：最近在用vue写h5项目，当使用window.location重定向页面或者刷新当前页面时， 发现当刷新网页后，保存在vuex实例store里的数据会丢失。 后来在网上查找大神的解决方案如下： 拿到大神的解决方案后，马上在Chrome上调式，页面刷新后vuex实例数据确实不会消失，当时很庆幸解决了此
阅读全文
摘要：效果看下图： 左右的波浪边框用CSS搞定这个效果。利用CSS radial-gradient() 函数 CSS 语法： 直接上代码如下： css部分：
阅读全文
摘要：vue动态绑定class的最常用几种方式： 第一种：（最简单的绑定） 1.绑定单个class html部分： js部分：判断是否绑定一个active 结果渲染为： 2.若要绑定多个class，需要逗号隔开就行：（这里的activeTwo加不加引号都可以，也一样都能渲染，如下） js部分：判断是否绑定
阅读全文
摘要：本文介绍关闭 icon 的实现。具体如下 1.html部分 2.css部分 效果如图： 就是这样，是不是很简单呢。
阅读全文
摘要：1.H5微信支付 后台会返回一个URL，前端直接跳转就OK(需要你传给后台一个ip,必须保证在同一域名下) 使用window.location.href =res.data;进行页面跳转到支付界面（res.data）为后台返回的链接， 2.微信公众号支付 为了唤起支付，首先这里需要我们做两件事，第一
阅读全文
