2024-01-31获取后面的兄弟元素相较于获取前面的兄弟元素来说更简单点，这是浏览器 流布局 所决定的（元素..._css上一个兄弟元素怎么找到

https://www.qianduange.cn//article/887.html 分类：前端知识

2024-01-31含义:超文本标记语言,静态网页,用于在浏览器显示数据双标签:<> ,开始标签和结束标签同时出现单标签:属性名:属性后面的值都加双引号“”:页面标题“”:页面主体部分““““”:段落标签““”:行内标签“”:换行“超链接(一般放在a标签里面)herf:指定页面跳转页面的地址#:表示当前页面target=“_blank”:在新窗口打开锚,超链接的使用有序列表(ul)无序列表(ol)自定义列表(dl)图片标签表格标签使用一行数据使用标签表头使用标签表体使用标签表单标签该标签的属

https://www.qianduange.cn//article/884.html 分类：前端知识

2024-01-31其实上面两种方式已经大致实现懒加载，但是，它们都有一个缺点，就是一当发生滚动事件时，就发生了大量的循环和判断操作判断图片是否可视区里。这里就引入了一个叫 Intersection Observer 观察器接口，它是是浏览器原生提供的构造函数，使用它能省到大量的循环和判断。这个构造函数的作用是它能够观察可视窗口与目标元素产生的交叉区域。简单来说就是当用它观察我们的图片时，当图片出现或者消失在可视窗口，它都能知道并且会执行一个特殊的回调函数，我们就利用这个回调函数实现我们的操作。_html 图片懒加载

https://www.qianduange.cn//article/883.html 分类：前端知识

2024-01-31在 Vue 项目中，实现文件下载和列表导出功能的方式有很多种，下面以两种常见方法为例进行说明。_vue导出文件并浏览器下载

https://www.qianduange.cn//article/879.html 分类：前端知识

2024-01-31将js文件插入HTML头部，解析js代码的时候，无法解析到body里面的代码，因此找不到要操作的数据对象。此时，需要重新排序，把js代码放在body的后面。（js代码可以放在HTML代码的任意位置）也就是说**.innerHTM**前的对象内容是空或null。2、当我将要插入的js文件放在body的后面，错误就解决了。1、举个例子，我需要用js渲染HTML网页的数据。由于浏览器解析HTML代码的时候，是。自然是未实现想要的渲染效果。实现了想要的数据渲染效果。_cannot set properties of null (setting 'innerhtml')

https://www.qianduange.cn//article/878.html 分类：前端知识

2024-01-30这样可以解决问题，每次打包发布之后，项目不需要强制清理缓存就可以试试更新内容了。但是这时候又有一个新问题产生。就是这样打包完发布之后，因为每次的文件名不一样，项目中偶尔会报错 ChunkLoadError: Loading chunk failed。原因就是浏览器取的是缓存中的文件名称，新打包之后，文件名称改变，导致浏览器找不到文件了 404。需要刷新页面，重新加载文件。在 vue.config.js 中，将 name.timeStamp.js 改成 name.js?_vue项目部署后每次清缓存

https://www.qianduange.cn//article/845.html 分类：前端知识

2024-01-30datalist （不同浏览器显示不同的样式）类似于百度搜索的下拉提示。6 支持chrome，safari，Opera，firfox，ie（9版本以上）浏览器。datetime-local 年月日选择。tel 手机号---用于移动端。week 一周选择。hidden 隐藏元素。spellcheck 拼写检查。密码，多行框，单选框，多选框不可使用。draggable 可拖动。_htnl5 前端

https://www.qianduange.cn//article/835.html 分类：前端知识

2024-01-30WebSocket 通信协议于2011年被定为标准RFC 6455，并由RFC7936补充规范。WebSocket API也被定为标准。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。_c# websocket客户端

https://www.qianduange.cn//article/825.html 分类：前端知识

2024-01-30在实际使用最好测试下最低版本是否支持对应的实现方式，尽量选各个浏览器支持比较好的，或者最常见的实现方式。浏览器兼容性：最新主流浏览器基本上兼容，对于老版本浏览器可能会有兼容性问题。兼容性：基本都支持，只是书写起来比较繁琐，多层嵌套。浏览器兼容性：主流浏览器基本上都支持的。_ css 垂直居中

https://www.qianduange.cn//article/811.html 分类：前端知识

2024-01-30flex 弹性布局 - 操作方便，布局极为简单，移动端应用很广泛 - PC 端浏览器支持情况较差 - IE 11或更低版本，不支持或仅部分支持_

https://www.qianduange.cn//article/804.html 分类：前端知识