前端css
个人总结的前端命名规范
一个好的命名规范， 应该是简单的，方便记忆的；如非必要，不要新增新的命名规则；相似的类型，命名规则应该是一样，比如文件夹和文件名；差异很大的类型则需要有所区分，比如变量和常量的命名，因为常量是不能被修改的，内部变量和外部变量亦如此，人们可以借此很明显的区分是否可以函数区块外面使用；（通常来说 ， 常 ......
【前端面试必读】在js中为什么0.1+0.2不等于0.3
原因在于在JS中采用的IEEE 754的双精度标准，计算机内部存储数据的编码的时候，0.1在计算机内部根本就不是精确的0.1，而是一个有舍入误差的0.1。当代码被编译或解释后，0.1已经被四舍五入成一个与之很接近的计算机内部数字，以至于计算还没开始，一个很小的舍入错误就已经产生了。这也就是 0.1 ......
前端:数组中的map 和reduce方法
// 数组中的map 和reduce方法 // map() :接收一个函数,将原数组中的所有元素用这个函数处理后放入新数组中返回 let arr = [1, 2, 3]; // 写法1 箭头函数 arr = arr.map((item) => { return item * 2 }); consol ......
电子公文系统前端设计
电子公文系统前端设计的学习总结 1.需求分析与理解： 在设计电子公文系统前端时，首先需要深入理解用户和系统的需求。这可能包括与客户、最终用户以及其他利益相关者的密切合作。通过详细的需求分析，可以确保前端设计满足实际需求，并提供用户友好的界面。 2.技术选型与学习： 在前端设计阶段，选择适当的技术栈非 ......
css学习笔记
CSS（层叠样式表）是一种用于描述网页样式和布局的语言。它使得我们可以通过选择器和属性来控制网页的外观。以下是一些CSS的基本概念： 选择器：选择器用于选择要应用样式的元素。常见的选择器有标签选择器（如 p、h1）、类选择器（如 .class-name）和ID选择器（如 #id-name）等。选择器 ......
利用v-html给页面添加内容，并同时为内容增加css样式
利用v-html给页面添加内容 当后端给你返回一个包含富文本的内容时，你应该使用v-html来进行加载，比如说下面这样： <!-- 这样写上之后，就会在div标签里面加载返回来的富文本内容 --> <div class='father-box' v-html="item"></div> 当我们需要给 ......
前端所有元素标签在ts中的类型汇总
interface Type { "a": HTMLAnchorElement; "abbr": HTMLElement; "address": HTMLElement; "applet": HTMLAppletElement; "area": HTMLAreaElement; "article": ......
ThingsBoard 前端项目轮播图部件开发
前言 ThingsBoard 是目前 Github 上最流行的开源物联网平台（14.6k Star），可以实现物联网项目的快速开发、管理和扩展, 是中小微企业物联网平台的不二之选。 本文介绍如何在 ThingsBoard 前端项目中开发轮播图部件。 产品需求 最近接到产品经理一个需求，在 TB 仪表 ......
纯CSS实现可自定义间距虚线边框
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .border-wrapper { position: relative; margin: 100px auto; width: 200px; h ......
带圆角的虚线边框？CSS 不在话下
今天，我们来看这么一个非常常见的切图场景，我们需要一个带圆角的虚线边框，像是这样： 这个我们使用 CSS 还是可以轻松解决的，代码也很简单，核心代码： div { border-radius: 25px; border: 2px dashed #aaa; } 但是，原生的 dashed 有一个问题， ......
前端体验优化（2）——基建
在 2020 年刚加入公司的时候，我就确定要持续推进基建的建设，经过这几年的沉淀，完成了从 0 到 1 的跨越。 基建的目的是解决各类技术或业务问题，沉淀通用技术能力，提升工作效率，降低开发成本，直接或间接助力业务开展。 接下来会围绕项目重构、组件化、标准化、工具化、自动化、文档化和页面规范化几个方 ......
前端: 1.解构表达式;2字符串模板
解构表达式,定义一个数组 <script> // 解构表达式,定义一个数组 // 数组解构 let arr = [1,2,3]; let[a,b,c] = arr; //快速的将内容赋值到指定的变量上面 // const [a,b,c] = arr; console.log(a,b,c) // 对象 ......
前端学习笔记DAY2 HTML5基础（2）（b站pink老师）
二.HTML标签 4.HTML常用标签 4.1 标签语义 学习标签的重点是记住每个标签的语义。就是指标签的含义，即这个标签是用来干嘛的。 根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。 ※4.2 标题标签 <h1> - <h6> HTML 提供了 6 个等级的网页标题，即< ......
ferry前端项目部署
ferry项目地址：https://gitee.com/yllan （ferry为后端代码，ferry_web为前端代码）直接copy前端代码 文中ferry为后端代码，ferry_web为前端代码 一.安装依赖 我用npm安装会报错，具体原因没去分析，大概就是npm版本的问题，我的版本是npm@6 ......
css图片等比放大居中|超出部分隐藏
图片等比放大居中 在一些情况下需要保证图片缩略图窗口大小固定，但是图片分辨率比例多种多样，需要在展示固定比例的窗口下展示不同分辨率的图片，还需保证展示的图片不被拉伸变形，保持原有比例的基础上进行等比放大。 // 外层 .img-box { // 等比放大图片，超出部分隐藏 width: 120px; ......
css自适应文本大小
div{ width:500px; height:600px; resize:both; // 可拖动方向 overflow:hidden; padding:15px; background-color:red; container-type:size; // 对 } div p { // cqw ......
css实现鼠标滑过提示文字
第一种：鼠标滑过图片，提示文字，如图： <div v-if="talentCardNum && talentCardNum >0"> <img @mouseenter="choice(1)" @mouseleave="choice(0)" class="box_time_icon" :src="ho ......
前端学习DAY1 HTML5基础（1）（b站pink老师）
一、HTML简介 1.网页 1.1 什么是网页 网站是网页的集合，网页是网站中的一“页”（构成网站的基本元素）。 网页由图片、链接、文字、声音、视频等元素构成，通常是HTML格式的文件（.htm.或html后缀），通过浏览器来阅读。 1.2 什么是HTML HTML (超文本标记语言)，它是用来描述 ......
记录--前端中 JS 发起的请求可以暂停吗
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在前端中，JavaScript（JS）可以使用XMLHttpRequest对象或fetch API来发起网络请求。然而，JavaScript本身并没有提供直接的方法来暂停请求的执行。一旦请求被发送，它会继续执行并等待响应。 尽管如此，你可 ......
对比elment-ui 和vben 前端对表格的封装
看了这篇文章 优雅的使用 element-ui 中的 table 组件，突然顿悟了一些。 elment-ui的表格 <el-table :data="tableData"> <el-table-column prop="date" label="日期"> </el-table-column> <el ......
12.11 今天弄明白了怎么在前端写Java实现查询功能
//例：<% // Check if the query button is clicked if (request.getParameter("query") != null) { try { Connection connection = DatabaseConnection.getConnec ......
php css 改变宽度,img标签设置display:block属性时宽度无法设定为100%的解决办法
本篇文章所说的内容是img标签设置display:block属性时宽度无法设定为100%的解决办法，方法很详细，有一定的参考价值，有需要的朋友可以参考一下，希望可以对你有所帮助。 现象 如下代码，img标签设置了display：block，尺寸宽度无法设定为100% img标签设置display:b ......
CSS让整个网站变成灰色的做法
CSS让整个网站变成灰色的做法 方法一：直接在css样式文件里加上这段代码 html{-webkit-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);} <!–可以是整 ......
图片铺满div元素不变形，超出部分隐藏，保留中心部分css代码
在我们网站更新文章的时候，经常会插入图片，丰富信息。但是我们插入的图片长宽比例并不一定是固定的。我们在调用缩略图的时候，常常会出现图片变形的情况，高和宽不成比例。那么如何让图片不变形，又能铺满div元素呢？我们可以使用css代码中object-fit属性来实现。object-fit属性指定元素的内容 ......
前端纯js字符串拼接导出excel
1 <html> 2 <head> 3 <p style="font-size: 20px;color: red;">使用a标签方式将json导出csv文件</p> 4 <button onclick='tableToExcel()'>导出</button> 5 </head> 6 <body> 7 ......
前端体验优化（1）——概述
前端体验优化地最终目的就是让用户的使用体感舒适，无阻塞、流畅的得到预期想要的结果，而其中的用户可分为三层：产品用户、公司同事和研发自己。UX、性能优化其实都是体验优化的子集，前端体验犹如下图的冰山那样，在水下别有洞天。 可以将体验优化大致分为 5 个模块，分别是终端、网络、前端、后端以及数据，这 5 ......
前端jwt解析方法
请求得到jwt生成的token之后得到base64编码的的加密token 可以使用atob进行base64解码,jwt加密分位三部分：头部header，载荷payload,签名signature每个都是用.隔开 所以已知原理我们现在进行解析 if (token) { const payload = ......
第一篇:前端基础之HTML
HTML文档标准结构： <html> <head> </head> <body> this is my second html... </body> </html> 【1】html标签 定义 HTML 文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其它元素要包裹在它里面，标签限定 ......