基础题
1.让一个input的背景颜色变成红色
答案：<input type="text" value="演示文本" id="demo">
- #demo {backgroung : red; }
- document.getElementById('demo').style.background = 'pink';
2.行内元素有哪些，块级元素有哪些，空(void)元素有那些
答案：
-
行内元素：a span i img input select b 等
-
块级元素：div ul ol li h1~h6 p table 等
-
空元素：br hr link 等
3. CSS中link 和@import的区别
答案： link属于XHTML标签，@import完全是CSS提供的一种方式,只能加载CSS
加载顺序的差别，当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS 会等到页面全部被下载完再被加载
兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持，而link标签无此问题
当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的
4. 实现导入样式时，画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持一致效果？
答案：<div style="height:1px;overflow:hidden;background:red"></div>
4.如何居中div，如何居中一个浮动元素？如何让绝对定位的div居中？
答案：
1、margin:xpx auto;
2、确定容器的宽高，这里宽度是必须的，高度可以不设，设置外层的上外边距和左外边距分别是宽高的一半。
实现居中关键在于 margin设置与 position:relative.
.div {
width:500px ;
height:300px;
margin: -150px 0 0 -250px;
position:relative;
left:50%;
top:50%;
}
position:absolute;
top: 50%;
left: 50%; 只能把div定位在以红色圈为起点的位置，加上margin:-100px 0px 0px -100
知识点链接：https://blog.csdn.net/qq_41445106/article/details/97273169
6.layui中，弹窗有哪几种方式，应用场景是如何区分？
- 1：confim类型使用方法
layui.use('layer', function(){
layer.confirm('是否立即上传卷宗信息？', {
btn: ['是','否'],
time: 200000, //20s后自动关闭
},function(index){
alert("这是点击确定按钮走的回调")
layer.close(index);
},function(){
alert("这是点击取消按钮走的回调")
});
})
- 2：open类型弹框，content参数可以是一个选择器也可以是一个路径
layer.open({
type : 1,
title : "借阅时间",
area : [ '450px', '300px' ],
content : $("#borrowCase"),
btn: ['确定', '取消'],
yes: function(index){
alert("这是点击确定按钮走的回调")
},
btn2: function(){
alert("这是点击取消按钮走的回调")
},
end:function(){
alert('这是点击任一按钮都会走的回调')
}
});
layui.use('layer',function(){
var layer=layui.layer;
layer.open({
type:2,
title:'新增字段信息',
area:['450px','300px'],
content: "dictionary/addFiled?dictionaryId="+dictionaryId//字段类型
})
})
- 3：msg类型
layer.msg('添加借阅成功', {
time: 1500, //1500ms后自动关闭
});
- 4：关闭弹窗
layer_close(index)关闭当前弹窗
parent.layer.closeAll()关闭所有的弹窗
知识点链接：https://www.layui.com/
7.JQuery,可以通过哪几种方式访问元素？举例几种访问方法？
8.表单提交中Get和Post方式的区别
答案：
- Get 一般用于从服务器上获取数据，Post 向服务器传送数据
- Get 传输的数据是拼接在Url之后的，对用户是可见的；Post 的传输数据对用户是不可见的
- Get 传送的数据量较小，不能大于 2KB。Post 传送的数据量较大，一般被默认为不受限制
- Get 安全性非常低，Post 安全性较高
- 在 FORM 提交的时候，如果不指定 Method，则默认为 Get 请求
9.跨域问题。谁限制了跨域？怎么解决跨域问题？
答案：同源策略
现在对跨域的解决方法大概有以下几种：
- 通过jsonp跨域
- document.domain + iframe跨域
- location.hash + iframe
- window.name + iframe跨域
- postMessage跨域
- 跨域资源共享（CORS）
- nginx代理跨域
- nodejs中间件代理跨域
- WebSocket协议跨域
知识点链接：https://blog.csdn.net/wonking666/article/details/79159180
二、在界面上，需要根据监护病人，对二个select用ajax绑定下拉选项。其中一个医生下会有多个医助。请写出相应的代码？
1，病人的获取接口地址为：patient/getpatient.do
知识点学习:
-
image.png
网友评论