页面开发总结
前端开发实战及总结
极光雨雨
“芝士”与你分享 ———纳西妲
展开
-
WEB开发 前端去除数组中的null等无效内容
或者如下// trim() IE9(不包含IE9,以下版本没有trim方法)届时需要采用如下注释掉的方式重新书写// trim不生效时采用如下方式 // 去除null 空格 和undefined for (let i = 0; i < array.length; i++) { if(array[i] == " " || array[i] == null || typeof(array[i]) == "undefined"){ array.splice(i,1); i = i-1.原创 2021-05-02 20:57:24 · 426 阅读 · 0 评论 -
WEB开发 Div中强制内容换行(包括汉字,数字,号码)
要添加的样式样式:style="white-space: normal;word-break: break-all;"注意一般情况下是直接生效的,但有时候会有显示问题这个时候要(点击F12点击块查看样式是否正确,没有overflow)原创 2021-05-02 20:43:26 · 474 阅读 · 0 评论 -
WEB开发 前端不使用单引号,双引号时的拼接方式以及参数拼接
例子说明这种情况下不需要考虑前后是单双号的问题,一种较为方便的拼接方式原创 2021-05-02 20:16:41 · 334 阅读 · 0 评论 -
ElementUI输入框后加固定的自定义内容(数值单位等)
<ELCol :span="12"><CommonFormItem label="资金" prop="foreignEntity.registeredCapital" :rules="validDecimal(10,2)"><ElInput placeholder="请输入金额" v-model="projectData.foreignEntity.registeredCapital" :readonly="isReadonly" ><template slo原创 2021-06-14 17:14:31 · 3235 阅读 · 0 评论 -
边框样式调整以及位置调整技巧
一切都是基于盒子模型因为任何元素都是盒子模型,所以可以通过设置最外围的div style=” border 1px solid (以及颜色)” 来将所占区域显示出来,可以及时看到调整效果Margin,border,padding,content中 左边距,右边距,上下边距都可以设置为负值,不光是0以及正值也可以打开F12点击对应元素块上,查看右侧具体style样式,在页面调整完毕后,将修改的值加入到自己的代码中使用调试时的简单步骤打开浏览器按下F12在新打开的开发者选项栏的左上角找一个图原创 2021-04-18 12:59:55 · 1262 阅读 · 0 评论