Advanced authentication of uni app [Day12]

uni-app Advanced certification

The filter is as follows ：

Vue.filter("formatDate",(data)=>{
 const nDate=new Date(data);
 const year = nDate.getFullYear();
 const month = nDate.getMonth()+1;
 const day = nDate.getDay();
 return year +'-'+ month +'-'+ day
})


Integrity protection

SSL Provide message summarization for integrity protection .HTTP Also provide MD5 Message summary function , But it's not safe. . for example , If the message content is tampered with , And recalculate MD5 value , Then the communication receiver is unaware of the tampering .HTTPS The message digest function of is secure , Because it combines encryption and authentication . Imagine , After the added message is tampered with , It's hard to recalculate the message digest , Because plaintext cannot be easily obtained .

 "privacy": {
 
 "prompt": "template",
 "template": {
 
 "title": " Service agreement and privacy policy ",
 &quot;message&quot;: &quot;　　 Please read carefully 、 Full understanding “ The service agreement ” and “ Privacy policy ” Articles , Including but not limited to ： In order to better serve you , We need to collect your device identification 、 Operation logs and other information are used for analysis 、 Optimize application performance .<br/>　　 You can read <a href=&quot;&quot;>《 The service agreement 》</a> and <a href=&quot;&quot;>《 Privacy policy 》</a> Learn more . If you agree to , Please click the button below to start accepting our service .&quot;,
 &quot;buttonAccept&quot;: &quot; I got it! &quot;,
 &quot;buttonRefuse&quot;: &quot; Disagree for the time being &quot;
 }
}


Defined in the script data JS Variables can be used in components , But the usage in component properties is different from that in the content area .

<component-name property1=&quot;value&quot; property2=&quot;value&quot;>
 content
</component-name>


If each item in the long list is not updated individually , Then we don't need to turn every project into a component . We can simply loop through the long list to show items .

// index.vue  Loop load long list
<template>
 <view>
 <view class=&quot;thumb&quot; v-for=&quot;item in testdata&quot;>
 <ThumbItem :item='item'></ThumbItem> 
 </view>
 </view>
</template>

<script>
 Import ThumbItem from &quot;components/thumbitem/thumbitem.vue&quot;
 export default { 
 components: {
 ThumbItem
 },
 data() {
 return {
 testdata: [&quot; evaluation 1&quot;,&quot; evaluation 2&quot;,&quot; evaluation 3&quot;,&quot; evaluation 4&quot;,&quot; evaluation 5&quot;]
 }
 }
 }
</script>

<style>
 .thumb{
 text-align: center;
 margin-top: 20px;
 }
</style>


Components consume more memory during page initialization , Traversing nodes is slower . When rendering , Each component triggers communication , Too many components will prevent communication . So we should use a good knife on the blade . If we use it in any case , It will backfire . The nesting of deep nodes is the same . Deep node nesting should be avoided during development . In actual project development , Long lists are usually returned after being processed by the logical layer . The data is variable . If the data in the long list needs to be displayed on the page , We will define long lists in the data . If the variable does not need to be displayed in the view , We will try to set variables outside the data .