小程序固定宽高的文本框内文案过长需隐藏部分点击按钮展开文案

小程序文案过长，‘收起/展开’文字，createSelectorQuery 获取节点成功，boundingClientRect 返回信息null

问题描述: wxml中id是动态生成的. 获取节点信息是在onReady生命周期函数内延时500ms执行的,select(id)可以获取全部节点信息,boundingClientRect (rect)返回的有些有信息,有些是null. 代码如下图解决方法: 很是费解,以为是forEach异步的问题,经过了一波波测试发现并不是,而是id首位不能是数字,要不然小程序获取不到相关信息解决方法是:将图一中 id首位添加英文字母例:id="a{{item.id}}"

微信小程序—如何获取用户输入文本框的值

我们就拿简单常用的登录来举例子吧,先看最终效果图片

微信小程序开发日记——高仿知乎日报（上）

本人对知乎日报是情有独钟,看我的博客和github就知道了,写了几个不同技术类型的知乎日报APP 要做微信小程序首先要对html,css,js有一定的基础,还有对微信小程序的API也要非常熟悉我将该教程分为以下三篇微信小程序开发日记--高仿知乎日报(上) 微信小程序开发日记--高仿知乎日报(中) 微信小程序开发日记--高仿知乎日报(下) 三篇分别讲不同的组件和功能块这篇要讲 API分析启动页轮播图日报列表浮动按钮侧滑菜单 API分析以下是使用到的具体API,更加详细参数和返回结

微信小程序开发日记——高仿知乎日报（中）

本人对知乎日报是情有独钟,看我的博客和github就知道了,写了几个不同技术类型的知乎日报APP要做微信小程序首先要对html,css,js有一定的基础,还有对微信小程序的API也要非常熟悉我将该教程分为以下三篇微信小程序开发日记--高仿知乎日报(上) 微信小程序开发日记--高仿知乎日报(中) 微信小程序开发日记--高仿知乎日报(下) 三篇分别讲不同的组件和功能块这篇要讲日报详情页底部工具栏评论页面日报详情页日报的内容也是最难做的,因为接口返回的内容是html-,天呀,是html

div 固定宽高水平垂直居中方法

