- 博客(10)
- 收藏
- 关注
RSS订阅
原创 封装小程序瀑布流布局组件
这里写自定义目录标题封装小程序瀑布流布局组件需求分析在component文件夹下新建文件第一步、先设置组件wxml布局wxss样式如下组件具体的参数说明具体的逻辑实现组件内slot插槽的使用，来自定义图片信息如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入封装小程序瀑布流布局组件最终效果展示如下：
2021-01-26 17:25:33
2149
2
原创 微信小程序 拒绝地址授权无法二次授权解决方法
微信小程序 拒绝地址授权无法二次授权解决方法wx.chooseAddress({})是小程序获取用户收货地址。编辑用户收货地址信息原生界面的接口,调用接口的时候需要授权获取位置信息，如果我们拒绝了授权后，再次调用微信地址就不会太有弹窗弹出，根据小程序官方文档给出的解释，如果用户已拒绝授权，则不会出现弹窗，而是直接进入接口 fail 回调。所以再开发过程中使用这个接口的时候需要做兼容。为了解决无...
2019-12-13 16:46:03
2723
原创 小程序画布合成二维码海报图，并保存到相册
小程序画布合成二维码海报图，并保存到相册实现效果如下图：步骤分析1，先获取需要合成的海报和二维码。2，获取图片的本地路径，如果图片不是网络连接则不需要此操作。3，通过手机型号，根据屏幕的大小计算出海报的长宽比例，适配不同的手机。4，操作小程序cavnas把二维码和海报，合成一张图。设置好wxml页面<button bindtap="canvasCode">海报合成&l...
2019-12-11 20:23:35
1945
5
原创 微信小程序实现瀑布流布局
微信小程序实现瀑布流布局实现的效果图如下显示：一，需求分析布局分为两列，两列的高度随着图片的插入而改变默认给左右两列插入一张图片，插入图片后，根据两列的的高度做为判断依据，依次给高度更低的一列插入图片二，使用Component实现瀑布流，复用性更强。通过Component把瀑布流封装成一个组件，可以再其他需要瀑布流的页面调用，减少了代码量，规范代码，更方便，效率更高。1,首先自...
2019-12-11 11:47:11
9052
4
原创 js将图片转换为base64编码格式
本文章以为线上的图片链接为例子，使用的方法是canvas把图片转码canvas绘制图片方法getBase64Url(img){ let canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'); canvas.height = img.height; canvas.width = img.width; ctx.drawImage(img, 0, 0) let dataUrl = canvas.toDat
2020-07-17 17:19:22
1279
原创 node.js带cookie的跨域请求
最近在做vue的项目用node.js写的后台接口，在接数据的时候出现一个跨域的问题，后来想了很久才发现在自己封装的axios请求中设置了传入后台需要带cookie凭证，在默认情况下请求浏览器不会携带凭证信息，而我在每次的请求中都带有cookie，因此每一次的请求都会被浏览器拦截。在这里，前端使用的端口号为8080，后端为8088。报错信息如图显示：这里报错的意思是当请求的凭证模式为‘inclu...
2020-04-05 19:14:47
1202
原创 html阻止表单提交刷新页面
html阻止表单提交刷新页面<form action="" class="shareyouridea"> <div class="text"> <input type="text" name="text" id="textinput" value=""/> </div> <div class...
2020-01-07 17:07:49
2143
原创 vue-cli3.0搭建项目详细步骤
vue-cli 3.0搭建项目一，安装node.js安装vue3.0需要node.js 8或者9以上的版本。版本过低需要二，安装vue-cli3.0已经安装过vue-cli的可以用：vue --version 或者 vue -V查看版本vue --version如果你之已经安装了vue 3.0以下的版本，需要先卸载旧版本，你需要先通过 npm uninstall vue-cli -g...
2019-12-17 19:07:24
218
原创 使用弹性布局em,rem自适应移动端页面
使用弹性布局em与rem自适应移动端页面em与rem对比起来em的不好的地方是em是基于父级为标准做单位换算，我们设置html的font-size的默认值为16px，所以基于body的所有子集都是以16px为基准来进行em的换算，麻烦的是，如果子元素的父级在不止一个的情况下，em单位会继承上一父级的font-size属性，子集的单位换算就会变得复杂。html{ width: 100%;...
2019-12-16 15:16:39
604
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人