前端面试知识点整理——CSS_给一个图片,只知道url,实现图片铺满和居中(1)
2024-06-134.float BFC5.table6.grid十、CSS三栏布局1.flex2.absolute margin3.float margin4.table5.grid十一、CSS污染怎么解决1.尽量少用标签选择器2.使用类选择器时更加具体一些,例如通过后代选择器提高权重(但可能会导致性能问题)3.把样式写到行内4.可以给class加一些前缀。。。1.line-height2.absolute top:50% 、margin-top:-子盒子高度一半3.abs_前端 识别图片中空白的部分,实现按百分比图片填充
前端 JS 压缩图片的思路(附源码)
2024-06-11我们将图片绘制到 canvas 之后,还需要将 canvas 转化为 Data url,转化为 Dataurl 之后可以显示到我们的屏幕上面,也可以存放到后端服务器,使用 canvas 所提供的 toDataurl 实例方法即可。 官方解释:HTMLCanvasElement.toDataurl() 方法返回一个包含图片展示的 data URI HTMLCanvasElement.toDataurl() - Web API 接口参考 | MDN (mozilla.org)_前端压缩图片至指定大小
Vue.js 清除页面缓存的方法
2024-06-11一种简单的方法是通过修改页面的 url 来清除缓存。这样,每次 url 发生变化时,浏览器会重新请求页面,从而达到清除缓存的效果。本文介绍了几种常见的方法来实现这一目标,包括通过修改 url、使用 Vue Router 导航守卫以及使用 Vue 的。在 Vue.js 开发中,有时候我们需要在页面更新时清除缓存,以确保用户能够看到最新的数据或者 UI 变化。方法,该方法会将当前页面的 url 修改为包含当前时间戳的新 url。根据你的项目需求和具体场景,选择适合的方法来清除页面缓存,并提供更好的用户体验。_vue清除页面缓存
响应式Web开发项目教程(HTML5 CSS3 Bootstrap)第2版 例4-9 HTML5 表单验证
2024-06-10表单验证是一套系统,它为终端用户检测无效的数据并标记这些错误,让Web应用更快地抛出错误,优化了用户体验。为了更方便地进行表单页面的开发,HTML5还提供了强大的内置相关正则表达式,当type为email或url等类型的< input >标签时,如果value的值不符合其正则表达式,那表单将不通过验证,无法提交。注意:通过required属性校验输入框,输入框的内容不能为空,如果为空,将弹出提示框,并阻止表单提交。当设置type的值为email时,表示验证邮箱;type的值为url时,表示验证url地址。_html表单验证css
《HTML5网页设计》——HTML5基础
2024-06-10一、HTML一介绍及网站开发上线基础流程:1、万维网WWW(WorldWideWeb,万维网)是一种建立在Internet(英特网)上的、全球性的、交互的、多平台的、分布式的信息资源网络。url:统一资源定位器,简称:网址HTTP:超文本传输协议HTML:超文本标记语言2、HTML2.1 定义HTML(超文本标记语言)是一种编程语言,用来编写在浏览器中运行的网页。使用 HTML 语言编写的文件称为网页.html2.2 编程工具Hbuilder X。_html5网页设计(基础)
vue中预览pdf
2024-06-10如果后端返回的pdf地址,粘贴到浏览器的url框中,可以在浏览器中直接进行预览的,那么我们就用window.open,或 a标签,或iframe标签通过设置src进行预览即可。可以直接使用window.open('获取到的pdf地址')重新打开一个浏览器页签。通过浏览器页签直接实现预览功能(预览页面的样式,根据浏览器的不同,会略有差异),这种情况,上述方法解决不了,需要使用插件或者设置浏览器请求头的方式来解决。后端返回了服务器文件pdf的地址,粘贴到浏览器的url框中,单页pdf可以直接使用。_vue预览pdf
PHP Swoole Client
2024-06-09同样,因为已经有了onConnect回调,因此异步模式的swoole_client调用connect方法时不再阻塞,connect方法也只会返回true,此时需要在onConnect回调中确定连接成功,或者在onError回调中确定连接失败。PHP常用socket创建TCP连接,使用Curl创建HTTP连接,为了简化操作,Swoole提供了Client类用于实现客户端功能,并增加了异步非阻塞模式,让用户在客户端也能使用事件循环。只要提供需要的事件就能过够处理逻辑,如swoole的定时器、事件循环等。_thinkphp swoole-client
6.jQuery中的Ajax上传文件
2024-06-09Ajax请求开始时会执行ajaxStart(),自jQuery1.8后,ajaxstart()只能给document,因为只能给document所以ajaxStart会监听当前document内所有的Ajax请求。processData:false的意思是 不对FormData中的数据进行url编码,而是将FormData数据原样发送到服务器。contentType:false的意思是 使用FormData默认的Content-Type值。让其在上传开始时显示,其余时间不显示。需要先搞一个这样的gif。_jquery上传文件到后端
COCO数据格式的json文件内容以及转换为mask
2024-06-08- “segmentation”: 目标的分割掩码,表示目标的轮廓。- - “flickr_url”: 图像的Flickr url(可选)。- - “date_captured”: 图像的拍摄日期(可选)。- - “coco_url”: 图像的COCO url(可选)。- - “height”: 图像的高度(以像素为单位)。- - “width”: 图像的宽度(以像素为单位)。- - “image_id”: 标注所属的图像的ID。- - “category_id”: 目标类别的ID。_coco格式数据集,一个json文件放多个标签
Next.js 开发指南 路由篇 | App Router
2024-06-08路由(routers)是应用的重要组成部分。所谓路由,有多种定义,对于应用层的单页应用程序而言,路由是一个决定 url 如何呈现的库,在服务层实现 API 时,路由是解析请求并将请求定向到处理程序的组件。简单的来说,在 Next.js 中,路由决定了一个页面如何渲染或者一个请求该如何返回。Next.js 目前有两套路由解决方案,之前的方案称之为“Pages Router”,目前的方案称之为“App Router”,两套方案是兼容的,都可以在 Next.js 中使用。_next的app路由