- 博客(50)
- 收藏
- 关注
RSS订阅原创 uniapp开发微信小程序设置分包，简单易学
我们使用uniapp开发微信小程序的时候，当我们的包体积过大的时候，无法真机模拟。因为小程序单个包只支持2MB（现已支持预览4MB），所以这时候我们要选择去分包。有人要问了分包难吗？分包很简单。但是最重要的来了，分包这个决定，要早做决定，当你开发之前，评估一下，就觉得你这个小程序不值2MB，所以我们可以开始的时候就分包。具体分包是怎么样做的呢?uniapp分包步骤。
2024-03-29 16:02:28
650
原创 css之flex布局文本不换行不显示省略号的解决方法
text-overflow ：对超出的文本进行处理。white-space ：对文本格式进行规定。overflow：对超出的内容进行处理。属性值等详细内容可以自行百度作补充学习。1.在flex项目盒子上设置。2.在flex项目盒子上设置。
2024-03-29 15:05:21
780
原创 比 nvm 更好用的 node 版本管理工具---Volta
node 版本管理工具Volta 。如果你在工作中遇到有多个项目使用不同版本的 nodejs，就来试试Volta吧！
2024-03-29 14:43:15
2267
2
原创 在微信小程序中跳转到另一个小程序（多种实现方式）
如果不给path属性是默认跳到目标小程序首页，如果想跳到其他页面就要配置path属性，这样就能实现从当前微信小程序跳转到另外一个小程序啦~
2023-09-28 16:01:12
8071
原创 本地项目如何连接git远程仓库
这样就不会再出现“There is no tracking information for the current branch”这样的提示了。再通过 git branch -vv 确认是否关联成功。原因： 是因为本地的分支和远程的没有建立关联导致的。当出现上面的情况时，我们可以有两种解决方法。
2023-08-08 13:42:14
1026
原创 关于uni.createInnerAudioContext()的duration音频长度获取不到问题
【代码】关于uni.createInnerAudioContext()的duration音频长度获取不到问题。
2023-07-26 09:26:39
1343
原创 VUE2项目在IE9+白屏报错语法错误的解决
使用@font-face引入自定义特殊字体，在IE9环境下报错“@font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。”错误。查明报错原因是： IE9不支持字体文件类型解决方案：转换字体为WOFF格式字体转换在需要的页面引入该字体文件后，就可以正常显示咱们自定义的字体了以上就是今天要讲的内容，希望可以帮到更多人解决IE兼容问题。本人在IE坑里好长时间才得到解决方案，希望这篇博客可以帮到你！
2023-07-21 10:15:29
1092
原创 【uniapp】 史上最详细手动配置ios平台通用链接 Universal Link 设置
这个Universal Links就是刚才配置好的 https://hahaha.com/apple-app-site-association/注意后边得加斜杠，Bundle ID去苹果开发者平台找。bbb:是在苹果开发者中心里面拿到的 appid 或者也叫 Bundle ID。aaa:是在苹果开发者中心里面拿到的teamid。
2023-06-12 17:23:33
1028
原创 时间戳和时间格式之间的转换
时间戳和时间格式之间的转换1.时间转时间戳2.时间戳转时间1.时间转时间戳// 返回自定义时间戳 Date.parse("2017/03/19")2.时间戳转时间var date = new Date(1398250549490);Y = date.getFullYear() + '-';M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';D = date.getDate()
2021-11-24 10:52:29
623
原创 文字、字母以及数字的换行不换行问题总结
文字、字母以及数字的换行不换行问题总结实现页面的文字、字母的展示效果的时候，相信大家都会遇到过一些这样的要求：“文字不能换行，要强制文字一行展示”或者是“字母不会自动换行，需要实现可以自动换行断句”等等诸如此类的要求，现在就这个文字、字母换不换行的问题，说说这三个css属性的巧妙运用：white-space、word-wrap、word-break首先，先来看下这三个属性在W3C上给出的释义：（具体这三个属性各自有哪些属性值需要大家查找下W3c这里就不再赘述了）（1）white-space：属性设置
2021-11-23 09:58:21
888
原创 js数组中随机选取一个数值
js数组中随机选取一个数值var arr = ["太阳光大","成功是优点的发挥","不要小看自己", "口说好话","手心向下是助人" ];alert(arr[Math.floor((Math.random()*arr.length))]);
2021-11-23 09:53:13
998
原创 uniappH5页面跳转小程序
官方文档： https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html，必须是认证公众号。前端安装模块npm i weixin-js-sdkmain.js 添加一行代码Vue.config.ignoredElements.push('wx-open-launch-weapp')前端代码<template> <view class="page"> <
2021-11-08 16:10:49
2147
5
原创 uni.navigateBack 修改上一个页面值问题
使用uni.navigateBack()返回上一层时携带值今天使用uni.navigateBack() 返回上一层时想携带值，但这个方法不像其他的跳转 是不能携带值的 ，在尝试许多方法后，在一个帖子中找到了答案。代码如下：// 页面1<template> <view> <text>{{title}}</text> <button @click="goPageB()">跳转B页面</button> </view
2021-09-29 10:02:56
223
原创 JS 替换日期的横杠为斜杠
例如1： var dt = "2010-01-05"; var dt = dt.replace("-","/"); //只替换第一个“-”：2010/01-05 alert(dt);例如2： var dt = "2010-01-05"; var dt = dt.replace(/-/g,"/"); //替换所有“-”，g为全局标志，另外如果加i就忽略大小写：2010/01/05 alert(dt);前端获取24小时
2021-09-29 09:49:42
554
原创 纯CSS绘制三角形（各种角度）
CSS三角形绘制方法，学会了这个，其它的也就简单。我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法代码如下:#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-righ
2021-09-29 09:44:17
209
原创 js 原生代码跳转页面，返回上一级页面
跳转到某个页面： window.location.href = './index.html';window.navigate("b.html");self.location='b.html';top.location='b.html';返回上一页面：window.history.go(-1);window.history.back();
2021-09-29 09:37:06
721
原创 使用JS获取当前页面的URL(网址信息)
window.location.href（当前URL）结果如下：http://www.myurl.com:8866/test?id=123&username=xxxwindow.location.protocol（协议）结果如下：http:window.location.host（域名 + 端口）结果如下：www.myurl.com:8866window.location.hostname（域名）结果如下：www.myurl.comwindow.location.po
2021-09-28 14:50:19
1211
原创 封装截取到url地址中的参数方法
封装截取到url地址中的参数方法//https://www.baidu.com?add=123function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return decodeURI((r[2])); re
2021-09-28 14:43:57
130
原创 常用搜索中搜索历史，搜索推荐功能（移动端）
常用搜索中搜索历史，搜索推荐功能此篇文章只供自己参考 我只是代码的搬运工本人使用uni写的H5页面，及供参考HTML：<template> <view class="page"> <view class="header"> <view class="inputBox"> <input v-model="inpuValue" type="text" @confirm="search" /> <image
2021-09-27 10:00:44
861
原创 H5一段文字中有URL链接地址，自定义拼接a标签可以让他点击跳转
H5一段文字中有URL链接地址，自定义拼接a标签可以让他点击跳转实现如图效果，有时候第三方接口返回的数据是没有加a标签的，所有我们如果想要让它点击，需要自己进行修改。//链接可点击// _that.card.details 就是包含链接的一段文字var stssse;if(_that.card.details){ var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g; let arr = _that.card.det
2021-09-23 10:57:49
1429
原创 H5修改当前URL地址重新加载新的地址
H5修改当前URL地址重新加载新的地址根据项目需求自行修改，我当前实现的是去掉URL携带参数 let hash=window.location.hash; let protocol = window.location.protocol; let host = window.location.hostname; location.replace(protocol+'//'+host+hash);此篇文章只供自己参考 我只是代码的搬运工...
2021-09-23 10:21:15
1378
原创 uniapp小程序图片压缩上传
uniapp小程序图片压缩上传使用uniapp的API操作进行小程序图片压缩上传代码如下：<template> <view> <view @click="shoot">点击拍摄</view> </view></template><script> export default { data() { return { } }, methods: { shoot() {
2021-09-02 16:27:49
417
原创 uniapp实现自定义头部文字滚动字幕
uniapp实现自定义头部文字滚动字幕如图：HTML ：<view class="noticeBarBox" v-show="noticeBarShow"> <view class="NoticeBar"> <image class="NoticeBarImg1" src="../../static/jifen/ico_tongzhi@2x2.png"></image> <view style="width: 624rpx;height
2021-09-02 15:33:52
2284
原创 css实现文字两端对齐
css实现文字两端对齐css实现文字两端对齐，如下效果：文字两端对齐仅仅使用使用text-algin:justify 无法实现预期效果，这里我们借用伪类(::after)来实现文字的两端对齐。下面展示一些 内联代码片。<style> .container>li{ margin:0.5rem auto; width:4rem; height: 0.5rem; line-height: 0.5rem; border:1px solid #
2021-08-14 20:20:00
445
原创 数据缓存setStorage跟setStorageSync场景使用的简单理解
数据缓存setStorage跟setStorageSync场景使用的简单理解 1.存完缓存需要立即取缓存需要用同步 // setStorageSync 2.存完缓存短时间内不需取缓存可以用异步 // setStorage 可以简单理解为同步会阻塞js代码向下执行...
2021-08-11 09:18:24
1913
原创 uni-app封装缓存指定日期过期方法(应用场景：如签到功能用户关闭签到弹框不选择签到，当天不会弹出，让它第二天再弹出)
uni-app封装缓存指定日期过期方法应用场景：如一个签到功能用户关闭签到弹框不选择签到，当天不会弹出，让它第二天指定时间再弹出1.封装一个js文件function myCache(key, value, seconds) { let nowTime = Date.parse(new Date()) / 1000; if (key && value) { let expire = seconds; uni.setStorageSync(key,JSON.stringify(
2021-08-10 17:28:20
706
原创 uni-app封装缓存过期方法
uni-app封装缓存过期方法缓存在我们的日常开发中还是非常常见的。同样的今天的话题是在uni-app框架中怎么封装一个缓存方法，为什么还要自己封装缓存方法？虽然说uni-app是用缓存的api接口的，也就是uni.setStorage，但是呢，这个缓存api是没有设置过期缓存这一说的，也就是说，你如果没有主动清除的话，这个缓存就会一直在。。。这明显缺了那么一点意思，所以我们来自己封装一个带设置缓存过期时间的一个方法。1.封装一个js文件function myCache(key, value, sec
2021-08-10 17:16:40
1364
原创 js获取时间戳的几种方式、时间转时间戳
js获取时间戳的几种方式、时间转时间戳前言这两个方法的返回值都是 1970/1/1 午夜距离该日期时间的毫秒数如何使用下面的例子中，我们将取得从 1970/01/01 到 2017/03/19 的毫秒数1、Date.parse()的使用// 返回自定义时间戳 Date.parse("2017/03/19") //返回当前时间的事件戳 Date.parse(new Date());//结果为14898816000002、Date.getTime()的使用var dateNow =
2021-08-10 17:01:48
352
原创 实现单行、多行文本溢出显示省略号
多行文本溢出显示省略号overflow:hidden; text-overflow:ellipsis; display:-webkit-box; // 将对象作为弹性伸缩盒子模型显示/* autoprefixer: off */ -webkit-box-orient:vertical; //设置或检索伸缩盒对象的子元素的排列方式/* autoprefixer: on */ -webkit-line-clamp:2; //用来限制在一个块元素显示的文本的行数webpack打包后-webk
2021-08-10 16:44:22
323
原创 在uniapp中使用uni.navigateBack(OBJECT)传递参数
在uniapp中使用uni.navigateBack(OBJECT)传递参数场景：从A页面，跳到B页面，B页面需要关闭当前页面返回上一级，传递传输给A页面方案：在B页面需要传递参数的方法内：let pages = getCurrentPages(); // 获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。let nowPage = pages[pages.length - 1]; //当前页页面实例let prevPage = pages[pages.l
2021-08-10 16:28:08
3919
2
原创 移动端一像素边框的问题
移动端一像素边框的问题.row { position: relative; &:after{ content: ""; position: absolute; left: 0; top: 0; width: 200%; border-bottom:1px solid #e6e6e6; color: red; height: 200%; -webkit-transform-origin: left top; tr
2021-08-10 16:15:16
52
原创 u-view组件库里 Dropdown 下拉菜单 导致页面内容被遮盖 无法点击问题
在使用uview的dropdown组件时页面的点击事件 navigator失效，在点击事件打印值也没有执行，观察页面样式时发现 由于是组件的遮罩层覆盖住了页面 导致的问题(uview可能是在打开/关闭下拉菜单时更改了 遮罩层的透明度而已)修改源代码在node_modules里的uview-ui->components->u-dropdown->u-dropdown.vue文件里定义是否显示遮罩层data(){ return{ dropDownShow:false }}&
2021-08-10 15:53:09
4054
12
原创 js去除日期字符串时分秒
js去除日期字符串时分秒方案一：var date = "2018-10-08 00:00:00"; var newDate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(date) newDate="2018-10-08"; 方案二：var time_str= '2014-9-19 13:19:21';var t = time_str.substr(0,10);
2021-08-10 15:48:15
1157
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人