- 博客(18)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 webpack3.6+vue2 转 vite+vue2 各种峰回路转
首先如果是小项目打包和启动时间时间不是特特特特别长的就直接改装vue3吧，目前这个项目是页面经过了无数人的摧残，各种写法技术，真的是八仙过海，各显神通，启动时间一分钟左右，打包时间超过了5分钟。。搞得我是欲仙欲死，本来一直都是能跑起来就行的心态，这不是有点时间了。这个问题又开始在我的脑袋里面不断的蹦跶，那就来吧，不是你死就是你死。第一步：先创建个vite的项目，这是个废话 ，能看到我的这个文章的基本都已经创建好了。如果没有那就去搜下怎么创建vite+vue2很多。万里长征第一步，你已经在作死的道路上越
2024-07-09 10:39:04
404
原创 vue keep-alive 多级路由 关闭标签清除缓存
背景：特定页面添加缓存，并且在关闭标签后需要清除缓存。多级路由添加keep-alive 只给二级路由添加是没有效果的，需要在主路由上也添加keep-alive，加上以后又出现个问题，使用include无法实现单独页面添加缓存的问题。的确是有点恶心。解决方法：1.在main.js里面添加页面离开的监听方法，并获取到缓存（因为只有这里才能看到缓存）。找到不需要做缓存的页面将缓存删除掉。配置需要缓存的页面然后进行判断。我是用的store。Vue.mixin({ beforeRouteLeav
2022-05-17 14:36:48
2711
原创 vuecli3 全局配置使用 scss
1.首先先引入sass-resources-loadernpm i sass-resources-loader --save-dev 2.打开vue.config.js (没有找到的话新建一个)module.exports = { css: { loaderOptions: { sass: { prependData: `@import "@/views/styles/你的.scss";` } } }}@对应的sr...
2021-08-18 09:27:06
295
原创 vue全局监控输入事件并进行验证
vue全局监控输入事件并进行验证main.js中引入：Vue.directive('filterInput', { bind(el) { let ele = el.tagName === 'INPUT' ? el : el.querySelector('input'); ele.addEventListener('input', () => { let temp = ele.value; var pattern = new RegExp("[%!#$
2021-07-23 16:40:54
541
原创 js轮循单独加载方法
loadJsAsync(jsList){ if(jsList.length == 0){ console.log('js全部加载完毕') return false; } var body =...
2019-12-19 09:55:42
160
转载 修改音视频权限
通过MediaDevices.getUserMedia()获取用户多媒体权限时，需要注意其只工作于以下三种环境： localhost域 开启了 HTTPS 的域 使用file:///协议打开的本地文件 其他情况下，比如在一个HTTP站点上，navigator.mediaDevices的值为undefined。 如果想...
2019-12-10 09:24:08
1796
原创 立体输入框
width:300px;height:42px;background:rgba(203,203,203,1);box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.1);opacity:0.7;border-radius:21px;
2019-07-11 09:31:15
298
原创 小程序商城订单支付界面（小程序）
wxml在此：<!--pages/cart/cart.wxml--><!-- 当数据为空时 --><view class='noData' wx:if="{{dataList.length == 0}}"> <view class='noDataImg'> <image src='/images/cart-nodata...
2019-05-14 10:52:14
9542
原创 手机号码邮箱验证（小程序）
function evalThis(type,val){ if (val == '') { wx.showToast({ title: '您还没有填写', icon: 'none' }) return false } switch (type) { case 'phone': if (!(/^(((13[0-9...
2019-05-14 10:47:12
1315
转载 IONIC 回退事件
// 第一步：导入ViewChild 和 Navbarimport { Component,ViewChild } from '@angular/core';import { IonicPage, NavController, NavParams,Navbar } from 'ionic-angular';// 第二步：获取导航条 @ViewChild(Navbar) navBar: N...
2018-12-03 10:27:20
557
原创 小程序地图展示
页面：<mapid="myMap"style="width:{{map_width}}px;height:{{map_height}}px"latitude="{{lat}}"longitude="{{lon}}"bindregionchange="regionchange"controls="{{controls}}"markers=&quo
2018-10-27 09:37:27
884
原创 百度地图搜索功能的实现
let map = new BMap.Map("map");let point = new BMap.Point(112.55086359, 37.89027705);map.centerAndZoom(point, 16);let that = this;let options = { onSearchComplete:(results)=>{ //...
2018-07-16 16:46:16
3748
原创 ionic 加载 HTML 数据 生成页面
首先要加载依赖：import { DomSanitizer } from '@angular/platform-browser';这个通常都已经加载好了，只需要引入即可。然后在page里面编译数据，在需要加载的标签上添加[innerHTML]="sanitize.bypassSecurityTrustHtml(“数据”)"。记住 这个数据必须是字符串！！！...
2018-07-16 16:36:17
1391
uniapp 仿探探卡片右滑效果 完美兼容 APP H5
2023-01-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人