当前位置: 首页 > Web前端 > HTML5

2018年8月遇到的知识点整理

时间:2023-04-05 20:49:51 HTML5

*注:本文是工作中遇到的知识点整理,涉及的东西价格比较比较乱。如有错误,欢迎指正和指导1、页面锚链接1、定义:anchor,锚链接。常用于内容庞大繁琐的网页。通过点击命名锚点,我们不仅可以指向文档,还可以指向页面中的特定段落。也可以作为“精准链接”的便捷工具,让链接对象更接近焦点。方便浏览者查看网页内容。类似于我们看书时的目录页码或回章提示。当您需要指定页面的特定部分时,锚点是最好的方法。锚点多用于点击到达本页面的某个位置。超链接用于点击到达某个页面或打开/下载某个文件。用法:在锚文本标签中添加id

Exercise

Exercise

Exercise

Practice

Practice

Practice

Practice

为a的文字添加锚点标签,点击链接可以跳转到名为test的a标签【使用name属性只能用于定位a标签,不能用于div等其他标签。]

练习

练习

练习

练习

练习

练习

练习

二、WebSocket三、热更新热更新就是当你在的时候在开发环境中修改代码后,无需刷新整个页面即可看到修改后的效果。vue项目,不管html、css、js,无需刷机即可更新。因为vue使用了虚拟dom,所以可以在node端渲染虚拟dom,然后通过websocket发送到浏览器端对比渲染,在项目中实现热更新4.你真的使用官方文档中的requestAnimationFrame方法吗请求动画框架?5.数据埋点6.vue访问地址与#相关的vueitem会有#,因为vue使用的hash模式。Vue默认hash模式1,去掉:importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportdefaultnewRouter({mode:'history'//改变Router的模式为history模式只是})2、hash模式和history模式VUE通常是作为单页面应用(SPA)开发的,所以既然是单页面应用,当用户想要点击其他组件访问页面中的其他模块时,系统无论如何都要获取一个参数,然后根据这个参数返回不同的模块给用户。这时候,就会出现问题。如果传递的参数只在后台处理,可以正常工作,但是如果用户使用浏览器的前进、后退、跳转这三个功能,因为是单页应用,访问地址是不变的,所以浏览器的前进、后退、跳转就不能用了,怎么办,只能从访问地址来操作了。HASH模式:HASH模式是从访问地址开始,在访问地址后加上#并带上需要的参数,这样后台可以针对不同的参数显示不同的模块,而#和后面的参数不会被包含在HTTP中request,对服务器的请求没有影响,改变参数不会刷新页面。history模式:history模式也是从访问地址开始的,只不过不是使用#,而是像普通访问地址一样使用/,但是如果这样请求,需要单独配置服务器,否则很容易出现404错误。具体怎么配置,请自行百度。参考文章哈希和历史的区别