网站开发

前言： 我们知道小程序上传图片每次只能上传一张，那么我们想要一次上传多张图片该怎么办呢？ （学习视频分享：） 这里使用递归，当上传完一张图片后重新执行这个函数，直到所有的图片都上传完成后，就不再调用该函数。 首先，我们来看一看wx.chooseImage(object)和wx.uploadFile(OBJECT)这两个api 示例代码是这样的： wx.chooseImage({   success: function(res) {     var tempFilePaths = res.tempFilePaths     wx.uploadFile({       url: 'http://example.weixin.qq.com/upload', //仅为示例，非真实的接口地址       filePath: tempFilePaths[0],       name: 'file',       formData:{         'user': 'test'       },       success: function(res){         var data = res.data         //do something       }     })   } }) 登录后复制 这里的示例代码，是选择图片，然后上传选中的图片中的第一个图片； 现在开始写多张图片上传的例子 首先，我们还是要选择图片 wx.chooseImage({…

微信小程序 解析网页内容详解 最近在写一个爬虫，需要将网页进行解析供微信小程序使用。文字和图片解析都好说，小程序也有对应的text和image标签可以呈现。而更复杂的，比如表格，则比较棘手，不管是服务端解析还是小程序呈现都很费劲，也很难覆盖所有情况。于是我想，将表格对应的HTML代码转成图片，不失为一种变通的方法。 这里我们采用node-webshot模块，它对PhantomJS进行了轻量封装，可以轻松地将网页以截图形式保存下来。 首先安装Node.js和PhantomJS，然后新建一个js文件，加载node-webshot模块： const webshot = require('webshot'); 登录后复制 定义选项： const options = {  // 浏览器窗口   screenSize: {      width: 755,        height: 25  },  // 要截图的页面文档区域        shotSize: {           height: 'all'  },  // 网页类型          siteType: 'html'        }; 登录后复制 这里，浏览器窗口的宽度要根据网页情况合理设置，高度可以设置为一个很小的数值，然后页面文档区域的高度一定要设置为all，宽度默认为窗口宽度，这样就可以把表格以最小的尺寸完整截图。 接下来，定义html字符串： let html = "target rich text html code, eg:  登录后复制 … “; 注意，里面的HTML代码一定要去掉换行符，并将双引号替换为单引号。 最后，截图： webshot(html, 'demo.png', options, (err) => {  if (err)     console.log(`Webshot error: ${err.message}`);}); 登录后复制…

这次给大家带来json的大小写转换方法，json对象大小写转换的有哪些，下面就是实战案例，一起来看一下。 前言 最近在做一个项目，发现后端返回的数据键值全部都是大写的，有时候前端用起来很不方便，所以写了一个深度转换的小工具，分享给大家，也就不用重复造轮子了，不喜勿喷，下面话不多说了，来一起看看详细的介绍吧。 start npm i deep-lu-trans --save 登录后复制 json example import t from 'deep-lu-trans'; const obj = { AS_DD_S: 123213, AND_SAJ_JDK_JSAKD_: { DJK_ASJ: { SA_DSA_DSA: 123123, ASDA_SDH_KAS:…

这篇文章主要为大家详细介绍了微信小程序tabbar底部导航中文注解api，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 微信小程序tabBar底部导航中文注解api，信小程序tabBar就是app底部的那个导航栏，可以放1-5导航链接，这里对微信小程序底部导航tabbar的中文解释。微信小程序tabBar是在全局app.json文件里面配置的。  小程序tabBar配置代码注解 {   "pages":[     "pages/index/index",     "pages/detail/detail"   ],   "window":{     "navigationBarTitleText": "TabBar",     "navigationBarBackgroundColor": "#F60",     "navigationBarTextStyle": "white"   },   //tabBar注意是B是大写，有朋友提问运行时tab没出现，检查是不是这里手误   "tabBar":{   //文档指出color是必填项，其实可为空，不重写color就是深灰，样式更统一     "color": "#ddd",   //同样，文档指出selectedColor是必填项，不过selectedColor有必要重写，区分当前项与普通项     "selectedColor": "#3cc51f",   //同样，文档指出color是必填项，其实可为空，不重写backgroundColor就是浅灰，样式更统一。     "backgroundColor": "#fff",   //borderStyle，不写默认就是黑，那就黑好了，white的话，会少一条分隔线，跟页面混在一起了     "borderStyle":"black",     "list":[{         "pagePath":"pages/index/index",   //iconPath图标是非必填，只是tab栏会变矮，自然selectedIconPath也可不写         "iconPath":"image/icon_API.png",         "selectedIconPath":"image/icon_API_HL.png",…

这次给大家带来header方法，使用header组件的有哪些，下面就是实战案例，一起来看一下。 一、 header 组件开发 之数据的传递 1. App.vue 引入组件 import header from './components/header/header' 登录后复制 2. App.vue 中注册组件 export default { components:{ v-header:header } } 登录后复制 3. 使用组件 <v-header :sell="sellerObj"></v-header>…

近年来有个很火的app探探，根据这个app的功能，本文主要介绍了微信小程序左右滑动的实现代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下，希望能帮助到大家。 左滑 右滑 你不再是一个人 无论你是一个程序猿还是一个程序媛，每天干的事除了coding还是coding，代码不能解决的问题（什么问题自己心里还没点abcd数嘛），探探能帮你解决。最近网上特流行一款交友软件叫探探（据说是yp软件）。作为探探曾经的一名从来只浏览图片但是没有yue过的资深玩家同时又是一位热爱前端的妹子，我决定要仿一下这个app。既然是寄几开发，那还不是寄几说了算，毫无疑问整款APP的主题风格被我改成我最爱的终极少女粉了hhh，下面让我们一起来感受下探探的魅力吧~ 项目整体效果 项目部分功能点解析 主页图片左滑右滑对应按钮变化 首先我们来聊一下最让我头痛的地方，就是主页面的左右滑动事件并且对应按钮会相应变化，即我左滑一下图片下面的灰色按钮会有相应的动画效果，右滑则对应着图片下面的红色按钮。对于一个刚入小程序坑的妹子来说，没有大神指点不知道要在这里面的逻辑坑还要绕多久才能绕出来。得一高人指点，我才完美滴实现了这个功能。 这里写了三个大的盒子放着图片和文字信息,再将他们放到swiper-item里面，用swiper组件实现整个盒子的左右滑动 <swiper class='swiper-item__content' current="" bindchange="changeswiper"> <swiper-item class="swip"> <view class='page__bd_content'> <image class="slide-image" src="http://pic.qqtn.com/up/2017-12/15126388387704237.jpg" mode="scaleToFill"/> <view class="name">K</view> <view class="age">21</view> <view class="conste">金牛座</view>…