前端name还是id用#

2026-08-07

前端学习笔记之HTML中的id,name,class区别

name 属性用于在 JavaScript 中对元素进行引用,或者在表单提交之后,对表单数据进行引用. html的name和id可以类比身份证的姓名和身份证编号,编号id具有唯一性,一个id只出现一次.名称name具备可重复性,可以多次出现. 在css中两者都具备识别html元素的作用,name用点号.表示,id用井号#一般name用于通用多次出现元素的样式定义,id用于唯一性元素样式定义.在表单当中,由于有些控件具备多元素特性,例如radio checkbox等,使用id不便于表单数据的提交,

完美解决方案-雪花算法ID到前端之后精度丢失问题

最近公司的一个项目组要把以前的单体应用进行为服务拆分,表的ID主键使用Mybatis plus默认的雪花算法来生成. 快下班的时候,小伙伴跑过来找我,:"快给我看看这问题,卡这卡了小半天了!".连拉带拽,连哄带骗的把我拉到他的电脑前面.这位小伙伴在我看来技术不算是大牛,但经验也很丰富了.他都卡了半天的问题,应该不是小问题,如果我一时半会搞不定,真的是耽误我下班了,所以我很不情愿的在他的位置坐了下来. 一.现象是这样的下面我把异常的现象给大家描述一下,小伙伴建了一张表,表的主键是id

雪花算法ID在前端丢失精度解决方案

首先说一下背景,目前笔者的工作是物联网方面的,设备有对应的智慧运营平台,平台开发中建表的主键用的是Mybatis plus默认的雪花算法来生成的,也就是分布式系统比较常用的雪花ID,技术栈就是常用的Spring boot+Spring could Alibaba,json工具用的是FastJson. 在开发的过程中遇到了一个问题:前端接收到的数据在回传给后端的时候ID总是不对,仔细排查发现,前端接收到的数据的ID末尾两到三位数字都变成了0.雪花ID的长度是19位数字,系统在bean中的ID用的是

springmvc 前端发ajax请求的几种方式

一.传json单值或对象 1.前端 var data = {'id':id,'name':name}; $.ajax({ type:"POST", url:"user/saveUser", dataType:"json", //contentType:"application/json", //不能添加这个头 data:data, //这里不能进行JSON.stringify,发送请求的数据在:form data succes

前端CSS技术全解（一）

一.概述 1)用HTML完成样式工作哪个标签有哪个属性难以记忆需求变更影响较大(例如像修改成功法则以下的文字颜色需要修改4个地方) <h1 align="center"> <font face="微软雅黑" color="red">成功法则</font> </h1> <p align="center"> <font face="微软雅黑"

前端基础-CSS的各种选择器的特点以及CSS的三大特性

一. 基本选择器二. 后代选择器.子元素选择器三. 兄弟选择器四. 交集选择器与并集选择器五. 序列选择器六. 属性选择器七. 伪类选择器八. 伪元素选择器九. CSS三大特性一. 基本选择器 1.id选择器 #1.作用: 根据指定的id名称,在当前界面中找到对应的唯一一个的标签,然后设置属性 #2.格式 id名称 { 属性:值; } #3.注意点: 1.在企业开发中如果仅仅只是为了设置样式,通常不会使用id,在前端开发中id通常是留给js使用的 2.每个标签都可以设置唯一一个

前端学习笔记之CSS选择器

阅读目录一基本选择器二后代选择器.子元素选择器三兄弟选择器四交集选择器与并集选择器五序列选择器六属性选择器七伪类选择器八伪元素选择器九 CSS三大特性一基本选择器 1.id选择器 #1.作用: 根据指定的id名称,在当前界面中找到对应的唯一一个的标签,然后设置属性 #2.格式 id名称 { 属性:值; } #3.注意点: 1.在企业开发中如果仅仅只是为了设置样式,通常不会使用id,在前端开发中id通常是留给js使用的 2.每个标签都可以设置唯一一个id,id

前端使用Mock服务Json-server

前言由于Jaguar服务目前还没有任何的API输出,一边写前端功能,一边写后端API显然不利于整体的项目进展.所以我计划先定义好接口,然后将所有的API都先部署在一个Mock服务器上,等前端界面和功能流程完全走通后,再转过头来在Jaguar上编写对应的API. 说到这里,不禁想到前后端协作一直存在的一个效率瓶颈. 前后端协作的效率瓶颈在前(客户端)后端协作开发中,有不少影响效率的地方,其中最为典型的就是: 前端的界面和功能中,因为存在不少功能依赖后端数据接口的,所以需要等待后端给出. 后端接

H5 id选择器

09-id选择器迟到毁一生早退穷三代按时上下班必成高富帅 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>09-id选择器</title> <style> #identity1{ color: red; } #identity2{ color: green; } #identity3{

前端基础-- CSS

CSS知识 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染).Css之车更丰富的文档外观,Css可以为任何元素的文本和背景设置颜色:允许在任何元素外围设置边框:允许改变文字的大小,装饰(如下划线),间隔,甚至可以确定是否显示文本. CSS语法每个CSS样式右两部分组成:选择器和声明.声明又包括属性和属性值. 提示:声明使用花括号包围, 多个属性用分好分隔,属性和值之间使用冒号分隔.

Javascript根据id获取数组对象

在业务中,列表页跳转详情页时,经常会将Id值传入,然后再根据id值异步获取数据. 假设有服务端的json数据: <注意,这里的data是指已经从后端获取的json, 而非后端原始的文件> let data = [ {id: 1, title: 'React'}, {id: 2, title: 'Vue'}, {id: 3, title: 'Angular'}, {id: 4, title: 'Django'}, {id: 5, title: 'Laravel'} ] 在前端,根据id,获取详

