Vue. Js interview questions(2)

1.jQuery链式编程

https://blog.csdn.net/u013415353/article/details/51959910

2.css预编辑器 好处

用一种专门的编程语言,为CSS增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进行编码工作。通俗的说,CSS预处理器用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件,以供项目使用。CSS预处理器为CSS增加一些编程的特性,无需考虑浏览器的兼容性问题,可在CSS中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性
代码优化效率提高(对开发者而言);
代码更通俗易懂(对开发者而言);
维护简单便捷;
代码更干净,优美;

3.判断一个元素是字符串还是数组

https://www.cnblogs.com/wssdx/p/8086741.html
字符串:typeof str=='string')&&str.constructor==String;
数组: typeof obj=='object')&&obj.constructor==Array;

4.让一个DIV 居中在网页的中心

用flex布局:
display: flex;
align-items:center;
justify-content:center;
flex布局是css3的属性,flex浏览器支持:

image.png

兼容性问题:IE9是不支持flex的,可以在IE9下直接使用position去实现,把display:flex去掉 详见问题链接:https://segmentfault.com/q/1010000013818153/a-1020000013819926
在APP端:flex和box布局 ios 大部分机型都能适配最低iPhone 4s Android 4.0 .
image.png


不需要知道DIV的具体宽度和高度大小,直接用jQuery就可以实现水平和垂直居中,而且兼容各浏览器,这个方法在很多的弹出层效果中应用:


image.png

div水平居中:body设置[text-align:center];div设置[margin:0 auto]

5.行内元素的margin上下左右起作用吗

行内元素的margin只能左右有效,上下无效。

6.字符串数组转化的方法

数组转字符串:join,字符串转数组:split
补充:Json对象与Json字符串的转化
a.jQuery插件转换方式:$.parseJSON( jsonstr ); //json字符串转json对象
b.浏览器支持的转换方式(Firefox,chrome,opera,safari,ie9,ie8)等浏览器:JSON.stringify(obj)将JSON转为字符串,JSON.parse(string)将字符串转为JSON格式;

7.优化网站性能的方法
  1. 尽可能的减少 HTTP 的请求数 [content]
  2. 使用 CDN(Content Delivery Network) [server]
  3. 添加 Expires 头(或者 Cache-control ) [server]
    image.png

    image.png
  4. Gzip 组件 [server]
  5. 将 CSS 样式放在页面的上方 [css]
  6. 将脚本移动到底部(包括内联的) [javascript]
  7. 避免使用 CSS 中的 Expressions [css]
  8. 将 JavaScript 和 CSS 独立成外部文件 [javascript] [css]
  9. 减少 DNS 查询 [content]
  10. 压缩 JavaScript 和 CSS (包括内联的) [javascript] [css]
  11. 避免重定向 [server]
  12. 移除重复的脚本 [javascript]
  13. 配置实体标签(ETags) [css]
  14. 使 AJAX 缓存 详见:https://www.cnblogs.com/ruko/p/5950142.html
8.如何解决跨域问题
  1. JSONP
      JSONP是JSON with Padding的略称。它是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是JSONP简单的实现形式)。关于jsonp的使用方式,可以参考http://blog.csdn.net/alen1985/article/details/6365394,优缺点可以参考http://blog.csdn.net/z69183787/article/details/19191385
  2. 添加响应头,允许跨域 (java 服务端设置跨域)
      addHeader(‘Access-Control-Allow-Origin:*’);//允许所有来源访问
      addHeader(‘Access-Control-Allow-Method:POST,GET’);//允许访问的方式
    参考:https://www.jianshu.com/p/0c67823550d6
  3. 代理的方式
    服务器A的test01.html页面想访问服务器B的后台action,返回“test”字符串,此时就出现跨域请求,浏览器控制台会出现报错提示,由于跨域是浏览器的同源策略造成的,对于服务器后台不存在该问题,可以在服务器A中添加一个代理action,在该action中完成对服务器B中action数据的请求,然后在返回到test01.html页面。
9.vue生命周期data什么时候拿到的,dom什么时候生成的

八个钩子函数:beforeCreate,created,beforemount,mounted,beforeUpdate,updated,beforeDestroy,destroyed
created创建完毕:vue实例已经创建,能读到数据data的值,DOM没有生成
mounted渲染完毕:使用最多的函数了,一般异步请求都写在这里,数据和DOM都已被渲染出来 https://www.cnblogs.com/emma0118/p/6660004.html

10.vue的计算属性computed和watch的区别

https://blog.csdn.net/zfz5720/article/details/79550882

11.组件之间的通信有哪些方式
12.vuex有哪些属性,用过哪些

Vue有五个核心概念,state, getters, mutations, actions, modules。https://www.cnblogs.com/y896926473/p/6709733.html
用法:https://blog.csdn.net/weixin_41578487/article/details/79456935
https://blog.csdn.net/thatway_wp/article/details/79024849

13.vue双向绑定的原理 同36
14.vue指令用过哪些

v-model 、 v-class、v-for、v-if、v-show、v-on
作用:v-if:判断是否创建;v-show:判断是否隐藏;v-for:数据循环;
v-bind:class:绑定一个属性(缩写为:);v-on:绑定事件(缩写为@);
v-model:实现双向绑定(多数用于表单元素);

15.Vue.js组件可复用性的混合(mixin)方式和自定义指令

混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时,所有混合对象的选项将被混入该组件本身的选项。


image.png

参考:https://www.jb51.net/article/122989.htm

16.项目中用路由是用哪种模式

vue-route有两种模式:history模式和hash模式。https://blog.csdn.net/E_li_na/article/details/80212724
hash模式(vue-router默认hash模式),hash模式背后的原理是onhashchange事件。
history模式需要后台配置支持。如果后台没有正确配置,访问时会返回404。 通过history api,丢弃了丑陋的#,但有一个缺点,当刷新时,如果服务器中没有相应的资源,会分分钟刷出一个404来(刷新需要请求服务器)
为什么要有 hash 和 history: https://blog.csdn.net/huang100qi/article/details/80237555

17.怎么配一条路由?

https://www.cnblogs.com/padding1015/p/7884861.html

18.怎么根据路由的角色去加载路由的下家

参考:https://segmentfault.com/q/1010000013548882/a-1020000013584304

19.webpack配置,入口函数 webpack和gulp的区别
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,390评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,821评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,632评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,170评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,033评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,098评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,511评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,204评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,479评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,572评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,341评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,893评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,171评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,486评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,676评论 2 335

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,040评论 0 29
  • Vue对比其他框架 这个页面无疑是最难编写的,但我们认为它也是非常重要的。或许你曾遇到了一些问题并且已经用其他的框...
    伊滴墨阅读 1,794评论 0 15
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,882评论 1 4
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,566评论 0 7
  • 浑浊 让清明愈加清明 像一个不被待见的疯子 焦渴,癫狂 无法再对低垂的眼眸致意 无法再对上扬的嘴角致意 迷乱的心 ...
    苏格拉风掠影阅读 1,273评论 28 40