书架

书架

=一个知识书库=

数据大屏适配方案 (vw vh、rem、scale)

数据大屏适配方案 (vw vh、rem、scale)

> 转自 > > https://juejin.cn/post/7163932925955112996 ## 前言 最近在公司开发了一个可视化大屏,开发定制化大屏,大家可能都一个感受,开发大屏主要是两方面的工作: - `大屏之关键-前期的自适应适配` - `根据 ui 稿绘制图表,调细节` 而解决了适配问题后,后面就只是一个慢工出细活,耗时间的事情了。 ## 适配方案分析 看了网上的各种方案,目前大家采用的大概有 3 种👇 | 方案 | 实现方式
more...
前端服务端渲染和客户端渲染

前端服务端渲染和客户端渲染

## 文章目录 * 序言 * 服务端渲染的优点和缺点 * 客户端渲染的优点和缺点 * 服务端渲染是产生并发吗 * 服务端渲染用户每次请求都需要重新渲染吗 * 为什么服务端渲染只做首屏? * 什么情况下,可能需要进行更多的服务端渲染或客户端渲染 * 前端渲染和前后端分离是不是一回事呢? * 服务端渲染模板,前端如何热更新? * 前后端分离,前端渲染每个页面都要去请求后端用户现在的登录状态是否有效吗? * 客户端渲染和服务端渲染,单页面应用和多页面应用,前端路由和服务端路由有什么区别联系? <!--more--> ## 序言 前端HTML客户端渲染(Cl
more...
JavaScript 中的 Reflect

JavaScript 中的 Reflect

# reflect的13个方法 | 方法 | 参数说明 | | :--------------------------------------------- | :----------------------------------------------------------- | | Reflect.get(target, name, receiver) | target
more...
详解箭头函数和普通函数的区别

详解箭头函数和普通函数的区别

# 前言 今天在写代码时,用了箭头函数,出现了如下问题: ```javascript function Drawing(shape) { this.shape = shape } Drawing.prototype.drawShape = (radius, x, y) => { // bug 问题所在 return this.shape.draw(radius, x, y) // this指向了全局 } ``` 报错信息: `Error in created hook: "TypeError: Cannot read properties of u
more...
js中 new 的class对象是在dom之前还是之后

js中 new 的class对象是在dom之前还是之后

在JavaScript中,使用`new`关键字来创建类的实例时,这个过程本身与时序(即在DOM加载之前还是之后)关系不大,而是更多地与JavaScript代码的执行顺序有关。然而,当你想要在创建类的实例之后进行DOM操作时,你需要确保DOM元素已经被加载和解析。 <!--more--> ## 创建类的实例 当你使用`new`关键字创建类的实例时,你是在执行一段JavaScript代码,这个过程本身并不依赖于DOM的状态。例如: ```javascript class MyClass { constructor(name) { this.na
more...