全玉 - 博客园

2023年7月4日

摘要： cmd + shift + p，输入setting Open Workspace Settings 也会打开UI设置界面；Open User Settings (JSON) 会打开用户设置 settings.json 文件；Open Workspace Settings (JSON) 会打开工作区设阅读全文

posted @ 2023-07-04 13:54 全玉阅读(1423) 评论(0) 推荐(0) 编辑

vscode不支持 java 1.8 问题

摘要： vscode不支持jdk1.8问题，实际上是 vscode 的部分 java插件不支持 java 1.8 有些插件要求 jdk 11 以上，可降级避开，不过没必要有些插件要求 jdk17 以上可以同时安装两个版本的jdk，例如 jdk1.8 和 jdk 17 在vscode的settings 阅读全文

posted @ 2023-07-04 11:06 全玉阅读(893) 评论(0) 推荐(0) 编辑

2023年7月3日

java(jdk,maven)安装和验证

摘要： 1. jdk的安装到oracle官网直接下载java 下载页面，上方是java最新版往下滑动，有专门的java8版本下载安装就默认安装就行了 2. maven的安装到Apache官网上下载 maven 选择tar包或zip包都行，这里选择zip包绿色软件，解压到任意目录均可，这里解压到 / 阅读全文

posted @ 2023-07-03 10:14 全玉阅读(55) 评论(0) 推荐(0) 编辑

2023年7月1日

grid居中总结

摘要： .container { display: grid; place-items: center; /* 1.网格项居中 */ place-content: center; /* 2.网格居中，网格项撑满网格则效果为网格项居中 */ } .child { place-self: center; /* 阅读全文

posted @ 2023-07-01 16:54 全玉阅读(171) 评论(0) 推荐(0) 编辑

grid布局单网格妙用

摘要： grid布局，除了常规的布局使用，还可以，将元素挤到一个网格内，产生特别的布局效果 1. 一个居中，一个居左或居右关键代码: .grid-container { display: grid; align-items: center; } .grid-item { grid-area: 1/1; } 阅读全文

posted @ 2023-07-01 16:10 全玉阅读(34) 评论(0) 推荐(0) 编辑

2023年6月29日

(转)如何实现 Cut-Out Effect

摘要：原文地址：Thinking About The Cut-Out Effect: CSS or SVG? Cut-Out Effect，就是月牙效果，或者叫，咬一口效果 1. User Avatar 月牙效果 1. 1 - Clip Path Pros Cross-browser, works on 阅读全文

posted @ 2023-06-29 19:10 全玉阅读(21) 评论(0) 推荐(0) 编辑

2023年6月28日

vscode 调试方式总结

摘要： vscode有3种调试方式 1. auto attach 自动附加2. JavaScript debug terminal3. launch.json配置方式在vscode的运行和调试面板会有提示图片 1. auto attach 自动附加 attach 顾名思义，就是附加到已启动的进程，该进程阅读全文

posted @ 2023-06-28 16:50 全玉阅读(3193) 评论(0) 推荐(0) 编辑

前端埋点、pv/uv统计、前端监控

摘要： 1. pv/uv统计 pv: 页面重复浏览量统计方式，多页面应用通常在页面load事件，单页应用通常在页面路由中 uv: 页面独立访客浏览量统计方式，pv统计的基础上，添加唯一标识，可以是IP地址，用户浏览器localStorage存储的uuid等。 IP地址存在局域网内的共享一个ip、代理、动阅读全文

posted @ 2023-06-28 13:44 全玉阅读(1287) 评论(0) 推荐(0) 编辑

2023年6月27日

css颜色变淡和变浅方法收集(模拟sass的darken和lighten函数)

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2023-06-27 09:57 全玉阅读(1003) 评论(0) 推荐(0) 编辑

2023年6月26日

性能优化术语

摘要：响应时间TTFB 从请求到响应第一个字节的时间白屏时间FP 从请求到渲染第一个像素点的时间，白屏时间FCP 从请求到页面任意部分完成渲染的时间，灰屏时间LCP 从请求到页面最大内容完成绘制的时间（通常是指元素在用户可视区域内的可见大小）交互时间TTI 最早可交互时间解析时间DCL DOMCo 阅读全文

posted @ 2023-06-26 16:05 全玉阅读(21) 评论(0) 推荐(0) 编辑

全玉金生

公告