Hope_wkx-CSDN博客

原创 css实现文字环绕效果（文字超出n行用省略号代替，末尾展开/收起文字内容）

利用浮动和伪元素实现文字末尾省略号代替，并用按钮控制展开/收起全部文字内容。

2023-05-15 10:57:09 1061

由于多处调用登录功能，故将此方法封装以减少代码量在调用登录方法前要先通过wx.login获取code,并在调用函数时传入以下为登陆封装函数：function getUserProfile (code) { return new Promise((resolve, reject) => { wx.getUserProfile({ desc: '授权头像/昵称以使用完整功能', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写 success: res =>

2021-11-22 17:22:10 1405

原创微信小程序canvas裁剪图片中间部分

需求：使用canvas绘制数据中提供的图片，无论原图多大，适中取中间部分。解决方案：先获取图片宽高wx.getImageInfo({ src: '图片路径'， success: res => { imgWidth = res.width // 图片宽度 imgHeight = res.height // 图片高度 path = res.path // 图片临时路径，绘制图片时使用 }})获取图片宽高和要裁剪宽高的比例// width - 规定的剪切宽度

2021-04-27 15:26:00 1604

原创微信小程序canvas绘制圆角矩形

canvas.save() // 保存之前的绘图 canvas.beginPath() // 开始绘制 canvas.setFillStyle('transparent') // 填充边缘// arc对应参数含义// canvas.arc('圆心x轴坐标', '圆心Y轴坐标', '圆的半径', '起始弧度', '终止弧度', '弧度是否逆时针方向：boolean')//left - 矩形x轴位置 | top - 矩形Y轴位置 | width - 矩

2021-04-27 15:07:45 2173

原创微信小程序更新授权接口wx.getUserProfile后，个别用户出现无法登录的问题

最新微信更新了授权的接口 wx.getUserProfile, 并且会在2021年4月28日回收原来的接口 wx.getUserInfo. 详情见微信官方文档由于我们是社区类小程序，必须要拿到用户的昵称和头像。所以及时更新了接口，以下是开发过程中遇到的问题和解决方案：基础库2.10.4版本以下的设备无法通过getUserProfile登陆解决方案是按照官方给的demo, 在页面加载时判断wx.getUserProfile是否可用。如果不可用，暂时用旧的接口替代。<view clas

2021-04-20 16:55:03 2253 1

原创 vue中指令与函数的结合使用

在vue中各项指令与函数的结合使用（v-if、v-show、v-html等）在开发过程中，我们会遇到v-if需要判断的条件很多，或者v-html的数据需要修改、拼接等情况。当遇到类似情况时，可以在双引号中调用一个函数，将需要操作的数据作为参数传入函数内，在函数中对该数据进行操作或判断。<div v-if="checkInfo()"> <p v-html="checkMsg(msg)"></p></div>data () { return {

2020-11-25 17:06:08 521

原创小程序修改回答功能实现

最近领导提出修改回答功能的需求. 类似于知乎的修改回答,感兴趣可以自行搜索.问题来了,小程序上传图片\视频\音频等资源文件必须要用upLoadFile 这个API,而路径必须是本地路径.都说是修改回答了,那之前的数据必是从服务器过来的,这可难倒了宝宝了.百度搜了半天没啥结果,就在我要放弃的时候突然想起了downLoadFile 下载数据.这是官方文档, url传服务器获取到的资源地址,然后将回调函数中的参数tempFilePath(临时本地路径)直接替换到资源数组里面就可以啦.我们后端兄弟问

2020-06-10 19:27:44 298

原创小程序码生成和解析问题

首先, 在调用官方接口生成小程序码时,scene参数最多传32个字符,这是需要注意的.另外在调试的时候,开发者工具是可以识别id=xxxxxxxxx这样形式的参数,可以直接接收options.id并使用,但在手机上解析时,参数是scene:id%xxxxxxx这样的形式.所以在真机使用时,要接收的参数是options.scene,然后用字符串slice方法删除掉前面的id%,将剩余的字符串复制给变量...

2020-06-05 15:40:26 583

原创子组件watch监听父组件数据,从而判断是否重新加载数据

今天有个需求,要每次打开组件时按照最新的参数重新加载数据.在子组件中通过监听是否打开组件的参数,从而判断是否加载数据.方法名是属性名 ,括号内的参数随意

2020-06-03 15:16:44 613

原创解决小程序在高层级页面滑动时,低层级页面会跟着滑动的问题

问题: 打开组件并上下滑动组件内容时,页面也会跟着滑动解决方法:由于安卓和ios情况不同,所以用了两种方法,双保险.1.当组件打开时,给整个页面设置height:100vh, overflow:hidden, 让页面高度占满屏幕并隐藏多余内容,这样页面就不会滚动了. 安卓系统做到这一步就可以解决了.2.ios系统在完成第1步时,该问题还没有解决,是因为ios会有回弹效果.所以在组件上添加一个无内容的@touchmove.stop="doNothing"滑动事件,就可以禁止下层页面滑动.理论上来

2020-05-28 17:16:23 1118

原创 vue打包项目报错Failed to load resource: the server responded with a status of 500 (Internal Server Error)

具体原因不明,修改了config文件后解决了问题Vue 2.X 解决方式因为我用的3.0,所以上图是在百度搜到的.Vue 3.X 解决方式在根目录下 vue.config.js 中添加这个貌似是文件中本来就存在的, 我在改其他配置的时候手贱删掉了, 哈哈....

2020-05-25 17:40:24 3535 2

原创使用element-ui的table组件,使用三元表达式筛选数据

使用element-ui的table组件,使用三元表达式筛选数据在列中加入插槽,使用插值表达式.插值表达式中可以正常使用三元表达式或方法前端小白,欢迎大佬指教.

2020-05-25 15:13:41 2491 3

Hope_wkx的博客