随笔

1.细致看看element样式到底怎么覆盖,怎么改?跟scoped关系。

VUE 如何覆盖element组件样式 - 前端—郭瑞 - 博客园

vue-cli项目的vue文件编译都会带上scoped属性,这是html5新特性,表示当前文件样式只会应用到当前元素。我们打开控制台可以看到元素上面都有data-v-hash使得css有了对应的标识符。包括父组件也不能直接改子组件的样式,因为父组件和子组件的标识不一样。

所以有了几个解决方案:1.不加scoped 污染全局 2.单独写style标签 3.使用deep 4. important

2.项目中利用cookie存储信息做的登录和localStorage有什么区别?

共同点:都是保存在浏览器端,且同源的。

区别:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而localStorage不会自动把数据发给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识。localStorage

虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。数据有效期不同,localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据  ;cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。作用域不同,localStorage 在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。Web Storage支持事件通知机制,可以将数据更新的通知发送给监听者。Web Storage 的 api 接口使用更方便。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 理论基础 js中数组常用的方法有哪些? Array.map():将数组中的每个元素调用一个提供的函数,结果作为一个...
    _Y_X_阅读 744评论 0 1
  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    彩云_789d阅读 1,020评论 0 1
  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 9,790评论 1 52
  • 常见前端面试题 第一天 ✨ 1. HTML5有哪些新特性?如何处理HTML5新标签的浏览器兼容问题?如何区分HTM...
    小曼很nice阅读 1,163评论 2 12
  • TypeScript 1.可兼容JavaScript;相比js,加入了注释;添加一个完整的类结构,更好的面向对象;...
    思路清奇阅读 742评论 0 1