- 博客(21)
- 收藏
- 关注
RSS订阅原创 解决uni.chooseImage勾选相册原图，使用pathToBase64方法转Base64，提示“targetSdkVersion设置＞=29后在Android10+系统设备不支持当前路径”的问题
接上文，应用程序在分区存储的环境下，分出了两个可操做文件数据目录：系统公共目录 和 应用沙盒目录，尽管 dcloud 对分区存储机制做了适配工作，但系统公共目录的操作权限自然不如应用沙盒目录来的广泛、自由。H5 端没有问题，但在安卓APP 中，当用户勾选原图之后，便出现了问题，经调试排查，发现 await pathToBase64(ewm) 抛出了一个异常。而使用 uni.saveFile 可以将选择自相册（系统公共目录）的文件，另存到应用沙盒目录中，由此便可以规避各种各样的操作问题了。
2024-02-02 16:18:11
3400
9
原创 vue实现pc和移动端布局
但是我们都知道，一般情况下设计稿的尺寸是固定的 px 单位，在开发时需要将 px 单位转为 vw 来进行开发，但是这一过程略显繁琐，哪怕安装了 vs code 的单位转换插件依旧差强人意，这时，我们便可以请出 postcss-px-to-viewport 来帮我们解决这一问题。经过实践发现，pc端 和 移动端 的差别更多体现在页面元素的大小、位置、显隐上，而实际的业务逻辑变化并不大，上述方案中并未抽离页面的 js 代码，导致代码存在冗余，这里我们可以使用 mixins 来优化。
2023-06-21 15:31:08
4054
原创 html2canvas生成长图片时导致背景图渲染不全问题
在移动端中使用html2canvas生成图片时，因为数据较多，导致生成的图片很长，图片后边一小段中设置的html背景图直接没有显示出来。
2022-11-05 17:18:25
1926
2
原创 vue自定义插件 封装一个类似 element 中 message 消息提示框的插件
vue 自定义插件；封装一个类似 element 中 message 消息提示框的插件；vue 中 extend 的使用；vue 中 render 函数的使用。
2022-09-09 16:25:23
1364
原创 element框架的el-form组件validate方法不执行
检查自己的自定义验证规则是否每一条逻辑都能够执行到callback函数！！！
2021-12-19 17:20:57
2677
1
原创 解决点击按钮实现路由跳转后Element导航控件没有同步高亮的问题
不点击Element导航栏，而是通过点击组件内的某些按钮，实现页面的跳转。路由跳转很简单，但我们的需求是如何实现导航控件的同步高亮！
2021-12-14 10:24:56
1296
1
原创 Router.use() requires a middleware function but got a Object错误解决方法
Router.use() requires a middleware function but got a Object报错。throw new TypeError('Router.use() requires a middleware function but got a ' + gettype(fn))
2021-12-04 14:45:52
900
原创 左侧固定右侧宽度自适应的布局方式
最近这段时间一直在面试，在自己的经历上、做的项目上扯得天花乱坠。谁曾想那天一个面试官突然问了我如何实现一个左侧宽度固定、右侧自适应的布局，一下自给我搞蒙了，因此特地来整理一下废话不多说，简单的列举三种方法方法一左侧盒子浮动，右侧盒子使用margin-left实现方法二左侧盒子浮动，触发右侧盒子BFC的方式实现方法三使用flex布局实现直接上代码 <style> div { box-sizing: border-box; } [cl.
2021-11-19 15:34:32
422
1
原创 css面试题-圣杯布局
圣杯布局网上的其他资料讲的已经非常清晰了，这里主要提供练习源码和实现过程及原理分析一、圣杯布局是什么？header和footer各自占领屏幕所有宽度，高度固定。中间的container是一个三栏布局（左中右）。三栏布局两侧宽度固定不变，中间部分自动填充整个区域（中间占满剩余宽度）。以上内容引自 这里二、圣杯布局的练习源码2.1 完整初始源码<!DOCTYPE html><html><head> <meta charset="UT.
2021-10-17 09:28:40
253
1
原创 css面试题-margin负值问题
先上结论margin-top 和 margin-left 负值，元素向上、向左移动margin-right负值，右侧元素左移，自身不受影响margin-bottom负值，下方元素上移，自身不受影响1.margin-top 为负值的情况注意，我们操作的是下方的元素（item2）从图片中可以看出，margin-top为负的时候，元素自身向上移动2.margin-left 为负值的情况注意，我们操作的是右侧的元素（item4）从图片中可以看出，margin-left为负的时候，元素自身左移
2021-10-15 11:45:56
1311
原创 vue项目中引入高德地图
近期在用vue做一个环保类的项目，要求使用高德地图。原生js api官方案例比较多，对于新手友好，但是在vue项目中加载是一个难以解决的问题。而专门为vue使用高德地图诞生的 vue-AMap 组件听起来很美好，但由于需要学习高德原生语法和vue-AMap语法，再加之该组件的文档和示例太少，用起来非常糟糕。那么我们如何既能使用原生api，又能解决加载问题呢？1.大大的推荐AMapJS, 一款基于AMap高德地图构建的API加载器尽管这个东西不是为vue解决高德地图加载而专门开发的加载器，但是，它.
2021-09-17 16:10:25
1683
原创 el-upload组件如何在on-success文件上传成功的钩子中传递更多参数
问题描述最近做的一个项目中，要求使用者可以手动上传商品的图片，上传成功后，服务器会返回给我们图片的保存路径，而我们需要把这个路径，保存到该条商品的对象中，实现商品和商品图的关联，而后再将包含商品图片路径的商品信息提交到后台。但是我们通过element官网查阅upload组件的on-success的钩子中，只能传递 response, file, fileList 这三个参数，那么我们该怎样将商品的信息传递到这个函数中呢？问题解决<el-table-column label="图片">
2021-09-12 10:35:51
6413
原创 vue中如何为购物车添加同种商品
不用找了，这个博客就可以解决你的问题先介绍一下Vue添加商品到购物车的逻辑用户浏览商品列表用户点击了某一个商品在程序中，拿到用户点击商品的有关信息（id等）将该商品的信息 push 到存放商品的数组对象 goodsList 中在购物车中循环渲染出来到这里，添加购物车的大致流程便搞定了可假如说，我们要添加同种商品进去，该怎么做？解释：这句话可能不好理解，嗯~，举个例子吧。就比如，假如一个商家打算购进100部手机，其中，80部是256G内存的，20部是 128G内存的。这个时候，就要
2021-09-10 21:53:54
819
原创 el-input输入框失效问题
el-input输入框失效问题结合我个人在搜索bug解决办法时的体验，同时充分考虑到不同阅读者编程能力的差异，特意用了一种区别于罗列大量代码来说明问题的写作方式，来阐述 “el-input输入框失效问题” 的解决方法！！！1.bug引入近期公司接手了一个二次开发的项目，我负责的模块正如下方所示，要求就是实现一个购物车的功能。购物车的实现逻辑如下：在商品列表区域，点击商品，拿到当前点击商品的有关属性将当前点击商品的记录，加入到data中定义好的一个空数组goodsList。（该商品的记录我们用
2021-09-10 20:18:33
1877
原创 exports和module.exports的区别
请牢记一条原则：无论使用 exports 暴露成员，或是 module.exports 暴露成员，最终暴露的结果，都是以 module.exports 所指向的对象为准。1.module 对象看一下 module对象长什么样子2.module.exports 和 exports 的联系在 module 对象中，包含 exports 属性，而我们就是通过这个属性（module.exports），向外暴露(共享)成员的。exports 是 node 为了简化向外共享成员的代码，提供的一个新方式，在
2021-07-24 16:28:06
1634
3
原创 解决node.js创建的服务器异常关闭导致的端口被占用问题
这里是js源码//根据不同的url，响应不同的页面内容//导入 http模块const http = require('http');//创建一个服务器实例const server = http.createServer();//监听服务器请求server.on('request', (req, res) => { //拿到客户端请求的url const url = req.url; //默认响应为页面未找到 let str = `<h1>40
2021-06-16 10:59:59
1975
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人