josiah_zhao的博客

聊一聊前端程序员的现状与挑战

说明近期做了一个小测验，上面设计的题目能够覆盖较多的CSS选择器的场景，特此将其总结记录出来可以更直观的参考。1 定位到ul元素中的第一个li元素<ul> <li></li> ⭐ <li></li> <li></li></ul>实现li:first-child参考语法说明CSS/:first-child2 定位到div元素中没有class的p元素<div> &

问题背景在前后端分离的大趋势下，如果没有额外的配置部署方案，前端地址和后台API地址是不一样的。比如在本地开发调试阶段，前端地址为http://localhost:3000，后台API地址为http://api.server.com/api/list。那么地址不一样会有什么问题呢？如果你请求的后台API需要携带Cookie进行鉴权，那么在这种地址不一样的情况下，会因为浏览器的Cookie SameSite的跨站限制，导致Cookie不会被正确传递，进而导致请求API接口总是报错没有认证或者权限不足。

如果你不定义html元素的默认css样式，那么浏览器自己就会用它自己的默认样式；但由于不同浏览器的默认样式是不一样的，会导致你开发的页面在不同的浏览器上会看上去不太一样；所以，为了避免页面在不同的浏览器上有不同的效果，我们通常需要显示地对html元素的css样式进行一些默认设置，来将“浏览器自带的设置”重置掉，这个就叫做CSS Reset