zhaoge's blog

问题：在页面上有一张图片，需要点击图片放大查看该图片。因为在页面上有一个水印蒙层，导致图片点击不到，设置了z-index属性还是点不到。<image class="img" bindtap="bigger" /><view class="waterMarker">我是水印</view>.waterMarker { position: fixed; left: 0; top: 0; height: 100vh; width: 100%;}.img

需求：关键字搜索，将关键字在搜索结果中突出显示.思路：将结果list的项用关键字分割为数组，把关键字arr[length -1]push到数组末尾。遍历新数组，依次展示每一项并把最后一项补在每一项后面。arr[0],arr[arr.length -1],arr[1],arr[arr.length - 1]...arr[length -2]倒数第二项不补arr[length -1]wxml<block wx:for="{{search_result.resultList}}">

不使用wx.downloadFile的tempFilePath参数，使用filePath即可。文档见微信开放文档→wx.downloadFile→success回调wx.downloadFile({ url: encodeURI('https://example.com/audio/123'), filePath: wx.env.USER_DATA_PATH + '/' + '自定义文件名.pdf', success: function (res) { if (res.statusCode =

我一直有这个误区：小程序强大到没有DOM。小程序架构官方说明：Virtual Dom，即不是没有DOM，而是JS不能操作DOM，JS和DOM对象不再一个线程里面。下面是微信官方给的图片（图片都是微信那搬过来的）渲染层：WXML、WXSS逻辑层：JSJSBridge概念：链接APP和WEB的桥梁WXML编译器：WCC，它把WXML转为JSWXSS编译器：WCSC，它把WXSS转为JS逻辑层：JSCore，类似一个worker，集中处理JS文件中的JS——借用了APP的JS引擎。视图层：将

问题：使用CSS识别从后台查回文字中的换行符，发现文字区域上下多了行空白。原因：代码格式化（Ctrl+Shift+F）导致white-space: pre-line;识别错误，格式化后产生的空格计入代码。解决：使标签和文字贴在一起错误：<view style="white-space: pre-line;">这是文字</view>正确：<view style="white-space: pre-line;">这是文字</view>...

背景：需要做一个分享功能，需要使用<button>的属性open-type触发该功能。按钮内有图片和文字去掉padding和margin<button style="padding: 0; margin: 0;"> <image /> <view>分享</view></button>去掉图片和字体间的空隙（把两个元素变为block，块级元素）<button style="padding: 0; marg

web-view通过一个放入H5工程的JSSDK来对外提供API，JSSDK可通过NPM下载。const wx = require('weixin-js-sdk');在内嵌H5页面上点击分享按钮，引导用户使用微信小程序的分享按钮对H5进行分享。微信小程序的分享API有获取webViewUrl的功能。将options.webViewUrl作为参数传入path，在H5的url带入页面的关键参数即可Page({ onShareAppMessage(options) { console.log(o

效果要求：1.导航栏滑动至上方某固定位置时，固定在上方。2.当下拉屏幕至一定高度时，解锁导航栏，随页面一起滑动3.点击导航栏功能模块标题，页面滑动至具体功能模块位置思路：wxml写两个相同的导航栏，一个属性为fixed，一个static当导航模块滑动至锁定位置时，wx:if显示固定的模块（position: fixed）。并将static的导航栏用底色覆盖（防止同时显示两个导航栏）当static导航栏的父元素（第一锚点）锚点值减去头部高度（小程序有个头部算入页面）的差值小于当前页面滚动的值（o

wx.getSystemInfo({ success (res) { if (res.safeArea.top > 20) { that.setData({ }) } else { that.setData({ need )} } }})

下方代码不起作用<view> <view class="listItem" id="firstChild"></view></view>.listItem:first-child { border-top: none;}下方起作用<view class="listItem" id="firstChild"></view>.listItem { border-top: 1px solid #000;}#fi

ES6 = ECMAScript 6若在微信小程序中使用node_module要将npm install所得到的代码ES6转ES5以上有自动化的工具进行转换，但是不完全。IOS系统下的微信就有点区别，部分不会被识别。

background 可以设置 背景颜色、背景图片、定位等；而background-color 只能设置 背景颜色 。设置background-color: #aaa;时仅仅改专变了背景色，属但此时有一个默认的的background:repeat;而设置background: #aaa;后，相当于同时设置了background:no-repeat;既{background-color: #aaa;background:no-repeat;}=={background: #aaa;}...

1.wx.openSetting()需要放入点击事件的回调中，或者点击事件的回调的回调中。// 页面用户点击事件bindTapEvent: function() { // 第一种情况 wx.openSetting(); // 可以拉起 // 第二种情况 wx.showModal({ ... success: (res) { if(res.confirm) { wx.openSetting(); // 可以拉起 } } })}2.若无用户点击事件onLoa

今天发现微信小程序使用的最新 调试基础库 打包后报错了。但是在开发者工具上只能选择调试基础库的版本，所以猜想：将代码上传后，远程根据版本号选择对应的module进行打包发布。类似webpack！报错："@babel/runtime/helpers/Objectvalues" is not defined...

let _phoneNumber = new String();_phoneNumber = phoneNumber.replace(/\D/g, '').substring(0, 11);if(_phoneNumber.length > 3 && _phoneNumber.length < 8) { _phoneNumber = _phoneNumber.substr(0, 3) + ' ' + _phoneNumber.substr(3);} else if (_ph

let data = {}function setPageData (key, value, _key) { if(_key) { data[key]._key = value; } else { data[key] = value; }}function getPageData (key) { return data[key];}抄的某个小程序工程中的，网上说是类似jQuery的方法。

/** * 获取当前时间（格式为('yyyy-MM-dd HH:mm:ss')） */ getFormatTime: function (e) { let time = new Date(), year = time.getFullYear() + '', month = time.getMonth() + '', date = time.getDate() + '', hours = time.getHours() + '',

因为JSON.parse(data).value = 1;不可修改value的值。所以使用temp.value来修改其中的值。

1.创建数组let arryList = []2.创建数组内的元素(JSON对象)let item = {}3.给元素赋值item.value1 = num1,item.value2 = num24.把元素放入数组arryList.push(item)5.多元素时，将给元素赋值代码段放入循环...