锚点定位的三种解决方法

2023-11-18

一学习锚点定位之前的知识储备:

1.1 #号的作用

#代表网页中的一个位置。其右面的字符，就是该位置的标识符。比如，http://www.example.com/index.html#print
就代表网页index.html的print位置。浏览器读取这个URL后，会自动将print位置滚动至可视区域。
为网页位置指定标识符，有两个方法:

一是使用锚点，比如<a name="print"></a>，
二是使用id属性，比如<div id="print">。

HTTP请求不包括#.

2.2 a元素与URL对象

URL对象是浏览器的原生对象，可以用来构造、解析和编码 URL。一般情况下，通过window.URL可以拿到这个对象。

<a>元素和<area>元素都部署了这个接口。这就是说，
它们的 DOM 节点对象可以使用 URL 的实例属性和方法。

关于URL实例化对象的属性与方法请参考:
全文地址请点击：
https://blog.csdn.net/weixin_42839080/article/details/82714503?utm_source=copy

例如:我们利用a标签来获取一些东西

// <a href="#box1">我跳到box1</a>
// 上面时html代码
var a = document.querySelector('a');
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>a<span class="token punctuation">.</span>href<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">//返回整个 URL</span>
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>a<span class="token punctuation">.</span>hash<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">//返回片段识别符，以井号#开头</span>
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>a<span class="token punctuation">.</span>hostname<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">//返回域名</span>
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>a<span class="token punctuation">.</span>search<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">//返回查询字符串，以问号?开头</span>

在这里插入图片描述

二锚点定位的介绍：

锚点其实就是可以让页面定位到某个位置上的点。在高度较高的页面中经常见到。

 // 锚点跳转有两种形式：

*1. a标签 + name / href 属性
*2. 使用标签的id属性

2.1 第一种锚点定位的方法:

	<a href="#box1">我跳到box1</a>
	<a href="#" name="#box2">我跳到box2</a>
&lt;div id="box1"&gt;&lt;/div&gt;
&lt;div id="box2"&gt;&lt;/div&gt;

下面是在页面的效果表现:
在这里插入图片描述

上面这一种的缺点是,url会发生改变,会在url最后面加上片段识别符#box2,这样就改变了URL的路径,这是我们不想看到的.因为再次刷新的时候回出现问题.

2.2 第二种锚点定位的方法:

只需加上下面的JS代码就可以了.

jQuery的书写方法

