2018年8月所遇知识点整理

guqiu 发布于2019-08-23 17:57 / 322人阅读

摘要：注本文章是在工作过程中所接触的知识点的整理，涉及的东西比价杂乱，如有错误之处，欢迎纠错与指导一，页面的锚链接定义锚点锚点链接。类似于我们阅读书籍时的目录页码或章回提示。

*注：本文章是在工作过程中所接触的知识点的整理，涉及的东西比价杂乱，如有错误之处，欢迎纠错与指导

一，页面的锚链接

1,定义：锚点,锚点链接。常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具，让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时，标记锚点是最佳的方法

锚点多用于点击到达本页面的某个位置
超链接用于点击到达某个页面或打开/下载某个文件

2，用法：
给锚点文本标签添加id

练习

给a标签的文本添加锚点，单击链接可跳到name为test的a标签处[使用name属性只能针对a标签来定位，而对div等其他标签就不能起到定位作用。]

练习

二， WebSocket 三，热更新

热更新就是当你在开发环境修改代码后，不用刷新整个页面即可看到修改后的效果。
vue的项目，不管html，css，js都可以无刷更新。因为vue使用的是虚拟dom，可以在node端渲染出虚拟dom，再通过websocket发送到浏览器端进行比对渲染
具体原理和实现看其他文章，写的很详细
前端开发热更新原理解读
如何在前端项目中实现热更新

四， requestAnimationFrame

官方文档
requestAnimationFrame 方法你真的用对了吗？

五，数据埋点 六， Vue访问地址带#相关

vue项目会带#是因为使用的vue的hash模式。vue默认为hash模式
1，去掉：

import Vue from "vue"
import Router from "vue-router"

Vue.use(Router)

export default new Router({
  mode: "history"  //把Router的mode修改为history模式就可以
})

2，hash模式和history模式
VUE通常开发为单页面应用（SPA）
那么既然是单页面应用，当用户要点击其他组件访问页面内的其他模块时，系统怎么样也要获取一个参数，然后根据这个参数返回不同的模块给用户使用，这时候就会有一个问题，这个传递的参数只放在后台处理的话是可以正常运作的，但如果用户使用了浏览器的前进、后退、跳转这三个功能呢，因为是单页面应用，访问地址是不变的，所以浏览器的前进、后退、跳转无法使用，那么要怎么办呢，只能是从访问地址动手脚了。

HASH模式：
HASH模式就是从访问地址动手脚，在访问地址的后面增加#并且带上需要的参数，这样后台就能对不同的参数显示不同的模块，而且 #以及后面的参数是不会被包含在HTTP请求中，因此对服务器的请求是没有影响的，更改参数也不会刷新页面。

history模式：
history模式也是从访问地址动手脚，但是不再使用#，而是想普通的访问地址那样使用/，但如果这样请求的话，服务器是需要另外配置才行，要不然容易出现404错误，具体怎么配置请自行百度。
参考文章hash和history的区别

GPU云服务器云服务器 2018年国外vps 2018年数据统计 2018年统计数据 2018年数据挖掘

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/104400.html

2018年8月所遇知识点整理

摘要：注本文章是在工作过程中所接触的知识点的整理，涉及的东西比价杂乱，如有错误之处，欢迎纠错与指导一，页面的锚链接二，三，热更新四，五，数据埋点 *注：本文章是在工作过程中所接触的知识点的整理，涉及的东西比价杂乱，如有错误之处，欢迎纠错与指导一，页面的锚链接二， WebSocket 三，热更新四， requestAnimationFrame 五，数据埋点

seanHai 2019-08-02 15:14 评论0 收藏0
2018年8月所遇知识点整理

摘要：注本文章是在工作过程中所接触的知识点的整理，涉及的东西比价杂乱，如有错误之处，欢迎纠错与指导一，页面的锚链接定义锚点锚点链接。类似于我们阅读书籍时的目录页码或章回提示。 *注：本文章是在工作过程中所接触的知识点的整理，涉及的东西比价杂乱，如有错误之处，欢迎纠错与指导一，页面的锚链接 1,定义：锚点,锚点链接。常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还...

silenceboy 2019-08-30 11:05 评论0 收藏0
2018年12月所遇知识点整理

摘要：注本文章是在工作过程中所接触的知识点的整理，涉及的东西比价杂乱，如有错误之处，欢迎纠错与指导一，请求含有中文地址请求失败，显示不出来当获取后台的图片的时候，使用请求并且参数包含中文的时候，在上面获取不到图片。 *注：本文章是在工作过程中所接触的知识点的整理，涉及的东西比价杂乱，如有错误之处，欢迎纠错与指导一， get 请求src 含有中文地址请求失败，显示不出来当获取后台的图片的时...

zollero 2019-08-30 11:05 评论0 收藏0
2018年9月所遇知识点整理

摘要：注本文章是在工作过程中所接触的知识点的整理，涉及的东西比价杂乱，如有错误之处，欢迎纠错与指导一，还是二，性能信息采集指南三，性能信息采集指南四，前端上传文件 *注：本文章是在工作过程中所接触的知识点的整理，涉及的东西比价杂乱，如有错误之处，欢迎纠错与指导一， px还是rem 二， Web性能信息采集指南三， Web性能信息采集指南四，前端上传文件

Karuru 2019-08-30 11:05 评论0 收藏0