资讯专栏INFORMATION COLUMN

前端基础面试题

ashe / 1475人阅读

摘要:的新增标签结构标签多媒体标签绘图标签其他标签新增的表单控件属性元素新增属性新增的圆角边框图片背景尺寸渐变文本效果字体阴影转换多列布局动画动画动画获取对象的方法把新的子节点添加到指定节点删除子节点替换子节点在指定的子节点前面插入新的子节点创

1.HTMl5的新增标签;

结构标签:
  header    section    footer    nav    article    aside    hgroup    figure    figcaption    dialog          
多媒体标签:
  video    audio    source   
绘图标签:
  canvas    svg  
其他标签:
  keygen    mark    time    output  

2.H5新增的表单控件(属性)

  number    color    datetime    datetime-local    time    date    week    month    email    URL    range

3.input元素新增属性

  autocomplete    autofocus    required    pattern    form    

4.CSS新增的

  圆角    边框图片   背景尺寸    渐变    文本效果    字体阴影    2D转换  多列布局    动画
  http://blog.163.com/thinker_creator/blog/static/101933149200992181547878/

5.CSS3动画

  transition    transform    animation  
  https://www.cnblogs.com/wuyanliang/p/5862643.html

6.jQuery动画

  hide()    show()    
  fadeIn()    fadeOut()    fadeToggle()    fadeTo()
  animate()
  slideDown()    slideUp()    slideToggle()

7.javaScript 获取DOM对象的方法

  getElementById()
  getElementsByTagName()
  getElementsByClassName()
  appendChild()                    把新的子节点添加到指定节点
  removeChild()                    删除子节点
  replaceChild()                   替换子节点
  insertBefore()                   在指定的子节点前面插入新的子节点
  createAttribute()                创建属性节点
  createElement()                  创建元素节点
  createTextNode()                 创建文本节点
  getAttribute()                   返回指定属性名的属性值
  setAttribute()                   把指定属性设置或修改为指定的值
  getComputedStyle()               获取内联外联的css样式 

8.jQuery 操作CSS样式

  css()

9.jQuery 操作类名

  addClass()
  removeClass()
  toggleClass()

10.jQuery-JavaScript 操作内容

  html()    innerHTML
  text()    innerText
  val()     textContent

11.jQuery对元素属性的操作

   attr()                          操作自定义属性
   prop()                          操作固有(自带)属性
   removeAttr()       

12.H5的本地存储(缓存)

   localStorage                    永久保存(5M)
   sessonStorage                   窗口,浏览器,客户端关闭后自动消除数据(5M)
   cookies                         大小4K之内    

13.JavaScript的类型有哪些

   number string boolean undefined null  object(array function)

14.怎么判断JavaScript类型

   typeof

15.null,undefined类型

   object     undefined

16.写一个简单的排序(数组去重)

   function sorts(str){
       return Array.from(new Set(str)).sort((a,b)=>{return b - a})
   }

17.JavaScript类型转换

   Number()    
   parseInt()                     不能转换浮点数
   parseFloat()                   能转换浮点数
   string()

18.数组转字符串

    replace()    var str= arr.replace(/""/g,"")
    join()       var str = arr.join(",")
    JSON.stringify(对象或者数组)    将JavaScript值转换为JSON字符串       

19.字符串转数组

    split()       var arr = str.split(",")

20.字符串转对象

    JSON.parse()                   将一个JSON字符串转为JavaScript对象

21.JavaScript延迟加载

    setTimeout
    让JavaScript代码最后加载(放在HTML文件底部)
    async defer

22.js性能优化

    尽量减少DOM调用
    优化循环
    避免使用eval()
    使用事件委托
    减少DOM的数目
    动态创建DOM方式
    按需异步加载

23.事件委托

    利用事件冒泡的原理,子元素的事件会冒泡到父元素,可以只给父元素添加事件,通过事件目标判断元素      

24.闭包

    函数内部又定义了一个函数,内部函数引用外部函数的变量,就构成了闭包
    (闭包就是能够读取其他函数内部变量的函数)

25.eval()

    它的功能吧对应的字符串解析成JavaScript饭吗并运行
    缺点:非常耗性能(一次解析成JavaScript语句,一次执行)

26.链式结构的原理

    return  this

