前端常见问题 (实习篇)

145 阅读2分钟

1.切图 发现大小为14px 于是设置宽高为14px 最后发现效果图不够圆。有时候切图 下面会有1px的透明的 所以可以设置宽固定长度,高为auto。

2 border-radiux 设置为rem时很奇怪 可以使用px。

3.当px很小时 也直接用px 不然用rem展示会有问题。border设置时 如果是1px直接使用px

4.当多次调用某一个接口 且发现有冲突时可以针对该接口 写多个方法 在不同的时机进行调用

5.width:100% margin-right无效 可以讲width: auto。

6.input 选择同一个文件第二次不触犯发onchange事件

26333247-e420214bc45a648d.png

7.公司最近做ocr相关需求 自己之前还没做过上传文件之类的需求(其实本人目前还是个实习生)

(1) <input type="file" class="input" accept="image/png,image/jpeg">

只可以调起相册 上传图片只支持png、jpg

(2)<input type="file" class="input" accept="image/jpg, image/jpeg" capture="camera">

只调起照相机带上capture="camera"就只调起照相机

(3)<input type="file" class="input" accept="image/*">

同时可以调起照相机、相册、文件。

26333247-90e3e5e5bb090aa3.png

  1. 常见正则匹配 (1)const cnReg = /^[\u2E80-\u9FFF\(\)0-9]{1,30}$/        //匹配中文、中文括号、数字 1-30(包含三十)

9.在多个协议之间需要顿号进行分割。但最后一个不需要可以用:《item》{{index === list.length - 1 ? '' : '、'}}

10.本来是要调跳到外部链接的 想要改变外部链接(例如在上面加个返回按钮) 但是外部链接的内容我们不可修改,这个时候可以多写一个页面,让用户跳的还是我们的页面 用iframe。 <iframe class="iframe" :src="'//' + successUrl.split('//')[1]" frameborder="0" ></iframe>

11.读取协议有时候用v-html能成功,有时候却不行,我遇到的情况是后端返回的有script标签,然后v-html无法解析script标签里面的语句,这个时候也可以用iframe进行解决。

12.给某一个区域设置宽度,文字后面跟着英文 英文自动换行导致样式很丑,可以加上word-break:break-all;属性。 我遇到的情况是 哈哈哈哈哈哈哈...pdf 我采用的办法是哈哈哈哈哈哈哈 ...pdf 在...pdf前面加上一个空格最后样式还不错。