div固定宽高,水平垂直居中,根据所用单位不同,分成两种情况,分别是"px"和"%"情况. 例:将三层div做出三个边框,要求水平垂直居中.效果如图情况一(单位是px时): 只需要用绝对定位到屏幕中间,然后利用margin-left和margin-top取值就可以实现. <style type="text/css"> .a { border: 1px solid #00caca; width: 900px; height: 500p

固定宽高的DIV绝对居中示例

看了一些代码,然后自己试验了一番,分享如下示例: 实现点: 如果元素的宽高固定,那么,css指定样式为top:50%;left:50%; 而margin-top和 margin-left 指定为负数,绝对值为自身宽高的一半当然,position也需要指定为absolute,或者relative. 如果要在某个父级元素内居中,那么父元素也需要指定CSS的position属性. 如果有边框,那么,margin元素需要做一点微调. 代码如下: <!DOCTYPE html> <html>

微信小程序中显示html富文本的方法

微信小程序中显示html富文本的方法使用方法:git地址:https://github.com/icindy/wxParse 一.下载wxParse文件二.在要引入的页面的js文件中,引入文件 js文件中 var WxParse = require('../../../weui/wxParse/wxParse.js'); css文件中 @import "../../../weui/wxParse/wxParse.wxss"; 页面中 <import src="../

javaScript:让文本框内的最后一个文字的后面获得焦点

//当失去交点以后让文本框内的文字获得焦点并且光标移到最后一个字后面 function myfocus(myid) { if(isNav){ document.getElementById(myid).focus();// 获取焦点 }else{ setFocus.call(document.getElementById(myid)); } } var isNav = (window.navigator.appName.toLowerCase().indexOf("netscape"

小程序swiper效果高宽设置（微信小程序交流群：604788754）

swiper的宽和高一定要设置在swiper上面.swiper-item默认继承swiper的宽和高.swiper-item容器里面的宽和高没有继承他的父节点宽和高,需要从新设置. 不明白之处,可以咨询群主,或是查看小程序API文档

css中固定宽高div与不固定宽高div垂直居中的处理办法

固定高宽div垂直居中如上图,固定高宽的很简单,写法如下: position: absolute; left: 50%; top: 50%; width:200px; height:100px; margin-left:-100px; margin-top:-50px; 不固定高宽div垂直居中的方法方法一(此div元素应是 inline-block): 用一个"ghost"伪元素(看不见的伪元素)和 inline-block / vertical-align 可以搞定居中,非常巧

小程序解析html之富文本插件wxParse

近期,开发小程序时,遇到后台给我返回了一串html代码,需要我这边来解析,头疼了好久,网上找资料找了变天,终于找到wxParse,然而看到的都是针对于页面中有单个html或者固定数据的,我现在的问题是,后台给我返回许多条数据,每一条数据中都有一串html代码需要解析. 说到这儿,就先来说说wxParse的基本用法吧. 首先引入必要的文件. (1).在需要用到wxParse的js文件中引入wxParse.js文件. let wxParse = require("../../wxParse/wxPa

微信小程序开发日记——高仿知乎日报（下）

本人对知乎日报是情有独钟,看我的博客和github就知道了,写了几个不同技术类型的知乎日报APP 要做微信小程序首先要对html,css,js有一定的基础,还有对微信小程序的API也要非常熟悉我将该教程分为以下三篇微信小程序日记--高仿知乎日报(上) 微信小程序日记--高仿知乎日报(中) 微信小程序日记--高仿知乎日报(下) 三篇分别讲不同的组件和功能块这篇要讲主题日报我的收藏设置图片修正主题日报主题日报的样式跟首页几乎一模一样,区别在多了一行主编区域.不过这个主编区域没有实现

table 与 div 固定宽高问题

div {width:100px;height:200px;word-wrap: break-word;overflow:hidden;} 这个可以固定div的宽高,溢出内容会被剪除. table{table-layout:fixed;width:200px;height:200px; }td {width:100px;height:200px;overflow:hidden;} 这个只能固定td的宽度,而高度随内容增加而增高:若也要固定其高度,则需要在td中嵌套使用div,包住content,

偏前端 - 不是固定宽高，页面随设备同比放大/缩小展示。不妨看看rem单位，你就有眉目上手做了！！！

为什么要使用rem 之前有些适配做法,是通过js动态计算viewport的缩放值(initial-scale). 例如以屏幕320像素为基准,设置1,那屏幕375像素就是375/320=1.18以此类推. 但直接这样强制页面缩放过于粗暴,会导致页面图片文字失真模糊. Px是相对固定单位,字号大小直接被定死,所以用户无法根据自己设置的浏览器字号而缩放,em和rem虽然都是相对单位,但em是相对于它的父元素的font-size,页面层级越深,em的换算就越复杂,而rem是直接相对于根元素,这就避开了

关于小程序navigator没有高的情况

传统的web开发者进入小程序的时候,可能有几个映射疑问: div - > view a -> navigator携带参数传值(a标签应该是根据内容来撑高,而navigator就不会根据内容撑高) span - > text 后面的映射也差不多是这样...

微信小程序之自定义底部弹出框动画

最近做小程序时,会经常用到各种弹框.直接做显示和隐藏虽然也能达到效果,但是体验性太差,也比较简单粗暴.想要美美地玩,添加点动画还是非常有必要的.下面做一个底部上滑的弹框. wxml <view class="modals modals-bottom-dialog" hidden="{{hideModal}}"> <view class="modals-cancel" bindtap="hideModal"&g

微信小程序手动实现select下拉框选择

在小程序中没有像h5中的下拉标签的 picker又满足部了,那就自己动手写 <view class='list-msg'> <view class='list-msg1'> <text>商品金额</text> <text>￥99.00</text> </view>  <view class='list-msg2' bindtap='bindShowMsg'> <text

小程序登录时如何获取input框中的内容

最近写小程序项目遇到一些问题,今天整理下这些问题的解决方法,希望对用户有帮助.下面是登录页,点击登录时获取input框中的值, 效果如下: wxml布局如下: <view > <input type="text" placeholder-style="color:#fff;" bindinput="userNameInp" placeholder="请输入账号" /> </view> <

微信小程序开发--宽为百分百，页面仍可左右滑动

这段时间小程序开发时,很多时候,希望内容充满整个屏幕(高度.宽度100%),如下图但是在设置 .followrecords-container{width:100%;} 后发现手机在横向上虽然页面完全展示了,但是部分手机的页面却可以左右滑动(好像是溢出了一样,页面的右边总有一块白色区域),这肯定不是我们需要的.你上下滑动是正常功能,如果是左右页面切换,能滑动也是正常的,但是你这不是页面切换,纯粹就是右边溢出了一部分,多出一条莫名的白色区域,导致的滑动,肯定是不允许的. 解决办法就是在样式

微信小程序图片宽100%显示并且不变形

<view class="meiti" style="background-color:red;"> <image src="http://10.0.0.171:9001/images/2017/0619/20170619110943813_progressive.jpg" mode="widthFix" style="width:100%;background-color:black;"

在Mac Os(苹果)上用手机抓包软件Charles抓取微信小程序中的高清无水印视频

原文转载自「刘悦的技术博客」https://v3u.cn/a_id_118 手机抓包是一名测试工程师常备的技能,比如我想查看一个接口请求的参数.返回值,还有移动设备上的http请求.https请求,这一次的背景是我们想要在app端和小程序端抓取一些视频,这里用腾讯视频作为例子,使用mac系统的Charles软件(有点类似win系统中的fiddler,使用方式上大同小异)来进行视频接口与地址的抓包和嗅探. 同时抓包工具也有利于线上生产环境问题的分析,前几天有个做服务端的同学跟我说他不用抓包工具,遇

巴特西