摘要: 在做开发项目的时候,经常会遇到使用字体比较麻烦的,可以将字体文件转化为base64位。 具体操作: https://transfonter.org/ 操作流程图: 打完收工! 阅读全文
posted @ 2024-05-17 10:38 帅到要去报警 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 在做网站开发的时候,经常会遇到使用特殊字体的设计稿,但是如果直接引入该下载的字体,会特别的大,在移动端显示或加载就会很慢。 以下是两种解决方案: 方案一:下载软件压缩字体 https://blog.csdn.net/g310773517/article/details/136465629 https 阅读全文
posted @ 2024-05-16 18:27 帅到要去报警 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 最近在用vue做移动端,做了一个好看的移动端登录界面,保存一下,以后方便直接使用。 具体代码: <template> <div class="main-login-container"> <div class="login-top"><img class="img" :src="logintop"> 阅读全文
posted @ 2024-05-15 13:54 帅到要去报警 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 在用vantui做移动端列表数据渲染的时候,经常会使用到下拉刷新和上来加载。 其实在 vant ui 里面,它已经为我们提供了对应的组件,我们只需要去使用即可,具体代码示例: <van-pull-refresh v-model="tableList.refreshing" @refresh="ref 阅读全文
posted @ 2024-05-13 14:54 帅到要去报警 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 在用Uniapp做项目开发的时候,经常会遇到需要自定义tabbar来实现功能,下面是我写的基础tabbar组件。 <template> <view> <view class="main-home-tabbar"> <view class="tabbar-item" :class="'home' == 阅读全文
posted @ 2024-05-10 17:22 帅到要去报警 阅读(15) 评论(0) 推荐(0) 编辑
摘要: 在做PHP开发的过程中,经常会需要获取最上级或所有子级的应用场景: 一、获取最顶级 $list = [ ['id'=>1,'pid'=>0,'name'=>'张飞'], ['id'=>2,'pid'=>1,'name'=>'张苞'], ['id'=>3,'pid'=>2,'name'=>'张遵'], 阅读全文
posted @ 2024-05-08 09:51 帅到要去报警 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 我们在做CSS样式处理的时候,需要对富文本的样式进行预设,以下给出具体的参考,大家可以选择使用。 .main-help-content .help-content-box .info-content{width:100%; font-size: 17px; line-height: 2.4em;} 阅读全文
posted @ 2024-04-26 11:13 帅到要去报警 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 最近在做项目开发的时候,在做设计稿页面的时候,遇到了这样的一个效果: 大概的意思就是:中间放大,两边的向中间的看齐,有一个左边的向右倾斜,右边的向左倾斜。这里就需要使用到判断swiper的元素是在做还是在右。 原本我用3.0已经写好了,但是由于版本的差异,在4.0有一些区别。 具体参考官方文档: h 阅读全文
posted @ 2024-04-17 14:36 帅到要去报警 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 最近在做跨平台开发,使用uniapp开发微信小程序,遇到这样的一个问题: app.js错误: TypeError: Cannot read property 'FormData' of undefined 解决一:降低axios的版本【该方法没用】 原因:uniapp使用的axios版本较高,所以正 阅读全文
posted @ 2024-01-22 19:57 帅到要去报警 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 我们在做时间渲染的时候,经常会遇到需要将时间转为特定的显示方式,以下是常见的时间显示格式化方法: export function formateTime(timeStamp){ timeStamp = timeStamp * 1000; let date = new Date(timeStamp); 阅读全文
posted @ 2024-01-22 11:24 帅到要去报警 阅读(13) 评论(0) 推荐(0) 编辑
摘要: uniapp在进行app开发的过程中,经常会需要在页面之间实现通信功能。 常见的是:子页面和父页面之间通信 首先:子页面向父页面通信: uni.$emit('login',{login:true}); 然后:父页面可监听事件 // 父页面 onLoad(){ // 监听事件 uni.$on('log 阅读全文
posted @ 2024-01-13 16:56 帅到要去报警 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 在用uniapp做APP的时候,下拉刷新,上拉加载是常见的功能需求,现在整理一下: 第一步:设置下拉和上拉属性 找到【pages.json】设置: "enablePullDownRefresh": true, "onReachBottomDistance": 100, 示例: 第二步:页面新增下拉和 阅读全文
posted @ 2024-01-13 16:50 帅到要去报警 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 在做VUE项目开发过程中,数据循环是常见的操作方式,以下是几种常见的数据循环方式: 一、for循环 let data = [1,2,3,4,5,6,7,8,9,10]; for(let i=0; i<data.length; ++i){ console.log(data[i]); if(i>5){ 阅读全文
posted @ 2024-01-13 16:38 帅到要去报警 阅读(707) 评论(0) 推荐(0) 编辑
摘要: 在做Uniapp项目开发的时候,了解其生命周期很重要,方便及时排查问题以及做项目开发。 一、应用生命周期 应用生命周期是指应用程序从启动到关闭的整个过程,包括:应用的启动、前后台切换、退出等。 此生命周期钩子函数是由Uniapp提供的。 onLaunch:应用程序启动时触发,仅在应用程序第一次启动时 阅读全文
posted @ 2024-01-12 10:01 帅到要去报警 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 子父组件在做数据传值和通信中,通常都是父组件通过【:props】进行数据的传递,通常用于父组件通过传递不同的参数,改变子组件。 但是经常会遇到这样的场景: 需要父子组件进行数据通信,实现双向数据绑定,可以利用 v-modle 实现父子组件数据交互通信。 父组件: <template> <div> < 阅读全文
posted @ 2024-01-05 14:32 帅到要去报警 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 在做前端页面的时候,经常会遇到需要通过一些按钮来切换swiper的情况,或者是两个swiper进行联动切换: 第一种:点击按钮切换swiper以及滑动swiper切换按钮 var swiper = new Swiper('.swiper',{ loop: false, on:{ transition 阅读全文
posted @ 2024-01-04 19:21 帅到要去报警 阅读(422) 评论(0) 推荐(0) 编辑
摘要: 在使用swiper的时候,特别是在做轮播图的时候,我们的期望是当鼠标移入,关闭自动播放,鼠标移出的时候,自动播放。 var swiper = new Swiper('#swiper',{ watchSlidesProgress:true, slidesPerView:'auto', centered 阅读全文
posted @ 2024-01-04 15:48 帅到要去报警 阅读(238) 评论(0) 推荐(0) 编辑
摘要: VUE更改VUEX状态:简单示例代码: import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export default new Vuex.Store({ state: { count: 0 }, mutations: { i 阅读全文
posted @ 2023-12-15 14:51 帅到要去报警 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 在用uniapp开发项目的时候,选择合适的UI组件,往往能够事半功倍,而 uView 就是 uniapp 生态专用的 UI 框架,但是该 UI 框架并没有内置,而需要单独引入安装: uview官网: https://uviewui.com/components/intro.html 安装步骤: 第一 阅读全文
posted @ 2023-12-14 17:52 帅到要去报警 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 最近在做一个项目,需要开发电子签章的功能,也就是电子合同,下面: 具体思路:利用PDF合成,将所需要的文字,图片,合成到PDF里面。 首先下载 Fpdi 库: https://gitee.com/meiyouzhanghao/fpdi 放到 extend 里面: 具体代码示例: <?php name 阅读全文
posted @ 2023-12-09 16:24 帅到要去报警 阅读(238) 评论(0) 推荐(0) 编辑