高频面试题-HTML
2024-07-30离线存储是基于 .appcache ⽂件的缓存机制(不是存储技术)实现的,通过这个⽂件上的解析清单离线存储资源,这些资源就会像 cookie ⼀样被存储了下 来。块级元素有: div p 列表标签(ul ol li dl dt dd) 标题标签(h1 h2 h3 h4) 表格标签(table)空元素: ->新增了语义化标签(header/footer/nav/asid)->新增了表单增强控件(data/time/email/url)
HTML5有哪些更新
2024-07-24(1)新增语义化标签:nav、header、footer、aside、section、article(2)音频、视频标签:audio、video(3)数据存储:localStorage、sessionStorage(4)canvas(画布)、Geolocation(地理定位)、websocket(通信协议)(5)input标签新增属性:placeholder、autocomplete、autofocus、required。
vue解决报错Unable to preventDefault inside passive event listener invocation.
2024-07-10然而,在passive事件监听器中调用preventDefault()方法是无效的,并且会引发上述警告。而passive事件监听器是一种新的事件处理机制,它允许开发者在事件处理函数执行之前告诉浏览器不要等待事件处理函数执行完毕就可以继续执行默认的操作,这样可以提高页面的响应性能。然而,在某些情况下,忽视这个警告可能会导致意外的行为或性能问题,所以建议开发者根据具体情况选择合适的解决方案。使用事件委托:如果无法直接在Vue组件中解决该警告,可以尝试在父级元素上使用事件委托,并在事件处理函数中调用。_unable to preventdefault inside passive event listener invocation.
CSS-浮动文字环绕布局、隐藏属性display、overflow、三角形制作、鼠标样式
2024-07-01CSS文字环绕布局是指在网页中让文字环绕在图片或其他元素周围的布局方式。这通常通过CSS中的float属性来实现。你可以将图片设置为`float: left;`或`float: right;`,然后在文本元素中使用`clear`属性来清除浮动,以确保文字不会覆盖图片。另外,你也可以使用CSS中的`shape-outside`属性来定义文字环绕的形状,使文字围绕着指定的形状排列。这样可以实现更加灵活和复杂的文字环绕效果。_css 文字环绕
Flag大全及其含义
2024-06-26FLAG_LAYOUT_ATTACHED_IN_DECOR:使窗口的内容布局在装饰视图之内,并显示在导航栏之上。FLAG_WATCH_OUTsidE_TOUCH:当窗口在前面时,允许在窗口之外触摸事件传递到后面的窗口。FLAG_NOT_TOUCH_MODAL:当窗口在前面时,允许在窗口之外触摸事件传递到后面的窗口。FLAG_ALLOW_LOCK_WHILE_SCREEN_ON:允许在屏幕开启的情况下锁定屏幕。FLAG_LAYOUT_IN_SCREEN:使窗口的内容布局在整个屏幕之内。_layout in screen hardware accelerated
VUE项目IIS部署后接口请求405错误(Method Not Allowed)
2024-06-25解决方法:添加一个规则,在IIS程序映射中或者web.config中直接添加handlers都可以,模块为ServersideIncludeModule,路径为*.html。ServersideIncludeModule模块,在里面添加这个模块之后就会报错,感觉是继承重名或者.NET模式环境问题,不想再研究了,之后回退。如果没有ServersideIncludeModule模块需要在IIS中安装服务器包含。_vue 405 method not allowed
HTML5 新增元素
2024-06-22HTML5新增的主要结构元素有6个:header、nav、article、aside、section、footer。_html5新增
Vue 自定义指令:ClickOutside(点击当前区域之外的位置)
2024-06-22本文介绍了如何在Vue3项目中利用clickoutside.js文件实现点击元素外部时执行特定函数,通过自定义指令和事件处理机制,展示了在util文件夹下创建并使用clickoutside功能的方法。
vue3 elment-plus实现后台布局
2024-06-18整体的左右(sider和main)布局使用的是flex布局,是为了方便sider能够收缩,右边的宽度能自动扩展,并且左边flex-shrink要设置为0,注意这种flex布局下,右边虽然能自动扩展,但是不能超过父容器的范围,需要加一个overflow:hidden,解释请看:flex布局左边宽度固定,右边宽度动态扩展问题右边main使用上下布局,上面的main-header部分正常写就行了,下面的main-body使用了绝对定位,相对的是main这个容器,top就是main-header的高度,并且设_element plus flex
CSS3渐变、过渡
2024-06-16此外,渐变效果的元素在放大时看起来效果更好,因为渐变 (gradient) 是由浏览器生成的。closest-side: 最近边 、farthest-side: 最远边:、closest-corner: 最近角、 farthest-corner: 最远角。径向渐变不同于线性渐变,线性渐变是从“一个方向”向“另一个方向”的颜色渐变,而径向渐变是从“一个点”向四周的颜色渐变。以中心 (50% 50%) 为起点,到最远角 (farthest-corner) ,从red到green、blue的均匀渐变。_css过渡渐变