すべてのコードのヒント、騒ぎ、!
ネイティブのサイズを変更するコンポーネントアプレット
公式マイクロ手紙には、いくつかの基本的なコンポーネントを提供していますが、一部のコンポーネントはプロパティに似たサイズを提供していない、我々は唯一のCSSが例としてラジオに解決できる必要があります。
アプレットピッカー成分範囲-キーが有効になりません。
書かれた公式文書による過程で見つかったアプレットピッカーは、リストは、[オブジェクトオブジェクト]としてレンダリングされることを示唆し、ドキュメントを見て:
成分の着信使用シナリオは、オブジェクトの配列である場合は、値はリストコンテンツとして表示される配列の表示を設定するレンジキーを設定する必要が
値は、公式文書によれば、文字列ではなく、問題は、対応するデータ{} {}で使用されているように、アセンブリは、着信の正しい使用を原因となり、レンジキータイプです。
{{}}を使用することなく一重引用符範囲キーラップまたは直接ニックネームの使用、
背景色を変更するには、小さな単一ページのアプリケーション
オブジェクトapp.jsonの未亡人に設定された設定アプレットページの背景色、グローバル背景色を設定する開始、
その後、最初の反応のページに別のJSONファイルの設定を使用することで、
決定的ああ、または灰色のページの背景に何の卵を発見しました。
対応するページクラスファイルwxssに配置されたソリューション:
オブジェクトパラメータを渡し、アプレットのパラメータの受け渡しをルーティング
パラメータ渡しモードアプレットをURLパラメータ通過背後縫合により行われ、通常は質量参加IDをバインドする必要があり、IDが{{item.id}}、クリックイベントを受け入れるようにevent.currentTarget方法を使用する結合であろう
しかし、あなたが本当にオブジェクトとして渡されるパラメータ、特に彼の息子のオブジェクトと同様に、目的は、従来の伝送JSON文字列に変換することができるとき
"/>
"/>
しかしため、URLの限られた長さの物体が長すぎる、と縫製後に不完全なURLであることが判明し、リードした後に解析し、そのパラメータ渡しのオブジェクトをルーティングするときのことに注意することは、パラメータ渡したオブジェクトが長すぎることはできません。
受信モード:
個別オブジェクトデータの特定の属性値で提供アプレット
この問題は、小さなプログラムは、すべてのデータに応答するので、あなたはthis.setData()メソッドを使用する必要があり、発生する可能性のある初心者とベテランで、今私は、このようなデータがあるとします。
我执行只想为addressData的address属性赋一个值该怎么做? 也许你会这样:
No,No,你不需要这样,你只需要:
就这么简单,如果你没用过你一定很兴奋,不要着急我们把问题升级!假设我现在的数据变成了这样:
我们现在只想把discountList数组中选中对象的click值变为1,怎么办?
No,No,你会发现这样是不行的,我教你一个简单方法:
但是!每次都要定义变量看起来就躁!所以还要再简单!再简单!
小程序接口加密时去除昵称数据含有的reshuffle表情(例如emoji)
你有没有遇见过,你要对每个用户的微信昵称就行接口发送给后台,但是他随机的报错了…… 我的天,因为每次接口都要经过MD5加密,需要将获取的用户昵称一起加密发送到后台,开始毫无知觉拿过来直接扔进去加密,直到用后台人员的微信测试,中文验签失败,几周前已经调整过中文验签的签名算法,后来发现……
他的微信昵称里有3个“屁”……
具体是什么屁……
你打开你的输入法的emoji你会发现,里面有各种表情,其中就有一个屁…… 于是想到的方法,将特殊符号先去除,替换成指定符号,再扔进去加密,上代码:
至于为什么不是去除特殊表情,一开始第一反应是去除就好了,后来想到万一还有人只用特殊表情做昵称……那存进去的就是空字符串,到时候拿出来显示为空的,视觉不好看。
小程序class中使用三元表达式
代码简单至极,和vue通用
去除小程序swiper组件的滚动条
小程序自带swiper组件在滚动到时候会用滚动条出现,有时候为了页面的干净,所以……干掉它!
小程序跳转写绝对路径
忘记为啥用到了,反正最后弄明白了,路径拼接以‘/’开始,你总会用到
小程序多行文本溢出显示省略号
这个问题,其实问题不大,但是解决了一会,主要原因有2个:
一开始考虑使用单行超出省略号的方式来做:
这是单行文本的方式,一开始想着加固定高度,后来发现设备像素问题,出现有的设备会遮住半行,突然觉得不对,应该不是这样做。
2.被设备像素问题误导,去查找是不是不同设备里行高变化了 后来查询到的多行注释文本里,使用伪类太麻烦,于是查到一种样式:
这种css只适用于webkit和移动端,于是完美使用在小程序上,但是记得不能设置固定高度!!
小程序页面设置页面高度100%
放代码:
关键代码是父元素设置position: fixed;height: 100%;width: 100%; 注意了里面的子元素不要再使用fixed,使用absolute基于父元素定位
小程序点击事件阻止冒泡处理
这个时候会出现一种情况,当我点击view时,他会跳转到指定页面,当我点击view里面的image时,他会跳转2遍指定页面,第一反应就是当年做的第一个前端项目出现的新的认知,事件冒泡。
解决方法:
在小程序中事件分为冒泡事件和非冒泡事件:
冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。 非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。
其中有一行字单独说明了:
bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。
小程序map组件不显示坐标,且出现了bing地图的标识
map地图组件使用:
使用map的过程中出现一个问题,在onload方法中调用接口,对data中的lng和lat进行赋值,然后发现,map实际显示地图为空,没有坐标,而且下方出现了bing地图的标志,顿时懵逼,难道map组件使用的不是腾讯地图的坐标?是bing地图的坐标?不会这么丧良心吧……
后来研究发现,map组件的组件渲染是优先于接口setData的异步赋值的,导致map的渲染过程中实际上longitude和latitude值都为空,且map只渲染一次。
最后拯救的方法是使用wx:if
初始化mapOn为false,接口赋值lng和lat之后将mapOn赋值true,渲染map!
小程序按钮点击css效果
プログラムは、小さなボタンクリックコンポーネントが付属しています私たちは、効果はあるが、あなたはクラスのカスタムを見つけたら、彼はしばしば、正方形、静かに、そこに滞在視覚的感覚をクリックされていない点......ほとんどの部分であります独自のカスタムボタンのスタイルは、その後、ボタンの効果をクリックしてアプレットの共通セットを書いて持っています
最後に、もはやそれほど剛性......