前端html css
[转]MySQL的jdbc连接url中的serverTimezone参数导致程序返回前端时间与数据库不一致(相差8小时)问题
原文地址:https://www.cnblogs.com/zhuitian/p/12436300.html 阅读目录 前言 血案现场 问题排查 问题根源 解决方法 回到顶部 前言 mysql8.x的jdbc升级了，增加了时区（serverTimezone）属性，并且不允许为空。 回到顶部 血案现场 ......
JS的原型与原型链-前端面试题合集
1.JS的原型与原型链 每一个对象实例都有自己对应的构造器， 对应的构造器都拥有一个prototype的属性， 值为一个plain object，这就是 构造器的原型，而且对象实例的proto属性也指向构造器的原型： a.__proto__ A.prototype 所以构造器原型上的属性方法是可以被 ......
盘点前端实现文件下载的几种方式
前端涉及到的文件下载还是很多应用场景的，那么前端文件下载有多少种方式呢？每种方式有什么优缺点呢？下面就来一一介绍。 1. 使用 a 标签下载 通过a标签的download属性来实现文件下载，这种方式是最简单的，也是我们比较常用的方式，先来看示例代码： <a href="http://www.baid ......
Nginx 常用的基础配置（web前端相关方面）
基础配置 user root;worker_processes 1;events { worker_connections 10240;}http { log_format '$remote_addr - $remote_user [$time_local] ' '"$request" $statu ......
GPT生产前端代码
我让GPT生成一段前端代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link href="https://cdn.quilljs.com/1.3.6/quill. ......
8款优秀的HTML5开发工具
HTML5 发展越来越受到重视，随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟，未来 HTML5 必将改变我们创建 Web 应用程序的方式。今天这篇文章向大家推荐8款优秀的HTML5开发工具，帮助你更高效的编写 HTML5 应用。 Initializr Initia ......
css实现自动适配移动端的效果
# css实现自动适配移动端的效果 ## 使用的库 使用到的库 **[lib-flexible](https://github.com/amfe/lib-flexible)** ## 使用方法 1. 使用script标签引入 ```html ``` ## 使用注意事项！！！ 1. 使用前必须要清掉h ......
前端面试题-js（四）
1.垃圾回收 对于开发者来说，JavaScript 的内存管理是自动的、无形的。我们创建的原始值、对象、函数……这一切都会占用内存。 可达性（Reachability） JavaScript 中主要的内存管理概念是 可达性。 简而言之，“可达”值是那些以某种方式可访问或可用的值。它们一定是存储在内存 ......
前端Vue仿美团地址管理组件列表组件 可用于电商平台收获地址管理
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端Vue自定义精美steps步骤条进度条插件 物流信息跟踪展示组件 流程审批跟进组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
1--HTML基础
1.页面结构 <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> </body></html> 编码：charset=“gbk” ；gbk2312，utf-8 2.常见标签 2.1 ......
前端压缩图片
#### 场景： 钱包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 ：内置 基于反射， ......
django_filters/rest_framework/form.html的报错问题
报错问题： django_filters/rest_framework/form.htm 报错原因为： 1 没有装 django_filters 模块 使用pip安装 pip install django-filter 2 模块没有在配置文件中注册： 将 django_filters 添加到 ins ......
脱发秘籍：前端Chrome调试技巧汇总
Chrome浏览器调试工具的核心功能： 🥷🏻注：本文测试、截图均为Edge浏览器（内核是Chromium），浏览器内核可了解《有哪些浏览器/内核？》 00、基础操作汇总 操作类型快捷键/说明 切换浏览器标签 🔸 Ctrl+1到8切换到对应序号的浏览器标签🔸 Ctrl+PgUp/PgDn标签页 ......
记录--盘点前端实现文件下载的几种方式
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前端涉及到的文件下载还是很多应用场景的，那么前端文件下载有多少种方式呢？每种方式有什么优缺点呢？下面就来一一介绍。 1. 使用 a 标签下载 通过a标签的download属性来实现文件下载，这种方式是最简单的，也是我们比较常用的方式，先来 ......
[GPT] 对于一个复杂的html文档而言，如何用 js 批量替换页面上的某些文字从A替换为B，前提是不能去掉标签和已绑定的事件
原生：示例代码 function replaceTextInDocument(node) { if (node.nodeType Node.TEXT_NODE) { node.textContent = node.textContent.replace(/A/g, 'B'); } else if ( ......
前端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 ......
HTML5
## 1. 初识 ### 1.1 网页头部head 1. ：网页标题 2. ：描述性标签，用来告诉网站一些信息 - name="description",搜索引擎结果也描述 - name="keywords ",设置关键词有助于搜索引擎索引 - charset="utf-8"，设置字符编码 ### ......
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 ......
7个顶级的HTML5 Canvas动画赏析
HTML5确实是一项改革浏览器乃至整个软件行业的新技术，它可以帮助我们Web开发者很方便地在网页上实现动画特效，而无需臃肿的Flash作为支撑。本文分享7个顶级的HTML5 Canvas 动画，都有非常不错的效果。 1、3D HTML5 Logo动画 HTML5多视角3D旋转动画 HTML5 3D动 ......
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 ......
【趣味JavaScript】利用className原生自定义封装实现快速操作html元素中的class属性,功能包含添加、删除、替换、验证是否存在, 极简方式轻量级!【附代码】
>🚀 个人主页 **极客小俊** >✍🏻 作者简介：web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步！😄 >🏅 如果文章对你有帮助的话，欢迎评论 💬点赞👍🏻 收藏 📂加关注 ![](https://img-blog.csdnimg.cn/bd1d730 ......
前端基础-js篇（二）
1.break和continue有什么区别？ 共同点：break和continue都用于循环控制，但他们的工作方式有所不同。 区别：（1）. Break: 当循环遇到break语句时，它会立即终止当前正在执行的循环，并且完全跳出该循环，不再执行剩下的迭代。此外，程序将继续执行break语句后面的代码 ......