前端开发
yuwenwenwenwenyu
这个作者很懒,什么都没留下…
展开
-
前端微信小程序生成二维码(wxbarcode),并保存到手机相册
(1)下载js文件(git地址在最下方),放入项目中,可以放在utils文件夹中;(3)在页面的index.js文件中引入js文件。原创 2024-02-28 17:53:15 · 1119 阅读 · 0 评论 -
Flutter之DraggableScrollableSheet可滑动sheet实现类似抖音商品详情页
Flutter之DraggableScrollableSheet可滑动sheet实现类似抖音商品详情页介绍:使用DraggableScrollableSheet可实现类似抖音视频上商品弹出页的滑动动效果。以下代码是嵌入我的子页面。代码如下:父页面(showModalBottomSheet)如果要实现上滑满屏的效果,需要将scrollController传入到子页面 showModalBottomSheet( isScrollControlled: true, co原创 2022-04-25 15:54:20 · 2025 阅读 · 0 评论 -
Vue cli3 打包时开启gzip文件压缩
Vue cli3 打包时开启gzip文件压缩webpack在打包时可以借助 compression webpack plugin 实现gzip压缩,首先需要安装该插件: npm install --save-dev compression-webpack-plugin如果出现tapPromise undefined 的错误时,可在后面加上版本号,降低版本 npm install --save-dev compression-webpack-plugin@5.0.0.在v原创 2021-06-23 16:12:13 · 978 阅读 · 0 评论 -
element ui table中使用拖拽排序组件sortablejs及注意事项
element ui table中使用拖拽排序组件sortablejs及注意事项1.使用:先安装 sortablejs插件,然后在当前页面引入npm install sortablejs --saveimport Sortable from "sortablejs";具体代码如下:<el-table class="sortingVisible" :data="tableData" row-key="id" v-loading="loading"> <el-tabl原创 2021-03-12 17:29:31 · 1024 阅读 · 0 评论 -
vue调试工具vue-devtools的安装
Vue调试工具vue-devtools的安装安装步骤1.下载代码,切换到master分支git clone https://github.com/vuejs/vue-devtools.gitcd vue-dev-toolsgit checkout master2.安装依赖,成功之后打包npm installnpm run build3.build成功的项目在shells目录下的chrome文件夹,如下图:4.打开Chrome浏览器 >选择更多工具>扩展程序 >打开原创 2021-03-08 17:00:39 · 171 阅读 · 0 评论 -
uni-app 小程序双击事件
uni-app 小程序双击事目前uni-app view标签不支持双击事件,下面自定义双击事件:// A code block<view @click="handClick(index)"></view>data(){ return { lastTapTimeoutFunc:null, lastTapDiffTime:0 }},methods:{// 单击或双击handClick(index) { let _this = this; l原创 2021-01-29 11:22:06 · 4293 阅读 · 1 评论 -
vue element ui中使用el-autocomplete不渲染数据的问题
vue element ui中使用el-autocomplete不渲染数据的问题在项目开发过程中,因为数据量过大,不方便使用select下拉框,于是想到从服务端搜索数据的el-autocomplete,但是在使用的过程中,el-autocomplete一直不能够渲染数据,后来仔细查阅api发现有一个value-key属性可以解决这个问题。最主要的是要将node-key设置为你显示的字段名,如...原创 2019-12-17 10:43:32 · 4261 阅读 · 0 评论 -
支付宝小程序中使用F2图表
支付宝小程序中使用F2图表介绍最近在支付宝小程序开发中接到显示图表的需求,因为支付宝小程序方未提供相关插件,并且目前支付宝小程序不支持document,所以根据推荐使用f2-canvas图表组件。由于 f2-canvas 组件主要是对小程序的画布上下文和 html5 canvas 的上下文进行了适配以支持 F2 在小程序端的渲染,所以 F2 能绘制什么图表,小程序端就能绘制什么图表。语法也可...原创 2019-12-05 15:00:21 · 3291 阅读 · 3 评论 -
layui子父页面传值的问题
layui子父页面传值的问题父页面向子页面传值在子页面中定义一个方法getData1(),参数data是接收父页面传过来的值。如图:在父页面的success方法中调用子页面getData1()方法,将参数传到子页面。如图:这样就能将父页面的currentLocal传到子页面使用。或者也可以将参数拼接在content的url后面。子页面向父页面传值首先,可以在子页面编写一个隐...原创 2019-10-23 11:04:56 · 830 阅读 · 0 评论