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浏览器支持:
兼容性问题:IE9是不支持flex的,可以在IE9下直接使用position去实现,把display:flex去掉 详见问题链接:https://segmentfault.com/q/1010000013818153/a-1020000013819926
在APP端:flex和box布局 ios 大部分机型都能适配最低iPhone 4s Android 4.0 .
不需要知道DIV的具体宽度和高度大小,直接用jQuery就可以实现水平和垂直居中,而且兼容各浏览器,这个方法在很多的弹出层效果中应用:
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.优化网站性能的方法
- 尽可能的减少 HTTP 的请求数 [content]
- 使用 CDN(Content Delivery Network) [server]
- 添加 Expires 头(或者 Cache-control ) [server]
- Gzip 组件 [server]
- 将 CSS 样式放在页面的上方 [css]
- 将脚本移动到底部(包括内联的) [javascript]
- 避免使用 CSS 中的 Expressions [css]
- 将 JavaScript 和 CSS 独立成外部文件 [javascript] [css]
- 减少 DNS 查询 [content]
- 压缩 JavaScript 和 CSS (包括内联的) [javascript] [css]
- 避免重定向 [server]
- 移除重复的脚本 [javascript]
- 配置实体标签(ETags) [css]
- 使 AJAX 缓存 详见:https://www.cnblogs.com/ruko/p/5950142.html
8.如何解决跨域问题
- 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 - 添加响应头,允许跨域 (java 服务端设置跨域)
addHeader(‘Access-Control-Allow-Origin:*’);//允许所有来源访问
addHeader(‘Access-Control-Allow-Method:POST,GET’);//允许访问的方式
参考:https://www.jianshu.com/p/0c67823550d6 - 代理的方式
服务器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 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时,所有混合对象的选项将被混入该组件本身的选项。
参考: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