前端 字体chrome 103
前端 - 解决el-table 无限拉伸问题
解决el-table 无限拉伸问题 设置表格的max-height <el-table border :data="tableData" max-height="500px"> 上一步设置成功后，在浏览器缩放条件下仍然存在无限拉伸的问题，这时需要做自适应 ::v-deep .el-table{ wi ......
前端之路 | 1.HTML基础必备知识学习篇
[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习！ 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟 等知识分享。 希望各位看友多多支持【关注、点赞、评论、收藏、投币】，助力每一个梦想。 【WeiyiGeek Bl ......
全栈之前端 | 2.HTML根部头部主体标签元素学习篇
[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习！ 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟 等知识分享。 希望各位看友多多支持【关注、点赞、评论、收藏、投币】，助力每一个梦想。 【WeiyiGeek Bl ......
前端案例分析
CommonAside <el-menu default-active="1-4-1" class="el-menu-vertical-demo" backgroundColor='#545c64' textColor="#fff" active-text-color="#ffd04b" @open ......
前端工程化实战：React 模块化开发、性能优化和组件化实践
前端工程化实战是指通过组织工作流程、使用工具和技术来提高前端开发效率和质量的一种方法。常见的前端工程化实践包括模块化开发、自动化构建、代码检查和测试、性能优化等。下面将简要介绍模块化开发、性能优化和组件化实践。 ......
如何破限使用 Adobe Fonts 中的字体（以Forma DJR为例）
朋友推荐游戏中的英文使用等线字体 Forma DJR，搜索了之后发现官网花里胡哨完全看不懂（英语差，懒），而Adobe Fonts里能够免费授权Creativ Cloud用户非商业使用，不巧的是我也买不起正版adobe软件，于是在网上疯狂搜索如何白嫖使用，以下是逐步破解使用过程。 需要使用的字体：F ......
前端三件套--盒子模型和布局
前端三件套--读书笔记（三）盒子模型和布局 一、盒子模型概述 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)、外边距(margin)。 在盒子结构中，元素内容被包含在边框中，边框也是具有一定 ......
前端三件套--盒子模型和布局
前端三件套--读书笔记（三）盒子模型和布局 一、盒子模型概述 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)、外边距(margin)。 在盒子结构中，元素内容被包含在边框中，边框也是具有一定 ......
前端学习 node 快速入门 系列 —— 项目版权格式化
其他章节请看： 前端学习 node 快速入门 系列 项目版权格式化 需求 替换整个项目的版权信息，替换文件为 .c 和 .h 结尾。 分析 版权信息通常都在文件开头，通过是否有 copyright 来判断是替换版权还是新增版权 实现 通过 node 读取文件，过滤出 .c、.h 文件，然后用正则判断 ......
经过提醒后发现，带有下划线和前后字体颜色有改变的超链接在列表里面并不好看，就来说一下怎么设置成理想状态下的超链接形式吧！
1、去掉超链接下划线 在标签为a的超链接被引用时，利用css写出这样一个style代码： <style> a:link, a:visited, a:hover, a:active { text-decoration: none; } </style> 这样的话，就能够将超链接里面的下划线去除掉啦！ ......
前端怎么实现web端上传超大文件
ASP.NET上传文件用FileUpLoad就可以，但是对文件夹的操作却不能用FileUpLoad来实现。 下面这个示例便是使用ASP.NET来实现上传文件夹并对文件夹进行压缩以及解压。 ASP.NET页面设计：TextBox和Button按钮。 编辑 TextBox中需要自己受到输入文件夹 ......
Linux 安装中文字体
之前在openEurler上安装的firefox,运行起来,中文都是方块,安装火狐的中文语言包并没有效果,后来想起可能是缺少中文字体,安装后果然正常了. 1.先找个字体,虽然从windows里找个微软雅黑也行,但那可能涉及版权问题,现在阿里巴巴推出了免费的字体:阿里巴巴普惠字体,下载地址:https ......
从0到1构建基于自身业务的前端工具库
在实际项目开发中无论 M 端、PC 端，或多或少都有一个 utils 文件目录去管理项目中用到的一些常用的工具方法，比如：时间处理、价格处理、解析url参数、加载脚本等，其中很多是重复、基础、或基于某种业务场景的工具，存在项目间冗余的痛点以及工具方法规范不统一的问题 ......
web前端样式绑定
#外联绑定 1.对象绑定： v-bind:class="classobject" 2数组绑定： v-bind:class="[class1,class2]" #内联绑定 <p v-bind:style="fontWeight:weight,color:color"> #非内联 <p v-bind:s ......
前端经典三栏布局
浮动实现 前面放置的两个div进行浮动，后面一个让其margin auto 居中 <style> /* 浮动三栏 */ .father div { width: 200px; height: 200px; } .left { background-color: red; float: left; } ......
前端--学习笔记
1.HTML是什么？ 是超文本标语语言。 是一种标记语言。 2.为什么要学HTML？学HTML是学什么？ 学HTML是为了给文档加了标记， 3.加标记为了什么？ 为了弄样式。 4.举例来讲HTML？ 5.所以学HTML是学什么？ 就是学各种加标签的方式， 学做记号，为了以后找。（找是为了加样式，变得 ......
Chrome DevTools Performance 功能详解
简介 本文整理介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。 本人通常每周都会写文章，但直接粘贴搬运到这里总有很多错乱，逐一检查调整很是繁琐，若文章对你有所帮助，劳烦点赞关注支持一下，我也有动力更新更多内容。若内容存 ......
前端格式化时间
getTime(time) { var y = time.getFullYear() var m = time.getMonth() + 1 m = m < 10 ? '0' + m : m var d = time.getDate() d = d < 10 ? '0' + d : d var h ......
焰火十二卷设置分辨率/字体大小
焰火十二卷是一款免费且实用的调色板软件。它可以帮助你从色轮或者其他地方生成一组和谐的色彩。你可以将这些色彩分享给其他人，或者应用到你自己的创作当中。焰火十二卷在不同屏幕分辨率下的显示效果不同，如果字体偏小或者偏大，需要手动进行设置。 ......
前端显示气象数据
html文件如下 <div class="wt03"> <p class="wecss">气 温：<span id="temperature_min"></span> ~ <span id="temperature_max"></span></p> <p class ......
axios写了前端，如何从后台获取到List列表数据（涉及到JSON）
问题描述 我将前端写完之后，一直没有理解axios后台的写法，导致进度一直拖慢，这里我就来叙述一下我后来是怎么写出后台代码的吧，或者说，这样的后台代码是怎么写出来的! 问题解决 经过友友的点拨，这里就需要将我们的list数据转换成json数据； 然后将转换好的json数据传到axios写出来的htm ......
前端报错时如何排查问题
前端页面报错： 1、页面报错500，首先我们可以知道是服务端的问题，需要去看下服务端的报错信息： 2、首先我们查看下前端是否给后端传了id: 我们可以看到接口是把ID返回了，就需要再看下p_id是什么情况了 3、我们再次请求，把p_id进行打印，看下具体是什么： put接口代码 class PutV ......
浏览器层面优化前端性能(2):Reader引擎线程与模块分析优化点
优化JS的执行效率 降低样式选择器的复杂度 避免大规模、复杂的布局 尽可能避免触发布局 避免强制同步布局事件的发生 避免快速连续的布局 简化绘制的复杂度 减小绘制区域 优先使用渲染层合并属性 控制层数量 节流 抖动 ......
浏览器层面优化前端性能(1):Chrom组件与进程/线程模型分析
Chrome支持以下几种进程模型：Process-per-site-instance Process-per-site Process-per-tab Single Process。Browser只有一个，主控整个系统的运行，管理Chrome大部分的日常事务；而Renderer则可以有多个，主要负责... ......
浏览器史话中chrome霸主地位的奠定与国产浏览器的割据混战
本文回顾浏览器的发展历史：作为前端老鸟，从IE的6、7、8开始做前端，各种兼容性折磨死人。js还好有了jQuery。chrome出来后，真是救苦救难，解救程序员的于水火。但是可恶的boss还是要求兼容ie6，7。 ......
chrome对页面重绘和回流以及优化进行优化
回流与重绘，当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至 ......