前端css
前端压缩图片
#### 场景: 钱包ocr识别照片获取对应的卡号 #### 问题: H5调起摄像机或相册时,图片过大,网关负载过小, #### 解决办法: 起初是后台人员加大网关的负载,或者测试的时候使用技术手段将图片压缩一下在上传,由此引发思考。前端是否可以拿到图片时进行等比的压缩并传到后台 html,h5调起 ......
爬取新闻 ,bs4, css选择器,selenium基本使用
[toc] ## 1 爬取新闻 ```python # 1 爬取网页 requests # 2 解析 xml格式,用了re匹配的 html,bs4,lxml。。。 json: -python :内置的 -java : fastjson 》漏洞 -java: 谷歌 Gson -go :内置 基于反射, ......
脱发秘籍:前端Chrome调试技巧汇总
Chrome浏览器调试工具的核心功能: 🥷🏻注:本文测试、截图均为Edge浏览器(内核是Chromium),浏览器内核可了解《有哪些浏览器/内核?》 00、基础操作汇总 操作类型快捷键/说明 切换浏览器标签 🔸 Ctrl+1到8切换到对应序号的浏览器标签🔸 Ctrl+PgUp/PgDn标签页 ......
记录--盘点前端实现文件下载的几种方式
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前端涉及到的文件下载还是很多应用场景的,那么前端文件下载有多少种方式呢?每种方式有什么优缺点呢?下面就来一一介绍。 1. 使用 a 标签下载 通过a标签的download属性来实现文件下载,这种方式是最简单的,也是我们比较常用的方式,先来 ......
前端Get请求传递时间参数报错
> Get请求时,传递的参数都属于字符串类型,若是这个时候后端是用Date类型接收,会出现数据类型不匹配的问题(@DateTimeFormat(pattern = "yyyy-MM-dd")注解可自动将前端传来的字符串转换成时间类型,不过前端传来的长度要大于pattern设置的格式~) ``` @D ......
在线CAD 的前端框架搭建(网页显示CAD图纸)
前言 DWG格式的图纸是AutoCAD的私有格式,很多用户需要在网页端查看和编辑CAD图纸,传统的方式是企业购买梦想CAD控件的OCX方案,此方案开发时间久且编辑功能丰富,但因新版谷歌浏览器不再支持AcitveX控件,因此更多的用户希望以Html5的方式实现在线CAD功能,今天我们就来讲一下梦想CA ......
前端面试题-js(三)
1.JavaScript中的对象 JavaScript 中有八种数据类型。有七种原始类型,因为它们的值只包含一种东西(字符串,数字或者其他)。相反,对象则用来存储键值对和更复杂的实体。 对象是具有一些特殊特性的关联数组。 它们存储属性(键值对),其中: 属性的键必须是字符串或者 symbol(通常是 ......
前端色环制作的方式
### 需求背景 最近有个项目中有个功能需要在浏览器上实现图片颜色任意变化,并且不会出现卡顿,要向德芙一样的丝滑 ### 思路 #### 最开始的思路 使用canvas+js的方式实现 github地址:https://github.com/miniflycn/JsCV 这个方式好处就是canvas ......
国内代表型企业开源项目盘点:前端的“轮子”最多!
> 近年来,开源技术得到越来越多的重视,微软收购 GitHub、IBM 收购红帽,都表明了开源的价值。国内公司也越来越多的参与开源,加入开源基金会 / 贡献开源项目。但是,它们到底做得如何呢?为此 InfoQ 统计了国内在 GitHub 上较活跃的 7 家一线互联网公司的 50 多个账号的 2800 ......
css文字水平均匀分布
应用场景 希望在某个元素内文字水平均匀分布 代码 .avg_dis_box{ border: 1px solid tomato; padding: 20px; width: 300px; /* text-align CSS 属性定义行内内容(例如文字)如何相对它的块父元素对齐。text-align ......
520要通过这种方式告白 html+css+javascript canvas桃心代码 可修改 【附完整代码】
>🚀 个人主页 **极客小俊** >✍🏻 作者简介:web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步!😄 >🏅 如果文章对你有帮助的话,欢迎评论 💬点赞👍🏻 收藏 📂加关注 ### 效果 ![在这里插入图片描述](https://img-blog.cs ......
【趣味JavaScript】我的天! 居然工作了5年的前端开发都不知道eval函数其中居然暗藏玄机!
>🚀 个人主页 **极客小俊** >✍🏻 作者简介:web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步!😄 >🏅 如果文章对你有帮助的话,欢迎评论 💬点赞👍🏻 收藏 📂加关注 ![](https://img-blog.csdnimg.cn/dda1553 ......
DevTools 无法加载源映射: 无法加载httplocalhost8081staticscssbootstrap.min.css.map 的内容HTTP 错误 状态代码 404,
DevTools 无法加载源映射: 无法加载http://localhost:8081/statics/css/bootstrap.min.css.map 的内容:HTTP 错误: 状态代码 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE 解决办法:找到bootstr ......
前端基础-js篇(二)
1.break和continue有什么区别? 共同点:break和continue都用于循环控制,但他们的工作方式有所不同。 区别:(1). Break: 当循环遇到break语句时,它会立即终止当前正在执行的循环,并且完全跳出该循环,不再执行剩下的迭代。此外,程序将继续执行break语句后面的代码 ......
CSS
# CSS(层叠样式表) ## CSS的三种应用情况 就近原则:谁离该元素离得近就用哪个CSS ```html 芜湖 鸡你太美 ``` ## 三种基本选择器 ### 1.标签选择器 ```html 标签选择器 鸡你太美 基尼实在是太美 ``` ### 2.类选择器 ```html 类选择器 鸡你太美 ......
14-前端模块化
# 1. 为什么要模块化 随着前端项目越来越大,团队人数越来越多,多人协调开发一个项目成为常态。例如现在小明和小张共同开发一个项目,小明定义一个aaa.js,小张定义了一个bbb.js。 > aaa.js ```javascript //小明开发 var name = '小明' var age ......
【HTML+CSS兼容性】 li中插入img元素之间存在空隙BUG问题+解决方案 前端零基础必须知道的事情!
>🚀 个人主页 **极客小俊** >✍🏻 作者简介:web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步!😄 >🏅 如果文章对你有帮助的话,欢迎评论 💬点赞👍🏻 收藏 📂加关注 ![](https://img-blog.csdnimg.cn/8980b6c ......
【开发工具】WebStorm 前端开发神器菜鸟必备,全网最稳定靠谱的安装教程 一镜到底、全程图文并茂、通俗易懂!
>🚀 个人主页 **极客小俊** >✍🏻 作者简介:web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步!😄 >🏅 如果文章对你有帮助的话,欢迎评论 💬点赞👍🏻 收藏 📂加关注 ### 介绍 🙂 ![](https://img-blog.csdnimg. ......
纯CSS实现table固定thead,tbody进行滚动
代码一 <!-- * @Descripttion: * @version: * @Author: yang_ft * @Date: 2020-09-29 13:59:26 * @github: famensaodiseng * @LastEditTime: 2020-10-10 17:13:17 - ......
前端Vue自定义商品订单tabs标题栏选项卡组件 可设置文字下划线颜色
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
前端Vue自定义精美横向步骤条组件 水平步骤条组件 可用于电商跟进商品订单状态
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
web前端 第四天总结
案例1:盒子模型 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> ......
前端框架及项目面试-聚焦Vue、React、Webpack
第1章 课程导学介绍课程制作的背景和课程主要内容。第2章 课程介绍先出几道面试真题,引导思考。带着问题来继续学习,效果更好。第3章 Vue 使用Vue 是前端面试必考内容,首先要保证自己要会使用 Vue 。本章讲解 Vue 基本使用、组件使用、高级特性和 Vuex Vue-router ,这些部分的 ......
前端编程开发 --- vue3 监听属性
监听变量的变化并触发函数 <div id = "app"> <p style = "font-size:25px;">计数器: {{ counter }}</p> <button @click = "counter++" style = "font-size:25px;">点我</button> / ......
web前端 第三天总结
案例1:伪类选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title ......
CSS 父元素没有设置高度,子元素如何跟父元素保持一样的高度?
![宽度有,但是高度没有](https://img2023.cnblogs.com/blog/2271881/202307/2271881-20230710211813680-1880434299.png) 如上图所示,height 属性需要让父元素有高度,所以,h2 的 `::before` 设置 ......
CSS
.css ``` /* author: weiyupeng date: 2023/7/8 10:09 */ #para2 { font-size: xxx-large; } /*背景样式*/ body { /*背景色*/ background-color: mintcream; /*背景图*/ ba ......
前端开发常用插件汇总
js常用插件(一)之移动端调试利器VConsole—教程链接 js常用插件(二)之移动端手势利器hammer单双指操作—教程链接 js常用插件(三)之html2canvas生成海报(jcanvas后续出)—教程链接 js常用插件(四)之jsonExportExcel导出表格(后台系统必备)–教程链接 ......
css 隐藏滚动条
&:那个元素有滚动条,就是那个元素 ```js scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ &::-webkit-scrollbar { display: none; /* Chrome Sa ......