<script>
	$('a').on('click',function(e){
	<span class="token comment">//阻止a标签的默认行为跳转,这样就不会把#判断符带入到url中</span>
	e <span class="token operator">=</span> e <span class="token operator">||</span> window<span class="token punctuation">.</span>event<span class="token punctuation">;</span>
	e<span class="token punctuation">.</span><span class="token function">preventDefault</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

	<span class="token comment">// 获取id号,得到是#box1</span>
	<span class="token keyword">var</span> target <span class="token operator">=</span> <span class="token function">$</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">prop</span><span class="token punctuation">(</span><span class="token string">'hash'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

	<span class="token comment">//将页面滚动到对应的位置</span>
	<span class="token function">$</span><span class="token punctuation">(</span><span class="token string">'html,body'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">scrollTop</span><span class="token punctuation">(</span><span class="token function">$</span><span class="token punctuation">(</span>target<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">offset</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span>top<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

</script>

原生的写法:

<script>
	var aList = document.querySelectorAll('a');
	//给每一个a标签注册点击事件
	for( var i=0;i < aList.length;i++){
		aList[i].addEventListener('click', function(e){
		<span class="token comment">//阻止a标签的默认行为</span>
		e <span class="token operator">=</span> e <span class="token operator">||</span> window<span class="token punctuation">.</span>event<span class="token punctuation">;</span>
		e<span class="token punctuation">.</span><span class="token function">preventDefault</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

		<span class="token comment">//获取整个href路径</span>
		<span class="token comment">//var target = this.href;</span>
		<span class="token comment">//获取#片段识别符</span>
		<span class="token keyword">var</span> target <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>hash<span class="token punctuation">;</span>

		<span class="token comment">//获取box参照于body定位的top值</span>
		<span class="token keyword">var</span> offsetTop <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">querySelector</span><span class="token punctuation">(</span>target<span class="token punctuation">)</span><span class="token punctuation">.</span>offsetTop<span class="token punctuation">;</span>
		<span class="token comment">//将页面跳转到对应的位置</span>
		document<span class="token punctuation">.</span>documentElement<span class="token punctuation">.</span>scrollTop <span class="token operator">=</span> offsetTop<span class="token punctuation">;</span>	
	<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>

</script>

注意点:
**1. 这种方法url不会发生改变,因为我们阻止了a标签的默认行为.所以a标签不会跳转.
**2. document.querySelector(target).offsetTop;
$(target).offset().top 都是去求出盒子参照body定位对应的top值,这是因为offet家族的定义是:
如果元素自身是非固定定位,并且所有的父元素都没有定位，那么他的定位父级是body .
**3. 上面代码的target得到格式都是#box1,此时在原生中利用属性选择器来获取元素要很多.

document.querySelector(target) 等价于
document.querySelector('#box1')

2.3 第三种锚点定位的方法:

用js的srollIntoView方法

这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合
使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器
中该功能的语法和行为可能随之改变。

具体参照:
https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView

//使用此功能得到上面的效果
   var element = document.getElementById('box1'); 
	element.scrollIntoView();

锚点的定位案例可以参考:
https://blog.csdn.net/weixin_42839080/article/details/82808326

这里做了一个点击导航栏里的文字页面滚动到指定的位置,同时页面滚动到指定位置,对应的导航栏部分高亮.

小风车科技官网模拟里锚点定位的问题:

关于需求: 我点击导航栏里面的li标签,页面跳转到对应的位置;当页面滑动的时候,对应的导航栏li标签高亮.

function scrollHighLight () {
<span class="token comment">// 点击对应的nav里的li标签,页面就滚动到哪里</span>
<span class="token function">$</span><span class="token punctuation">(</span><span class="token string">'.navbar-nav &gt; li'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">click</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span>event<span class="token punctuation">)</span> <span class="token punctuation">{</span>

	<span class="token comment">//li标签里面有a标签,可以阻止到a标签的默认行为</span>
	event<span class="token punctuation">.</span><span class="token function">preventDefault</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
	<span class="token comment">//这里找到的是target #后面的内容</span>
	<span class="token keyword">var</span> target <span class="token operator">=</span> <span class="token function">$</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">find</span><span class="token punctuation">(</span><span class="token string">'a'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">prop</span><span class="token punctuation">(</span><span class="token string">'hash'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
	<span class="token comment">//将页面动画滚动到指定位置</span>
	<span class="token function">$</span><span class="token punctuation">(</span><span class="token string">'html, body'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">animate</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
		scrollTop<span class="token punctuation">:</span> <span class="token function">$</span><span class="token punctuation">(</span>target<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">offset</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span>top
	<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">500</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

//页面滚动到哪,对应的nav里的li就高亮
$(window).on(‘scroll’,function(){

<span class="token comment">//获取页面滚动高度</span>
<span class="token keyword">var</span> pageScrollTop <span class="token operator">=</span> <span class="token function">$</span><span class="token punctuation">(</span><span class="token string">'html,body'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">scrollTop</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token comment">//获取遍历a标签找到hash值</span>
<span class="token function">$</span><span class="token punctuation">(</span><span class="token string">'.navbar-right &gt; li &gt; a'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">each</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span>index<span class="token punctuation">,</span>ele<span class="token punctuation">)</span><span class="token punctuation">{</span>

		<span class="token comment">// 页面最后一个a不是高亮的内容,所以直接跳出函数</span>
		<span class="token keyword">if</span><span class="token punctuation">(</span>index <span class="token operator">==</span> <span class="token function">$</span><span class="token punctuation">(</span><span class="token string">'.navbar-right &gt; li &gt; a'</span><span class="token punctuation">)</span><span class="token punctuation">.</span>length <span class="token operator">-</span> <span class="token number">1</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
			<span class="token keyword">return</span><span class="token punctuation">;</span>
		<span class="token punctuation">}</span>
		<span class="token comment">// 获取hash值</span>
		<span class="token keyword">var</span> target <span class="token operator">=</span> <span class="token function">$</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">prop</span><span class="token punctuation">(</span><span class="token string">'hash'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
		<span class="token comment">// 判断section距离页面的高度与页面滚动高度比较</span>
		<span class="token keyword">if</span><span class="token punctuation">(</span><span class="token function">$</span><span class="token punctuation">(</span>target<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">offset</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span>top <span class="token operator">-</span> pageScrollTop  <span class="token operator">&lt;</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
			<span class="token comment">// 给对应的li高亮操作</span>
			<span class="token function">$</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">parent</span><span class="token punctuation">(</span><span class="token string">'li'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">siblings</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">removeClass</span><span class="token punctuation">(</span><span class="token string">'active'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
			<span class="token function">$</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">parent</span><span class="token punctuation">(</span><span class="token string">'li'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">addClass</span><span class="token punctuation">(</span><span class="token string">'active'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
		<span class="token punctuation">}</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

});
}

锚点定位的案例:
gitHub: https://github.com/Alex-Li2018/xiaofengche-Project

        </div>
					<link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-8cccb36679.css" rel="stylesheet">
            </div>

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

锚点定位的三种解决方法的相关文章

【漏洞复现】利用禅道系统RCE命令执行漏洞反弹shell

0x00 漏洞爆出来已经有些日子了今天实测了一下记录一下测试过程 0x01 影响范围开源版 17 4 lt 禅道 lt 18 0 beta1 旗舰版 v3 4 lt 禅道 lt v4 0 beta1 企业版 v7 4 lt 禅道 lt
H2,Derby,HSQL内存数据库体验

前一段时间接触了下spring支持的3种嵌入式数据库希望能替代mysql 结果不太理想记录一下 1 使用背景小组希望有独立的单测数据库这样能保证测试数据的稳定性本身项目用spring 优先选择spring自带的3个嵌入式数据库 2
read tcp 192.168.0.106:56298-＞185.199.111.153:80: wsarecv: An existing connection was forcibly close

解决 read tcp 192 168 0 106 56298 gt 185 199 111 153 80 wsarecv An existing connection was forcibly close 问题问题描述问题原因解决办
pytest自带测试报告修改与汉化

话不多说大家直接看这篇文章吧我也是根据这篇文章调整的这篇算是详细详尽的了转载链接地址 https www cnblogs com linuxchao p linuxchao pytest html html 最后的汉化插件我没有用
python控制系统操作-控制text文本内容的选取与输出

python控制系统操作控制text文本内容的选取与输出 1 首先我们查看一下简单文本的内容 txt T QWE GGG Sat AbsoluteDlg cpp 777 m Progress gt Get gt Set RRC T QWE
JVM的构成 (类加载子系统、执行引擎、运行时数据区)

目录 JVM由三部分组成 1 类加载子系统可以根据指定的全限定名来载入类或接口 Java类加载机制 trigger333的博客 CSDN博客 java类加载的机制 2 执行引擎负责执行那些包含在被载入类的方法中的指令 3 运行时数据区
刷脸支付技术对接可以代理可以贴牌

购物付款时不用打开手机只是看一眼支付设备就能完成付款今年以来刷脸支付在大小商店餐馆逐渐铺开消费者和商家在感到新鲜好奇的同时也发现这一设备利用率较低体验也没有二维码支付好此外还存在个人信息泄露的风险刷脸支付未来如何市
cpu是几核的怎么查看

文章目录一 Windows下二 Linux下一 Windows下通过任务管理器查看 windows下任务管理器的打开方式较多比如 Win x 选择任务管理器 T Win R 输入taskmgr并点击回车键打开任务管理器 Ctrl
DC-DC自举电容（BOOT）几个问题

在BUCK电路中经常会看到一个电容连接在芯片的SW和boot管脚之间这个电容称之为自举电容关于这个电容有以下几个问题自举电容有什么用以MPS的buck芯片MP1484为例规格书中芯片的BS管脚说明如下在BS和SW之间接一个0
51单片机C语言跑马灯,51单片机上实现控制跑马灯

在MCS一51单片机的控制系统中它的四个并行8位输入输出端口P0一P3是我们经常使用的在并行端口的编程学习中跑马灯是单片机并行端口输出控制的典型实例所谓跑马灯是指将八个发光二极管分别连接到单片机的某一并行端口的八根线上通过编程
wordpress 4.6 RCE漏洞利用（CVE-2016-10033）

一漏洞描述当WordPress 使用 PHPMailer 组件向用户发送邮件攻击者在找回密码时会使用PHPmailer发送重置密码的邮件利用substr 字符串截取函数 run 系统调用函数等构造payload 即可进行远程命令执
区块链：Solidity值类型(布尔Boolens&整型Integer)

Solidity Types 布尔 Booleans bool 可能的取值为常量值true和false 支持的运算符逻辑非逻辑与逻辑或等于不等于备注运算符和是短路运算符如f x g y 当f x 为真时则不会继续执行g
HTTP请求返回状态码

消息代表请求已被接收需要继续处理临时响应 100 Continue 告知客户部分响应已被服务器接收客户端应继续发送请求成功服务器已经接收理解并接受请求 200 OK 请求成功返回想要的数据正常状态 201 Created 已
软件测试方法汇总

软件测试方法种类繁多记忆起来混乱如果把软件测试方法进行分类就会清晰很多我参考一些书籍和网上的资料把常用的软件测试方法列出来让大家对软件测试行业有个总体的看法从测试设计方法分类测试名称测试内容 Black box黑盒测试把
洛谷-【入门4】数组

1 小鱼比可爱题目描述人比人气死人鱼比鱼难死鱼小鱼最近参加了一个比可爱比赛比的是每只鱼的可爱程度参赛的鱼被从左到右排成一排头都朝向左边然后每只鱼会得到一个整数数值表示这只鱼的可爱程度很显然整数越大表示这只鱼越可
实战wxPython：049 - 实现一个登录窗口

在很多GUI程序中常常在应用启动开始的时候需要一个用户登录对话框在那里用户必须输入用户名和密码如果密码和用户名正确那么程序就继续加载显示程序的主界面下面我们将实现一个登录窗口它具有以下功能输入用户名及密码登录如果用户名
spring boot 2.2.6.RELEASE集成 eureka启动报错

1 报错信息 org springframework cloud client discovery health DiscoveryCompositeHealthIndicator DiscoveryCompositeHealthIndic
MongoDB创建与删除集合(collection)

一创建集合 MongoDB的集合相当于关系型数据库的表不过在创建集合时执行指定集合名称与选项即可无需指定类似RDBMS的列名创建集合的语法为 db createCollection name option 其中 name是集合的名
前端面试题--计算机网络

文章目录 1 七层网络协议体系结构的理解 2 五层协议中各自对应的网络协议 3 ARP 协议的工作原理 4 IP 地址分类的理解 5 TCP 的主要特点 exclamation exclamation Transmission Contro
推荐几个容易中的计算机EI源刊（基本百发百中）

转自小木虫作者 pcmagic 收录 2012 05 27 发布 2012 05 20 根据多年的经验以下计算机EI源刊可以说是百发百中只要有工作量并不需要什么创新性均可录用 Journal of Computers JCP ISS

随机推荐

SDUTOJ KMP简单应用【KMP】

KMP简单应用 Time Limit 1000MS Memory limit 65536K 题目描述给定两个字符串string1和string2 判断string2是否为string1的子串输入输入包含多组数据每组测试数据包含两行
单片机外设基本概念_嵌入式单片机教学（一）

01 引言哈喽各位好久不见看到标题应该知道小白又要给大家开启一系列的新教程了肯定有人说我跨度还蛮大的从ROS到神经网络又到嵌入式教学其实这些都是小白在本科期间学到的一些知识啦这边分享给大家让不知道怎么做项目的小小白能
Ubuntu16.04及ROS Kinetic环境下安装使用RealSense SR300

Ubuntu16 04及ROS Kinetic环境下安装使用RealSense SR300 1 准备条件需要安装Ubuntu16 04及ROS Kinetic 2 安装驱动安装realsense的驱动流程可以根据Github上的官方推荐
C#获取本机主机名—三种方式

前提条件引用名称空间 using System Net 建议使用方式3 本人使用前2种方式都存在字符串自动截取的情况方式1 Environment 获取本地计算机名 string machineName System Environm
前端基础--主流浏览器及其内核

IE trident Chrome webkit blink firefox Gecko Opera presto Safari webkit 内核主要分成两部分渲染引擎 layout engineer或 Rendering Engine
Wrapper中的QueryWrapper常用ge,gt,lt,le具体含义

英文缩写英文全拼含义 EQ equal 等于 NE not equal 不等于 GT greater than 大于 LT less than 小于 GE greater than or equal 大于等于 LE less than
centos7.3安装mysql5.7 && 解决 Access denied for user 'root'@'localhost' (using password: NO)

开始查找自带的mariadb rpm qa grep mariadb 找到安装包并卸载 rpm e mariadb安装包卸载完之后我们就可以开始安装mysql5 7了在这里可以找到我们需要的点击这里鼠标放在最下面那个No thank
React仿写网易云音乐项目

文章目录一项目功能说明二最终效果三文件目录结构说明四项目技术栈五核心技术 1 配置项目别名 craco craco 2 使用reset css进行 css 重置 3 使用CSS Sprites 精灵图 4 使用 memo
Java语言通过三种方法来实现队列

队列关于作者作者介绍博客主页作者主页简介 JAVA领域优质创作者一名在校大三学生在校期间参加各种省赛国赛斩获一系列荣誉关注我关注我学习资料文档下载统统都有每日定时更新文章励志做一名JAVA资深程序猿文章目录队
实现框架的类的方法为什么会在众多集成者中被调用

以activities为例实现了 author Tom Baeyens public interface Command
LVM磁盘扩容

一一块磁盘新增容量后加到lv里面去一般在虚拟机里面出现这种情况多这种方式需要重启 1 对新增磁盘空间进行分区 fdisk dev sda 注意 Selected partition 后要对分区的类型做改变一定要选择t 8e 改变分区
Python .whl安装包简介和制作

python 文章目录 python 前言一构建工程文件二封装Python包三制作python包为wheel文件四完整示例小结前言 Wheel和Egg都是python的打包格式目的是支持不需要编译或制作的安装过程实际
脚本语言和编译语言的区别

之前学了很多语言例如c c Java c Python 突然想知道他们是怎么分类的突然有疑问什么是编译语言什么是脚本语言查了一些资料有了简单的初步了解下面是总结的一部分内容如果有什么问题敬请指正什么是脚本语言脚本语言是一种
仙岛求药 —— dfs 与 bfs求解

样例输入1 8 8 样例输出1 10 样例输入2 9 6 样例输出2 1 dfs ps 使用dfs会运行超时 30组测试数据只能通过部分其实这种最短路径最少操作的问题最好还是靠bfs解决 import java util Scanner
求最大连续和的几种方法

本文内容参考算法竞赛入门经典第2版 220 223页 Q 给出一个长度为 n n n的序列 A 1 A
VMware CentOS 虚拟机 Hadoop集群网络配置静态IP

一虚拟机集群IP分配与规划二操作步骤 1 打开虚拟机点击导航栏上面的编辑 gt 虚拟网络编辑器 2 首先选中上面的VMnet8 不要勾选使用本地DHCP服务将IP地址分配给虚拟机 D 在到下面的子网IP 处编辑IP地址可以改
兼容ios不支持的日期格式

前段时间开发了一个关于订单展示的页面要求根据时间筛选出离当前时间最近的订单信息进行展示因为服务器返回的时间格式都是 YYYY MM DD 也没想那么多直接拿过来就用了在安卓上排序都很正常在测试的时候发现苹果手机展示的订单根本就没有
MySQL 查询数据库中所有表的表名、备注

目录前言一 SQL语句二 SQL实现前言查询数据库所有表的表名备注其实也是比较常见的操作比如数据库管理人员可能会经常使用像我们后端开发人员来说的一个应用场景就是基础代码生成器了需要获取指定数据库中所有表名及备注进行展示
微信小程序---目录结构

一总体目录大体介绍 1 在utils中定义方法工具等主要使用common js暴露接口 2 pages中放我们的页面 3 eslintrc js文件在代码质量审查的时候的代码依赖 4 app js app json app wxss
锚点定位的三种解决方法

一学习锚点定位之前的知识储备 1 1 号的作用代表网页中的一个位置其右面的字符就是该位置的标识符比如 http www example com index html print 就代表网页index html的print位置浏览

锚点定位的三种解决方法

锚点定位的三种解决方法 的相关文章

随机推荐

热门标签

锚点定位的三种解决方法的相关文章