简单的前端面试题

torch

1.android 手机加载一套css  ios加载一套css       （扫描二维码android手机扫描跳转到android应用市场，ios跳转到ios的应用市场）



        navigator   

        localton.href=''





2.以前pc端是如何调试页面的?在哪些浏览器测试你的页面

       

        IETester        谷歌    火狐       360浏览器     Ie8以上     苹果浏览器   （常见的浏览器必须调试）


       


3.以前移动端页面如何调试。

       

        1.谷歌自带的浏览器模拟器测试

        2.在常见的真机  上测试 （自带的浏览器  、 手机上 uc浏览器  、 微信里面测试）



       
         微信的内核   qq的x5 内核，x5内核基于webkit







4.commonjs怎么理解的？


        commonjs模块化的标准nodejs是模块化的实现
       




5.模块化怎么里面？


       
        nodejs   vue  react   微信小程序   angualr



         模块化？

            可以把一些公共的功能单独抽离成一个js文件，作为一个模块。 外面要使用模块里面的数据。我们必须在模块里面通过module.exports 或者exports把模块里面的数据暴露。
         暴露以后再外面通过require或者import 引入。引入以后才可以使用模块里面的数据。


         最终目标：它的终极目标是提供一个类似Python，Ruby和Java标准库。



       



6.package怎么理解的？

       
       
        package.json文件,定义了这个项目所需要的各种模块(依赖),以及项目的配置信息(比如名称、版本、入口文件、许可证等元数据。）






7.package.json里面 script
       

        比如以前运行nodejs的程序     node  js文件名             配置一个名词叫start    npm run start



         script 标签里面配置命令的简写  

         "scripts": {
            "test": "echo \"Error: no test specified\" && exit 1",
            "start":"node 07silly-datetime第三方模块安装使用.js"

          }


        npm run start



8.以前用过哪些jq插件？

         
       
        放大镜  轮播图  下拉菜单  侧边栏  懒加载     cookei插件      拖拽     弹出框    tab切换     日期插件  ,  表单验证   购物车飞入插件。




9.你如何处理后台接口返回的数据


        console.log看看数据格式，如果是json对象分析结构直接用，如果是json字符串。把json字符串通过JSON.Parse（）转换成对象，在用


10、


        JSON 对象转换成json字符串        JSON.stringify()

        JSON字符转换成JSON对象     JSON.parse()




11、面向对象怎么理解的？


       
        封装：


        继承：


        多态：

       





12.侧边栏实现原理？

       
        1.绝对定位    调整 right  top值让它隐藏

        2.点击按钮改变 上面这个隐藏元素的right值。结合jq动画实现





13、怎么清除浏览器的缓存？


       
        ctrl+f5    强制刷新      浏览器关闭重新打开    设置里面清除


14.actionsheet  如何实现。   （底部弹出框）
       


        1.绝对定位    调整 right  top值让它隐藏

        2.点击按钮改变 这个元素的位置 （jq动画      css动画）

       
15.js如何执行css3动画

       
        1.改变css属性

        点击

             获取dom节点

             dom.style.transition="all 1s"

             dom.style.transform='translate(100px,500px)'

       
        2.动态加class

                1.css里面给这个元素设置transition

                2.对应class里面设置运动的动画

                3.点击加class

fisher

当我看到浏览器出现UC和360的时候，我就觉得你这个答案不靠谱

无常方便面

这什么鬼???????????