- 博客(19)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 uniapp 微信小程序页面高度计算
适配各种机型，找了好多分享的方法都不能完美匹配，只能自己研究的计算，总算是搞出来了。分享给大家省的浪费时间去研究。把其他元素的高度放进去就能愉快的上线了。
2025-12-04 15:31:09
138
原创 webpack3.6+vue2 转 vite+vue2 各种峰回路转
首先如果是小项目打包和启动时间时间不是特特特特别长的就直接改装vue3吧，目前这个项目是页面经过了无数人的摧残，各种写法技术，真的是八仙过海，各显神通，启动时间一分钟左右，打包时间超过了5分钟。。搞得我是欲仙欲死，本来一直都是能跑起来就行的心态，这不是有点时间了。这个问题又开始在我的脑袋里面不断的蹦跶，那就来吧，不是你死就是你死。 第一步：先创建个vite的项目，这是个废话 ，能看到我的这个文章的基本都已经创建好了。如果没有那就去搜下怎么创建vite+vue2很多。万里长征第一步，你已经在作死的道路上越
2024-07-09 10:39:04
507
原创 vue keep-alive 多级路由 关闭标签清除缓存
背景：特定页面添加缓存，并且在关闭标签后需要清除缓存。 多级路由添加keep-alive 只给二级路由添加是没有效果的，需要在主路由上也添加keep-alive，加上以后又出现个问题，使用include无法实现单独页面添加缓存的问题。的确是有点恶心。 解决方法： 1.在main.js里面添加页面离开的监听方法，并获取到缓存（因为只有这里才能看到缓存）。找到不需要做缓存的页面将缓存删除掉。配置需要缓存的页面然后进行判断。我是用的store。 Vue.mixin({ beforeRouteLeav
2022-05-17 14:36:48
2869
原创 vuecli3 全局配置使用 scss
1.首先先引入sass-resources-loader npm 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
365
原创 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
604
原创 js轮循单独加载方法
loadJsAsync(jsList){ if(jsList.length == 0){ console.log('js全部加载完毕') return false; } var body =...
2019-12-19 09:55:42
194
转载 修改音视频权限
通过MediaDevices.getUserMedia()获取用户多媒体权限时，需要注意其只工作于以下三种环境： localhost域 开启了 HTTPS 的域 使用file:///协议打开的本地文件 其他情况下，比如在一个HTTP站点上，navigator.mediaDevices的值为undefined。 如果想...
2019-12-10 09:24:08
1902
原创 立体输入框
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
357
原创 小程序商城订单支付界面（小程序）
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
9617
原创 手机号码邮箱验证（小程序）
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
1398
转载 IONIC 回退事件
// 第一步：导入ViewChild 和 Navbar import { Component,ViewChild } from '@angular/core'; import { IonicPage, NavController, NavParams,Navbar } from 'ionic-angular'; // 第二步：获取导航条 @ViewChild(Navbar) navBar: N...
2018-12-03 10:27:20
608
原创 小程序地图展示
页面： <map id="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
950
原创 百度地图搜索功能的实现
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
3802
原创 ionic 加载 HTML 数据 生成页面
首先要加载依赖： import { DomSanitizer } from '@angular/platform-browser'; 这个通常都已经加载好了，只需要引入即可。 然后在page里面编译数据，在需要加载的标签上添加 [innerHTML]="sanitize.bypassSecurityTrustHtml(“数据”)"。 记住 这个数据必须是字符串！！！...
2018-07-16 16:36:17
1450
uniapp 仿探探卡片右滑效果 完美兼容 APP H5
2023-01-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人