27.你知道VueX么

    集中式状态管理架构

28.前端构建(造)工具

     gulp
     http://www.gulpjs.com.cn/

29.前端js框架(框架)

    Zepto.js    Node.js    angular.Js    JQuery Mobile    requirejs    Vue.js    backbone.js

30.前端UI框架

    bootstrap    Pure    EasyUI    Ant Design

31.前端加密方式(js)

js加密
    https://www.cnblogs.com/jingmin/p/6503257.html
    压缩    混淆     MD5    RSA

32.前端隐藏元素

   display:none    visibility:hidden    opacity:0    position:absolute    clip-path(裁剪)

33.作用域的规则

    只能从内部向外部查找变量

    
 
  

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/113654.html

相关文章

  • 前端面试 - 收藏集 - 掘金

    摘要:一基础接口的意义百度规范扩展回调抽象类的意义我的前端面试经历百度前端掘金博主就读于电子科技大学,大三狗一枚面试是个漫长的过程,从海投到收获电话面试,一面二面三面,一个步骤出错那么后面就宣告终结。 一道常被人轻视的前端 JS 面试题 - 前端 - 掘金 目录前言第一问第二问变量声明提升函数表达式第三问第四问第五问第六问构造函数的返回值第七问最后前言 年前刚刚离职了,分享下我曾经出过的一道...

    lpjustdoit 评论0 收藏0
  • 前端开发面试链接

    摘要:手册网超级有用的前端基础技术面试问题收集前端面试题目及答案汇总史上最全前端面试题含答案常见前端面试题及答案经典面试题及答案精选总结前端面试过程中最容易出现的问题前端面试题整理腾讯前端面试经验前端基础面试题部分最新前端面试题攻略前端面试前端入 手册网:http://www.shouce.ren/post/index 超级有用的前端基础技术面试问题收集:http://www.codec...

    h9911 评论0 收藏0
  • 前端开发面试链接

    摘要:手册网超级有用的前端基础技术面试问题收集前端面试题目及答案汇总史上最全前端面试题含答案常见前端面试题及答案经典面试题及答案精选总结前端面试过程中最容易出现的问题前端面试题整理腾讯前端面试经验前端基础面试题部分最新前端面试题攻略前端面试前端入 手册网:http://www.shouce.ren/post/index 超级有用的前端基础技术面试问题收集:http://www.codec...

    snifes 评论0 收藏0
  • 20W字囊括上百个前端面试的项目开源了

    摘要:字囊括上百个前端面试题的项目开源了这个项目是什么项目内容这个项目目前在上刚刚开源主要内容如下前端面试题主要整理了高频且有一定难度的前端面试题对这些面试题进行解读前端原理详解针对一些有一定难度面试题涉及的知识点进行详解比如涉及的编译原理响应式 20W字囊括上百个前端面试题的项目开源了 这个项目是什么? 项目内容 这个项目目前在GitHub上刚刚开源,主要内容如下: 前端面试题: 主要整...

    Euphoria 评论0 收藏0
  • 你不能错过的前端面试合集

    摘要:收集的一些前端面试题从面试题发现不足,进而查漏补缺,比通过面试更难得及各大互联网公司前端笔试面试题篇及各大互联网公司前端笔试面试题篇面试题个和个经典面试题前端开发面试题如何面试前端工程师很重要个变态题解析如何通过饿了么面试轻 收集的一些前端面试题 从面试题发现不足,进而查漏补缺,比通过面试更难得 1 BAT及各大互联网公司2014前端笔试面试题--Html,Css篇 2 BAT...

    ninefive 评论0 收藏0
  • 你不能错过的前端面试合集

    摘要:收集的一些前端面试题从面试题发现不足,进而查漏补缺,比通过面试更难得及各大互联网公司前端笔试面试题篇及各大互联网公司前端笔试面试题篇面试题个和个经典面试题前端开发面试题如何面试前端工程师很重要个变态题解析如何通过饿了么面试轻 收集的一些前端面试题 从面试题发现不足,进而查漏补缺,比通过面试更难得 1 BAT及各大互联网公司2014前端笔试面试题--Html,Css篇 2 BAT...

    darkbaby123 评论0 收藏0

发表评论

0条评论

ashe

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<