前端注意事项
7篇文章 · 0订阅
  • web性能优化（一）
    前端优化部分 标准用户体验 性能标准 预加载 预加载js 预加载数据 常见的SEO优化措施 使用CSS图标，背景图片压缩，使用雪碧图，减少HTTP请求数等。 结构、表现和行为的分离：尽量不要把CSS和
    前端 JavaScript 架构
  • 用过媒体查询@media吗？
    @media 可以针对不同的屏幕尺寸设置不同的样式，这在设计响应式的页面会非常有用。例如，媒体查询可以缩小小型设备上的字体大小，在纵向模式下查看页面时增加段落之间的填充，或者增加触摸屏上
    前端 面试 CSS
  • 前端移动端适配 - 媒体查询适配方案
    工作中难免会有写静态页面的需求，有时候移动端适配真的是做的心累，如果自己新做一个页面倒还好，整体布局会按照自己习惯来，但有时候不得不修改别人的代码，尤其是别人没适配好的代码...
    前端 CSS
    前端移动端适配 - 媒体查询适配方案
  • 在react中使用vite的一些配置，包含less全局变量、proxy、别名等常见配置方式
    最近换了新的工作，因为新公司的项目使用微前端的集成方案，一个项目被从组件层面拆分出来不少单独的模块，所以经常需要新创建项目。也是因为以上的背景，让我有更多的机会尝试不同的工程打包方案，其中一个便是以速
    Vite
  • 一文教你搞定所有前端鉴权与后端鉴权方案，让你不再迷惘
    关于前端鉴权这块，Token、Cookie、Session、JWT、单点登录、扫码登录、一键登录是什么意思？分别有什么作用？你一般是怎么做的？以及你是怎么存储的呢？那你又是怎么保证它的安全的呢？
    前端 后端 面试
    一文教你搞定所有前端鉴权与后端鉴权方案，让你不再迷惘
  • 如何让一套代码完美适配各种屏幕？
    一、适配的目的 区别于iOS，android设备有不同的分辨率大小以及不同厂商的系统，目前市场的分辨率可以看下友盟的相关统计。 可以看到主流的分辨率有10多种，当不做适配时，一套代码在不同设备上的效果
    Android 前端
    如何让一套代码完美适配各种屏幕？
  • 危险的 target="_blank" 与 “opener”
    在说 opener 之前，可以先聊聊 <iframe> 中的 parent。 我们知道，在 <iframe> 中提供了一个用于父子页面交互的对象，叫做 window.parent，我们可以通过 window.parent 对象来从框架中的页面访问父级页面的 window。 op…
    前端 浏览器 JavaScript
    危险的 target="_blank" 与 “opener”