课时68.id选择器（掌握）

1.什么是id选择器? 作用:根据指定的id名称找到对应的标签,然后设置属性格式: #id名称{ 属性:值; } 注意点: 1.每个html标签都有一个属性叫做id,也就是说每个标签都可以设置id 2.在同一个界面中id的名称是不可以重复的 3.在编写id选择器时一定要在id名称前加# 如果不加#,界面就无法显示 4.id的名称是有一定的规范的 4.1 id的名称只能由字母/数字,下划线 a-z,0-9,_ 其它的一律不行 4.2 id名称不能以数字开头(在企业开发中通常以字母开头

nodejs之get/post请求的几种方式

最近一段时间在学习前端向服务器发送数据和请求数据,下面总结了一下向服务器发送请求用get和post的几种不同请求方式: 1.用form表单的方法:(1)get方法前端代码: <form action = "/login" method = "GET"> <label for = "username">账号:</label> <input type = "text" name =&qu

ASP.NET MVC5+EF6+EasyUI 后台管理系统（63）-Excel导入和导出

系列目录昨天文章太过仓促没有补充导出的示例源码,在者当时弄到到很晚没时间做出导出功能,对阅读理解造成影响,现补充一份示例源码,顺便补充导出的功能说明,望理解示例代码下载 https://yunpan.cn/cRTHt5MuKavwH 访问密码 0a47 ps:Vs数据库脚本在解压目录下,修改web.config数据库链接,示例代码包含:导入,导出,上传前言: 导入导出实在多例子,很多成熟的组建都分装了导入和导出,这一节演示利用LinqToExcel组件对Excel的导入,这个是一个极其

已经重写，源码和文章请跳转http://www.cnblogs.com/ymnets/p/5621706.html

文章由于写得比较仓促已经重写,源码和文章请跳转 http://www.cnblogs.com/ymnets/p/5621706.html 系列目录前言: 导入导出实在多例子,很多成熟的组建都分装了导入和导出,这一节演示利用LinqToExcel组件对Excel的导入,这个是一个极其简单的例子. 我并不是说导入的简单.而是LinqToExcel让我们对Excel操作更加简单! 最后我们将利用ClosedXML输出Excel.这个比现流行NPOI与EPPlus更加优秀的组件,以Open XML

NodeJs对Mysql封装

之前在学习NodeJs的时候,每次操作数据库都需要连接数据库然后开始写Sql操作,这样非常麻烦,然后自己对Mysql进行了封装,一共100多行代码. github地址: Mysql操作我在里面对Mysql基本操作--增删改查进行了封装,在处理NodeJs的异步回调时使用了原型扩展.Promise规范的Q,我觉得Q的设计容易理解,便于使用. 因为大部分的查询需要返回数据,所以根据数据库表中字段设置相同的字段,下面会介绍,而修改.删除.增加数据都只需要返回是否成功,所以会返回0/1作为判断. 调用

angularjs和ajax的结合使用（二）

今天我们来继续丰富上次的例子.我们来搞些稍微复杂点的应用. 首先我们来加一个全选的功能. 上一篇的例子里我们看到分页时载入的是我们通过linq 查询自定义列然后构建的匿名类 .使用这种EF框架+linq 查询的方式我认为不方便的一点就是要不你就只能select 一个固定对应表的数据模型类名 ,但是序列化成json的时候对外键类引用有天然的bug ,就是框架自动序列化成json格式时会出循环引用错误 .序列化类型为XX的对象时检测到循环引用.没办法我们能做的就是屏蔽某些属性 .方式

把数据输出到Word （非插件形式）

项目开发过程中,我们要把数据以各种各样的形式展现给客户.把数据以文档的形式展现给客户相信是一种比较头疼的问题,如果没有好的方法会使得我的开发繁琐,而且满足不了客户的需求.接下来我会通过两种开发方式介绍如何将数据输出到Word 文档上.我会分两篇文章介绍,第一篇介绍不使用插件的情况下操作word,第二篇文章将介绍一种强大的插件操作word.下面开始第一篇文章.[本次实例源代码从这里下载] 文章梗概: ♦ 不使用模板将数据输出到 word ♦ 输出数据到 word 在后端设置输出内容 ♦ 输出数

ASP.NET MVC异步上传文件

自己做的一个小dome.贴出来分享一下: 前端: <form id="formfile" method="post" enctype="multipart/form-data"> <input type="file" name="FileUpload1" /><br /> <input type="button" value="上传&q

ASP.NET SignalR 与 LayIM2.0 配合轻松实现Web聊天室（一）之基层数据搭建，让数据活起来（数据获取）

大家好,本篇是接上一篇 ASP.NET SignalR 与 LayIM2.0 配合轻松实现Web聊天室(零) 前言 ASP.NET SignalR WebIM系列第二篇.本篇会带领大家将 LayIM界面中的数据动态化.当然还不涉及即时消息通讯,如果你已经搞定了数据界面,那么本文您可以简单的看一下,或者略过. 进入正题,layim帮我们定义好了数据规则,我们只要写一个接口实现那个json规范就可以了,剩下的事情就交给layim去做,看一下json格式.(对应文件夹:demo/json/getLi

3D--知识点1

三层架构 1.DAL(数据访问层)-->与数据库进行关联,对数据库进行增删改查操作2.BLL(业务逻辑层)-->负责加减乘除与或非操作,比如:用户注册3.UI/web(表示层) sqlserver<--->DAL<-[data]-->BLL<--[data]->UI/web 上述的数据集合叫“Model”后端集中在DAL,BLL和部分ui/web中,前端是html/css/js 捕获.PNG web前端 CSS--类和ID选择器的区别相同点:可以应用于任何

前端name还是id用#

热门专题