乾卦三爻-优快云博客

1、什么是自适应自适应区别于响应式布局最大的优点是可以适应视口宽度为任意大小的设备。2、什么是remrem是相对于根元素也就是html的字体大小单位，容易与em混淆，em指的是相对于父元素的字体大小，如果需要做自适应，那么应当使用rem做全局处理，而不是使用em。3、什么是rem基准值rem基准值就是rem与px之间的换算关系，个人习惯上喜欢设置为1rem=100px,在配置文档中设置好基准值之后，输入px单位会自动提示转换为rem单位。4、rem的计算公式：设备视口宽度 / 设计稿宽度 *

2022-04-14 09:37:51 3250

原创 pdf.js简单用法

下载好pdf文件之后，使用下面代码引入<iframe :src="'http://'+locationHost+'/static/pdf/web/viewer.html?file='+noticeData.contentFile" width="100%" height="1300px"></iframe>src中前面为下载的pdf文件中viewer.html的位置，file后接pdf的网络地址，代码未上传服务器时文件位置写固定位置'../../../../static/pd

2022-04-13 14:38:13 366

原创常用方法记录，数组去重，合并数组去重，删除数组指定元素，排序

//合并两个数组并去重 mergeArray: function (arr1, arr2) { for (var i = 0; i < arr1.length; i++) { for (var j = 0; j < arr2.length; j++) { if (arr1[i] === arr2[j]) { arr1.splice(i, 1); //利用splice函数删除元

2022-04-11 14:40:40 349

原创 error @eslint/eslintrc@1.2.1: The engine “node“ is incompatible with this module. Expected version “

执行 yarn config set ignore-engines true重新执行指令

2022-04-01 17:08:00 648

原创 uni-app新闻列表组件

<template> <view> <view class="item" v-for="(item,index) of newsList" :key="index"> <view class="item-text"> <text>{{item.title}}</text> <text>{{item.introduce}}</text> <text>{{item..

2022-03-31 11:59:04 1175

原创微信小程序资讯列表组件

1、列表不包含图片，文字单行溢出省略，日期靠右2、有图片时，文字2行且溢出省略，没有图片时文字单行溢出省略，日期靠左message-list.wxml<view wx:if="{{imgShow}}"> <view wx:for="{{dataList}}" wx:key="index" class="message-item-icon" bindtap="toMessageInfo"> <view class="left">

2022-03-31 10:49:44 2232

原创 vue子组件中处理从父组件获取到的数据（uniapp商品列表组件）

使用监听函数监听子组件props中变量的变化，当变量值发生变化时，修改获取到的变量值，然后赋值给data中的变量，最后将data中的变量值渲染到页面上完成组件页面渲染效果！<template> <view class="product-list"> <view class="item" v-for="(item,index) in productData" :key="index"> <image :src="item.ThumbnailUrl160

2022-03-18 15:21:42 874

原创自定义加载动画组件

自定义小程序加载动画，常用于电商类小程序，两个点交叉移动新建一个loading组件<template> <view class="loading" v-if="loadingState">//使用原生开发，这里需要改成wx:if <view class="loadingBox"> <view class="ani"> <view class="left item"></view> &l.

2022-03-17 15:06:22 213

原创 uni.request封装

**封装uni.request**在项目根目录下创建一个api文件夹，然后在文件夹内创建一个request.js文件，用来封装uni.request的逻辑const request = (config) => { // 拼接完整的接口路径 config.url = '127.0.0.1/api' + config.url; //判断是都携带参数 if(!config.data){ config.data = {}; } let promise = new Promise(fun

2022-03-17 11:16:44 7855

原创微信小程序自定义titleBar高度计算

let menuButtonObject = wx.getMenuButtonBoundingClientRect(); wx.getSystemInfo({ success: res => { let statusBarHeight = res.statusBarHeight, navTop = menuButtonObject.top,//胶囊按钮与顶部的距离 navmenuHeight = menuButtonObjec

2022-03-14 14:00:47 754

原创经纬度坐标值转换

//国测局坐标(火星坐标,比如高德地图在用),百度坐标,wgs84坐标(谷歌国外以及绝大部分国外在线地图使用的坐标) //百度经纬度坐标转国测局坐标 var bd09togcj02 = coordtransform.bd09togcj02(116.404, 39.915); //国测局坐标转百度经纬度坐标 var gcj02tobd09 = coordtransform.gcj02tobd09(116.404, 39.915); //wgs84转国测局坐标 v

2022-03-14 11:58:54 590

原创防抖、多次调用接口时仅最后一次调用生效

//需要定义在方法外let timeout;function throttling(){ //先清理定时器 clearTimeout(timeout) timeout = setTimeout(() => { //在此处写调用的方法，可以实现仅最后一次操作生效 console.log('123') }, 1000)}

2022-03-07 17:01:10 678

原创 vue路由守卫、router.beforeEach()

// 配置路由守卫三个可选参数，to去往的目标，from来源的目标对象，next接下来的操作router.beforeEach( (to,from,next) => { // 如果访问的是登录页面，直接放行 if(to.path == '/login'){ return next() } // 如果用户未登录，并且访问的不是登录页面 const userInfo = JSON.parse(sessionStorage.getItem('user

2022-03-01 14:43:22 511

原创可从外部关闭的下拉菜单、自定义指令

Vue.directive('clickoutside',{ bind:function(el,binding,vnode){ function documentHandler(e){ if(el.contains(e.target)){ return false; } if(binding.expression){

2022-03-01 11:46:25 243

空空如也

空空如也