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