我们应该知道的标签

版权声明：本文为博主原创文章，欢迎转载，转载请注明出处。 https://blog.csdn.net/FE_dev/article/details/70767206

关于页面滚动的两个 CSS 属性

一般返回顶部都是直接用 JS 实现的，但是我不懂 JS ，写个 console.log 我都不会就不用说写返回顶部了。那就直接用回最原始的方法：锚点定位。 锚点定位其实很好用，但主要是太生硬了，点一下定位就瞬间冲过去了，没有任何过渡。很多人用JS来做返回顶部而不用 CSS 可能就是锚点定位的这个缺点。

返回顶部的五种实现方法

上面几种方式实现起来比较简单，但是效果生硬，直接从底部切换到顶部，没有一个过渡的动画。此方法能使页面动态滚动，同时将按钮换成一个箭头标志，判断页面滚动的距离，当页面滚动到一定的距离后再显示返回顶部箭头标志。这样的效果更佳生动。

一、VueJs 填坑日记之基础概念知识解释

SPA应用路由器如何工作？

SPA(single page application)-单页面应用有两个特点，一是路由控制，二是模板渲染。通过路由器，可以在不reload页面的情况下，实现页面部分刷新。那么，最关键的地方，就是如何设计路由器，如何让路由器工作？

初识AngularJS

虽然AngularJS正在走向没落，但是我们要知道它背后所带来的价值。 它带领前端行业步入了 MV* 时代，带领当今市场上的前端框架走向了模块化，架构化。

从一个webpack打包bug到探索resolve背后的机制

经过进一步调试发现，原因是在业务代码的lib/axios.ts的import axios, { AxiosError, AxiosRequestConfig, AxiosResponse } from 'axios';这行代码的引入居然是引入的 业务代码的lib/``axios``.ts而不是node_modules中的axios

页面中元素的锚点定位

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第12天，点击查看活动详情 >>

HTML锚点

以前只是知道有锚点这么个东西，一直没有用到，昨天做毕设用到了锚点，现在总结一下控制锚点的几种情况：         1. 在同一页面中

VUE-项目结构

3.项目结构 开始编码前，我们先了解下项目的结构。 3.1.目录结构 3.2.调用关系 我们最主要理清index.html、main.js、App.vue之间的关系： 理一下： index.html：

Canvas 基本绘制（上）

HTML5学堂：之前的文章与大家分享了SVG的一系列操作，但是SVG也是存在一些劣势，所以今天开始为大家分享介绍HTML5 Canvas的相关知识，Canvas是什么呢？又如何进行Canvas进行图像

HTML 锚点三种实现方法

scrollIntoView()的用法 scrollIntoView是一个与页面（容器）滚动相关的API，该API只有boolean类型的参数能得到良好的支持（firefox 36+都支持）

yaml语言学习笔记

YAML 是 “YAML Ain’t a Markup Language”（YAML 不是一种标记语言）的递归缩写。在开发的这种语言时，YAML 的意思其实是：”Yet Another Markup Language”（仍是一种标记语言）。

yaml语言教程

YAML 是 “YAML Ain’t a Markup Language”（YAML 不是一种标记语言）的递归缩写。在开发的这种语言时，YAML 的意思其实是：“Yet Another Markup Language”（仍是一种标记语言）。

Vue的一些命名规则与SPA实现思路

3.1 所有模块的主文件index.js全小写  3.2 属于类的.js文件，使用PascalBase风格  3.3 其他类型的.js文件，使用kebab-case风格

React项目中如何实现一个简单的锚点目录定位

锚点目录定位功能在长页面和文档类网站中非常常见,它可以让用户快速定位到页面中的某个章节

hash实现锚点平滑滚动定位

解析  访问该页面的地址:http://127.0.0.1/anchor.html(我是在本地服务器上测试的)  点击a链接锚点1，则页面会直接跳到红色的div(锚点1)，同时，浏览器地址改变为http://127.0.0.1/anchor.html#anchor1  虽然可以直接定位到制定的位置，但是效果很差，没有平缓的过渡效果。

YAML基础语法

YAML是"YAML Ain't a Markup Language"的缩写，它是一种数据序列化语言，并不是一种标记语言 YAML(带有”骆驼”的韵律)是一种基于 Unicode 的基于 Unicode 的数据序列化语言,它围绕敏捷编程语言的常见本机数据类型而设计，它使用 Unicode可打印字符,其中一些字符提供结构信息,其余字符包含数据本身；但是如果你使用过类似XML/JSON这种标记语言(利于人们读写的数据格式)，那么你可能会很快的学会YAML，与XML相同的是我们可以使用YAML编写配置文件;

word目录链接无法跳转_怎样跳转网页

