深圳四方精创资讯股份有限公司(套题)

深圳市 2018-10-19 472
选择题 填空题 问答题 编程题 试题难度
0 0 22 0 一般
试题信息收集不易,转发请带上出处,不甚感谢!如果您对任何编程问题还有疑问,欢迎点击下方按钮向老师提问!
问答题
  • 1、列举五款全球常用的浏览器
  • google浏览器、Firefox浏览器、IE浏览器、safari浏览器、opera浏览器

  • 3、浏览器如何知道你写的HTML网页是H5还是HTML页面?
  • 网页的第一条语句,DOCTYPE

    html5的doctype

    <!DOCTYPE html>

  • 4、html文档结构是怎么样的,viewport是怎么写?
  • <html>

    <head></head>

    <body></body>

    </html>


    <meta name=viewport content="width=device-width,initial-scale=1">

  • 6、SEO是什么意思?如何做?
  • SEO:搜索引擎优化

    1、使用语义化标签布局,遵守W3C的规范,布局上采用div+css样式布局

    2、img加上alt,title属性,抓取图片的信息。

    3、头部加上keywords、title、description的描述信息

    4、每个页面只能出现一次H1标签,H2标签可以多次

    5、页面跳转的层次不要超过3层,否则不利于搜索引擎抓取

  • 7、css选择器有哪些类型?
  • 常见选择器

    ID、class、标签、后代、并集、交集、兄弟、子选择器、属性选择器、伪类选择器

  • 8、position有哪些值,相对位置是相对于谁?
  • 答:

    默认定位是static,从左到右,从上到下布局。

    固定定位:相对于窗体定位,可通过top、right、bottom、left设置固定的位置

    绝对定位:相对最近父级元素非static定位的元素定位,如果都找不到,就以根节点html定位。

    相对定位:相对当前的位置定位


    固定定位和绝对定位都会脱离文档元素,通过z-index设置层叠顺序,使用top、right、bottom、left定位。

  • 10、什么是不带衬线字体,微软雅黑是否为带衬线字体?
  • 不带衬线的意思是,在字的笔画开始及结束的地方没有有额外的装饰。

    微软雅黑是一个无衬线字体。

  • 11、CSS3动画是怎么做的?
  • 第一种是过渡效果:transition

    第二种:使用keyframes 定义关键帧的动画信息,然后使用animation属性指定keyframes 名称。

  • 12、什么是响应式设计?媒体查询的关键字的什么?
  • 响应式是根据页码的不同大小做不同的布局显示,使用@media定义媒体查询信息。

  • 14、编写语句分别用JQuery和原生JS实现获取某个特定input标签中用户输入的值
  • 假定input标签id=txt

    $("#txt").val();

    document.getlementById("txt").value();

  • 15、什么是JS闭包
  • 答:

    闭包的主要作用就是封装,将使用的变量封装在一个封闭的作用域,这个作用域叫做“闭包域”,这样就不会污染全局变量的使用了。

    通过闭包形成一个私有的通过,通常通过return返回一个函数,来调用内容的实现。

    闭包需要特别注意的是,变量需要手动的释放资源,否则容易占用资源,导致内存泄露。


    早期通常使用即时函数来实现,在es5、es6,可以使用CommonJS、AMD、UMD的方式来实现模块化开发,一个JS文件就是一个模块也就是一个单独的作用域。

  • 17、如何让一个高度不定的DIV水平垂直居中?
  • 答:基本实现思路,使用单元格的特性来实现,垂直居中使用vertical-align:center; 水平居中text-align:center;里面的元素display:inline-block; 


    参考代码如下(如需要写代码可以不用说):

      .container{

        background-color: pink;

        height: 400px;

        width: 500px;

        display: table-cell;

        vertical-align: middle;

        text-align: center;、

    }

      .box{

         background-color: cadetblue;

         width: 100px;

         height: 100px;

         display: inline-block;

      }

  • 18、什么是事件委托,事件委托的原理是什么?
  • 事件委托的原理是利用事件冒泡,将事件绑定到触发节点的父辈元素,例如:body 。

    事件触发会冒泡到父辈元素,在父辈元素事件来判断处理。


  • 22、最近一年有没有职业规划,三年有没有职业规划?
  • 当然有,希望今年能够完成一个让自己觉得满意的项目,在三年能够做pc、app、h5、小程序的开发的项目,并且学习后端开发语言Java或php。

还能输入{{limitInput-companyComment.length}}个字符