🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
* [ ] 知识点一:JavaScript中的各个等号的区别 1、===:称为等同符,当两边值的类型相同时,直接比较值,若类型不相同,直接返回false; 2、==:称为等值符,当等号两边的类型相同时,直接比较值是否相等,若不相同,则先转化为类型相同的值,再进行比较; ```javascript <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script> //1. 我们程序里面的等于符号 是 == 默认转换数据类型 会把字符串型的数据转换为数字型 只要求值相等就可以 console.log(3 == 5); // false console.log('pink老师' == '刘德华'); // flase console.log(18 == 18); // true console.log(18 == '18'); // true console.log(18 == "18"); // true console.log(1==true); // true console.log(NaN == NaN); // false console.log("1" == "01"); // false console.log(18 != 18); // false // 2. 我们程序里面有全等 一模一样 要求 两侧的值 还有 数据类型完全一致才可以 true console.log(18 === 18);//true console.log(18 === '18'); // false console.log(NaN === NaN); // false console.log(false === false); // true console.log('abc' === "abc"); // true </script> </head> <body> </body> </html> ``` 该HTML文件,可以通过浏览器打开,按下F12,可以在控制台console看到输出结果 * 类型转换规则: * 1)如果等号两边是boolean、string、number三者中任意两者进行比较时,优先转换为数字进行比较。 * 2)如果等号两边出现了null或undefined,null和undefined除了和自己相等,就彼此相等 >[info]注意:NaN==NaN  //返回false,NaN和所有值包括自己都不相等。 参考文章: [三个等号和两个等号的区别(“===”和“==”)](https://blog.csdn.net/weixin_41530824/article/details/84783796) [JavaScript 比较和逻辑运算符](https://www.w3cschool.cn/javascript/js-comparisons.html) * [ ] 知识点二:WXML语法之条件渲染hidden的使用注意  hidden是通过添加样式的方式来切换显示,hidden 属性 不要和 样式 display一起使用。因为display属性会覆盖hidden属性,而导致hidden无效。 ``` <view> <view>条件渲染</view> <view>-----000-------</view> <view hidden style="display: flex;" >hidden</view> </view> ``` 运行效果 ![](https://img.kancloud.cn/81/b7/81b7a406194ef7b15f254e22cf2d87a1_414x49.png) 打开控制台区域,切换到WXML下,选择hidden的属相标签,看到` <view style="display: flex;">hidden</view>`,右侧 ![](https://img.kancloud.cn/b9/ba/b9bab15e7fe9631e35fed2760721d3f9_1425x395.png) * [ ] 知识点三:微信小程序内容组件 text(文本) 正如官方文档[text组件](https://developers.weixin.qq.com/miniprogram/dev/component/text.html)和3CSchool中的[text](https://www.w3cschool.cn/weixinapp/weixinapp-text.html)讲的,text有一个selectable属性, | 属性名 | 类型 | 默认值 | 说明 | | --- | --- | --- | --- | | selectable | Boolean | false | 文本是否可选 | | space | String | false | 显示连续空格 | | decode | Boolean | false | 是否解码 | >[danger]注意:text中如果不写selectable,那它就是不可选,即selectable是false,如果写了selectable,而不给它赋值,那它就是true,即`<text >text </text>`相当于`<text selectable="{{false}}" >text </text>`,而`<text selectable >text </text>`相当于`<text selectable="{{true}}" >text </text>`,另外2个属性也一样,遇到其他的组件有类似的属性,可参考这里。 * [ ] 知识点四:wxml中快速生成多个view组件 `view{$}*100`