Internet-Tt-Tech – Page 3 – MasterH's Grocery Store

可维护的JS代码有如下一些特点 容易理解:无须求助原始开发者,任何人一看代码就知道它是干什么的,以及它是怎么实现的 符合常识:代码中的一切都显得顺理成章,无论操作有多么复杂 容易适配:即使数据发生变化也不用完全重写 容易扩展:代码架构经过认真设计,支持未来扩展核心功能 容易调试:出问题时,代码可以给出明确的信息,通过它能直接定位问题 编码规范 可读性 写出可读性高的代码,首先需要注意的就是代码缩进。一般缩进4个空格,不要用制表符,因为制表符在不同的文本编辑器中,会显示不同。另外,需要养成对自己的代码进行注释的习惯,一般写注释的地方有: 函数和方法:需要写清楚函数的用途、入参、出参,每个参数的含义 大型代码块:完成单一任务的多行代码,需要给出注释 复杂的算法:如果在代码中用到了比较复杂的算法,用注释表述清楚 使用黑科技:这是解决浏览器之间的差异而写的代码,也需要用注释表述清楚 变量和函数命名 变量类型透明化

Read More

由于Vue中v-html是以原样展示的,并不会应用额外的样式,所以只能优化富文本字符串,将<img左标签替换为<img style="width:100%;height:auto" const rickTextStr = "<p>\n <img class=\"wscnph\" src=\"https://deepimage.polo-e.net/20221111/1668149211711.jpg\" />\n <img class=\"wscnph\" src=\"https://deepimage.polo-e.net/20221111/1668149217153.jpg\" /></p>" const rickTextStrReplace = rickTextStr.replace(/\<img/gi, '<img style="width:100%;height:auto" '); // 注意:auto" 后面有一个空格 经过这样的处理,富文本图片就不会过大,而是能正常显示了。

Read More

max-width: 260rpx; -webkit-line-clamp: 2; // 用来限制在一个块元素显示的文本的行数 display: -webkit-box; // 将对象作为弹性伸缩盒模型显示 -webkit-box-orient: vertical; //设置或检查伸缩盒对象的子元素的排列方式 text-overflow: ellipsis; // 在多行文本的情况下,用…隐藏超出范围的文本 word-break: break-all; overflow: hidden;

Read More