在Vue中获取DOM元素的实际宽高
最近使用 D3.js 开发可视化图表，因为移动端做了 rem 适配，所以需要动态计算获取图表容器的宽高，其中涉及到一些原生DOM API的使用，避免遗忘这里总结一下。
Vue && DOM
一、获取元素
在 Vue 中可以使用 ref 来获取一个真实的 DOM 元素。
为了保险起见，所有的 DOM 操作建议都放在 $nextTick() 方法中。
<templat
前端
你的前端加密真的加密了吗？网络安全零基础入门到精通教程（建议收藏）
引言：别再自欺欺人！这些 “前端加密” 其实是裸奔“我用 Base64 加密了用户密码，肯定安全！”“我在前端写了个 MD5 哈希，黑客拿不到明文！”“我把密钥藏在 JS 里，没人能找到！”如果你也说过类似的话，那一定要警惕 —— 这些看似 “加密” 的操作，
什么是Nginx？：掌握高性能 Web 服务器核心技术
一、Nginx 简介：为什么它成为 Web 服务器的首选？在当今互联网架构中，Nginx（发音为 "engine x"）无疑是最受欢迎的 Web 服务器之一，同时还承担着反向代理、负载均衡、缓存等重要角色。它由俄罗斯程序员 Igor Sysoev 于2004年开发，最初的设计目标就是解
Java外功基础(1)——Spring Web MVC
1.前置知识
1.1 Tomcat
定义：Tomcat是一个开源的轻量级Web(Http)服务器和Servlet容器。它实现了Java Servlet等Java EE规范的核心功能，常用于部署和运行Java Web应用程序 。换言之，Tomcat就是一个严格遵循Servlet规范开发出来的、可以独立安装和运行的Java Web服务器/Serv
面试:后端一次性返回给前端十万条数据，渲染这十万条数据怎么能保证不卡顿
面试:后端一次性返回给前端十万条数据，渲染这十万条数据怎么能保证不卡顿
1、原因
2、解决方案
2.1 分页加载
2.2 虚拟滚动（体验更好）
2.3 其它优化技巧
2.3.1 冻结数据减少开销
2.3.2 使用Web Worker处理数据
2.3.3 分批渲染
2.3.4 搜索和过滤优化
3、实际项目中的建议
4、总结
web期末作业网页设计——哆啦 A 梦（附完整源码）
目录⭐效果展示：一、项目概述二、开发环境准备三、HTML 结构搭建四、CSS 样式设计（核心部分）1. 基础样式重置2. 页面布局设置3. 商品容器样式4. 商品卡片设计（重点）5. 商品图片样式6. 商品文字信息样式7. 购买按钮样式8. 评价区样式设计五、填充页面内容1. 添加商品项2. 添加评价内容六、完整代码整合七、功能
初识 Flutter 的绘图组件 — CustomPaint
简介
在有些场景中，我们会需要绘制一些高度定制化的组件，比如 UI 设计师给我们出了个难题 —— 弄一个奇形怪状的边框。看在 UI 设计师是一个漂亮小姐姐的份上，又不好意思说这个做不了（那样也很没面子😂）。这个时候我们就不能直接使用 Flutter 自带的那些组件了，而是需要手动绘制组件，那就会需要用到 CuntomPaint 组件。CustomPaint 组件和前端的 Canvas差不多，允许我
Px，em，rem的区别
在css中单位长度用的最多的是px、em、rem，这三个的区别是：
1.px是固定的像素，一旦设置了就无法因为适应页面大小而改变。
2.em和rem相对于px更具有灵活性，他们是相对长度单位，长度不是定死了的，更适用于响应式布局。
3.em是相对于其父元素来设置字体大小的，一般都是以<body>的“font-size为准。这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元