目前使用的 next 版本是 5.1.4 ，文章左侧的目录一直不能跳转也不能展开，按网上的办法一直没法解决，今天自己琢磨了一阵总算搞定了。

WebWorker 在文本标注中的应用

在之前数据瓦片方案的介绍中，我们提到过希望将瓦片裁剪放入 WebWorker 中进行，以保证主线程中用户流畅的地图交互（缩放、平移、旋转）。

php学习之html–精彩回顾（七）

表格 结构：

九、知识拓展

1、<a href="javascript:js_method();></a>"`

HTML标记之a标签

1.内部链接（当前文档与目标文档在同一站点内）； 　　　2.外部链接（当前文档与目标文档不在同一站点内）； 　　　3.E-mail链接（并允许访问者向指定的地址发送邮件）； 　　　4.锚点连接 跳转到同一网页或其他文档的指定位置：创建锚点，显示内容链接锚点，显示内容； 　　　5.空链接，就是没有目标端点的链接，显示内容； 　　　6.脚本链接：是一种特殊的链接，当单击设置脚本链接的文本或图像时，可以运行相应的JS语句。

VUE-路由vue-router

接下来我们来实现登录组件，以前我们都是写在一个文件中，但是为了复用性，开发中都会把组件放入独立的JS文件中，我们新建一个user目录以及login.js及register.js：

D3.js仪表盘的实现

细看上面的动态效果图，可以发现： 一个值变换到一个新的值时，是一个渐变的过程； 圆弧末尾有一个竖线，作为仪表盘的指针，在仪表盘数值变化时，有一个弹性的动画效果。 一开始，我是用Echarts来实现仪表

YAML基础语法

YAML是"YAML Ain't a Markup Language"的缩写，它是一种可读性高，用来表达数据序列化语言，你仍然可以理解是是一种标记语言，但是为了强调这种语言以数据未中心，而不是以标记语言为重点; YAML(带有”骆驼”的韵律)是一种基于 Unicode 的基于 Unicode 的数据序列化语言,它围绕敏捷编程语言的常见本机数据类型而设计，它使用 Unicode可打印字符,其中一些字符提供结构信息,其余字符包含数据本身；但是如果你使用过类似XML/JSON这种标记语言(利于人们读写的数据格式)，那么你可能会很快的学会YAML，与XML相同的是我们可以使用YAML编写配置文件;

PHP模拟发送POST请求之二、用PHP和JS处理URL信息

明白了HTTP请求的头信息后，我们还需要对请求地址有所了解。再者，HTTP GET请求是靠URL实现的，所以了解URL的构造，处理URL的重要性不言而喻。 在PHP中我们用parse_url()函数来

使用 SVG 和 Vue.Js 构建动态树图

本文将会带你了解到我是如何创建一个动态树图的，该图使用 SVG（可缩放矢量图形）绘制三次贝塞尔曲线（Cubic Bezier）路径并通过 Vue.js 以实现数据响应。

基于iframe的移动端嵌套

需求描述 上上周接到了新的项目，移动端需要做一个底部有五个导航，点击不同的导航页面主体显示不同的页面，其中两个页面是自己做，而另外三个页面是引用另外三个网址，其中两个网址为内部项目，另外一个为外部（涉及跨域）。 问题 考虑再三后最省时间成本的就是使用iframe，虽然在移动端使用，我的内心是很拒绝的，不过其他方案调研了下都不太符合现状。每点击一次加载一个新的iframe，比较懒，所以两个新页面也做成了iframe，在做的过程中出现了如下问题，这里总结一下： 1.嵌入的iframe页面无法滚动 2.met

Vue.js 2 入门与提高（一）

Vue.js作为一个后起的前端框架，借鉴了Angular 、React等现代前端框架/库的诸多特点，并且 取得了相当不错的成绩。

将Markdown字符串转成HTML

使用以下插件，依次实现：markdown字符串转HTML、自动生成目录(toc)、代码高亮等功能。

js点击按钮返回页面顶部

在进行官网一类的网站建设时，经常会出现页面太长的现象，当用户滚动滚动条到最底部时返回顶部需要滚动多下滚动条，用户体验相当不好，于是就出现了当滚动条滚动到一定位置后出现返回顶部按钮，点击该按钮返回顶部，并且有一定的效果。

h5-history解析

这是一个不太常用的api，但有一些场景比较适用，比如说，某用户填写了一个很复杂的表单，点了一下回退，就回退了一个网页，那用户的填写的所有信息都没了，那么，history就可以派上用场了 我们来看一下这个实例把

基于jsplumb构建的流程设计器

最近在准备开发工作流引擎相关模块，完成表结构设计后开始着手流程设计器的技术选型，调研了众多开源项目后决定基于jsplumb.js开源库进行自研开发，保证定制化的便捷性，相关效果图及项目地址如下

自定义博客cnblogs样式的必备前端小知识——js、jq

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。

wordpress自动生成文章目录

看过百度百科的同学都知道，如果百科文章比较长，那么他会生成一个目录，不仅增强了用户体验，还为文章引入了锚点内链，对SEO优化起到了十分积极的作用。

操作滚动条小结：scrollIntoView/animate等方法的来龙去脉

操作滚动条可以通过锚点跳转，JS操作滚动条，与scrollIntoView等方法。对此，我来考古一下。

手把手教你写webpack loader

loader 和 plugins 是 webpack 系统的两大重要组成元素。依靠对 loader、plugins 的不同组合搭配，我们可以灵活定制出高度适配自身业务的打包构建流程。

IOS开发系列——UIWebView专题【整理，部分原创】

iOS: UIWebview loadhtmlstring & Localcss/js/image resources

这9种URL错误对SEO优化有致命影响

时光太瘦，指缝太宽。不经意间的一瞥，已隔经年。如果你不努力，一年后的你仍然是现在的你。要知道，你不是别人羡慕的“富二代”。你想要是生活，别人无法给你，只有靠自己拼搏，靠自己努力，靠自己奋斗，汗水永远比泪水更能打动成功，汗水的浇灌注定绽会放出绚丽的花朵！ 今天给大家讲解下有关页面URL的问题，URL在SEO中，可以说是比标题还要重要，可以说是禁忌中的禁忌，各位同学一定要多加留意。现在我给各位同学讲解下，在日常中我们都会遇到哪些URL问题。 1 URL上使用#号好不好？ URL当中的#号是一个锚点的标志位

HTML跳转到页面某一位置

设计网页时，有时需要跳转到页面某一位置，下面给出了两种跳转到页面某一位置的两种方法。

Yaml 速成查询表

若是接触过编程数据结构的,对这个上手贼快. 写过json这些的...主要关注下缩进这些,理解下概念即可! 这里只列出非常高频且通用性高的使用姿势,个别骚姿势自行去提案了解!

快速了解 YAML

什么是 YAML? YAML 是一个数据序列化的标准，适用于所有开发语言，最大的特点是可读性好 YAML 的一个主要应用方向就是编写配置文件，有非常多的系统和框架采用YAML进行配置 示例 title

a标签href的功用

a标签在html内使用最多的就是超链接，在href属性中加入url链接即可。当然，他还有其他的一些功用，下面来看一下

一文让你彻底搞懂 vue-Router

路由是网络工程里面的专业术语，就是通过互联把信息从源地址传输到目的地址的活动。本质上就是一种对应关系。分为前端路由和后端路由。

CSS深入理解学习笔记之overflow

1、Overflow基本属性 　　overflow:visible(默认)/hidden/scroll/auto/inherit; 　　visible：超出部分可见。 　　hidden：超出部分隐藏。 　　scroll：超出可滚动。 　　auto：若超出才出现滚动条。 　　inherit：继承。（IE8+） 　　注：overflow-x与overflow-y值不同，其中一个属性值被赋予visible，而另一个被赋值为hidden/scroll/auto，则visible会被重置为auto。 兼容性：

XS-leaks信息泄露利用方法

具体描述参考 https://xsleaks.dev/docs/attacks/experiments/scroll-to-text-fragment/

基于 HTML5 WebGL 的楼宇智能化集成系统（二）

一套完整的可视化操作交互上，必不可少 2D/3D 的融合，在上期我们介绍了有关 3D 场景的环视漫游、巡视漫游以及动画效果，还包括了冷站场景、热站场景以及智慧末端的实现原理，本期主要介绍关于 2D 图纸面板的动画效果以及面板视频的嵌入。通过 2D/3D 融合的体验，达成场景数据可视化的直观体现以及面板动画交互体验的舒适体验。

2018年9月3日初识HTML超文本标记语言

javascript原名livescript,简称（js）,因为当时公司和sun公司合作，为了营销考虑，让它看起来更像当时 特别火热的java，所以更名为javascript,微软因为收购不成功，挖走研发人员，重新写了一个 名为jscript,javascript为了成为业内标准，向ISO申请，ISO未采纳javascrip名字，推出了 ECMAscript标准，javascript符合ECMA标准。

ASP.NET Core教程【二】从保存数据看Razor Page的特有属性与服务端验证

前文索引： ASP.NET Core教程【一】关于Razor Page的知识 在layout.cshtml文件中，我们可以看到如下代码： RazorPagesMovie 这段代码中用到asp-page这样的一个特有属性，这是razor page特有的， 这是一个锚点属性，它的值将被编译到a标签的href属性上； 跟多的时候，我们会像下面这样使用锚点属性 <a asp-controller="Speaker" asp-