前端html css
前端路由原理总结
## 前端路由原理总结 ### hash路由(vue中的`createWebHashHistory` `react`中的`HashRouter`) 监听 url 中 hash 的变化，然后渲染不同的内容，这种路由不向服务器发送请求，不需要服务端的支持； ### history路由(vue中的`cre ......
【校招VIP】前端校招考点之vue底层特性
考点介绍： 大家在面试途中遇到的相对多的问题，也是难点的问题一般都有vue底层原理。对于只会用但是不懂的小白来说真是太痛苦了，仅仅能说出来 一些 数据劫持，双向数据绑定，虚拟dom树的名词来说远远不够。 一、考点题目 1、Vue实现数据双向绑定的原理是什么？ 解答：Vue实现数据双向绑定的原理：Ob ......
Html+JavaScript实现手写签名
# 前言 Hello各位，本葡萄又来啦，今天遇到的场景是这样的：在日常业务流程中，经常需要某一流程环节中相关责任人员进行审批签字，早期许多公司为了省事就直接会把这位负责人的签名以键盘打字（楷体）的形式打印出来，但是这样的坏处就是会导致所有的负责人的签名都是一样的，没有美感，为了解决这个问题，一些公司 ......
原生CSS嵌套简介
> 嵌套是使用Sass等CSS预处理器的核心原因之一。现在，该功能已经以类似的语法出现在标准浏览器CSS中。你能否在构建系统时放弃对预处理器的依赖？ CSS嵌套可以节省输入时间，并使语法更易于阅读和维护。迄今为止，你必须像这样键入完整的选择器路径： ```css .parent1 .child1, ......
HTML5
# HTML5 ## 1. 网页基本元素 ```html 我的第一个网页 hello,world ``` ## 2. 基本标签 ```html Title 一级标签 二级标签 三级标签 四级标签 五级标签 六级标签 两只老虎，两只老虎， 跑得快，跑得快， 一只没有眼睛， 一只没有尾巴， 真奇怪！真奇 ......
HTML5总结
一、认识HTML5 （1）H5即是HTML的一个最新的版本，也是web的一个标准。 （2）结合CSS3中的内容如:圆角、动画、过渡等效果，提高用户的体验。 （3）新增了javascript的api，使得操作dom更加的方便。 （4）还增加了与硬件结合的功能:定位、重力感应.硬件访问等功能。 （5）通 ......
前端vue使用blob下载流文件
请求后端接口，发现返回的是这么一堆东西 代码： axios: export function exportEcoCarAppoint(params) { return Http({ url: '/api/jsis/ecoCarAppoint/exportEcoCarAppoint' , method ......
导出excel，前端sheetjs表格工具
首先声明，本人并不是为了发表文章，只是在开发中遇到的一些问题，遇见了一些简单，好的方法并把它们记录下来， 此文章，也仅仅只是给各位指个方向，还需要各位自己去查阅相关资料。 SheetJS官网 SheetJS中文文档 js文件下载地址 js文件在dist目录下，里面有两个文件可以下载（下载哪个都一开样 ......
前端文件转换
1) file文件的拷贝和改名 // 复制文本域中的file文件并重命名 let myFile = new File([file], "新文件的名字"]); 2) bolb格式转base64格式 function blobToDataURL(blob, callback) { let reader ......
后端问：作为前端如何实现自动生成接口文档
前言，众所周知，后端的接口文档一般使用 swagger/openapi，而其他的一般接口文档也基本是使用 openapi 来进行解析的。例如 redoc(20.8k star) 和 knife4j(3.5k star) 等. 作为一个通用的解决方案，前端社区自然也有对应的实现。 如何实现 swagg ......
JBoss升级后，前端框架字符处理出现了乱码的解决方案之一
背景：MVC项目，JBoss从6.3升级至7.1，使用Velocity前端框架。 问题：在使用Ajax进行处理时，发现传递到后端的字符串汉字变成了乱码，疑似环境切换问题，JBoss默认编码没有进行调整。 然而由于这个项目服务器不在自己手里，也无法调整默认编码（一般是ISO8859-1，需要调整为UT ......
CSS基础-继承性
# CSS的继承性 ### CSS的继承性 文本相关的属性一般具有**继承性**，即给祖先设置的样式，同样被后代标签所继承。 通常具有继承性样式 - color 文本颜色。 - font-weight、font-family、font-size 等以font开头的通常和文本相关的属性。 - text ......
oracle --回收站 转载 https://www.cnblogs.com/1234qq/p/7085009.html
oracle数据库回收站 查看oracle回收站是否开启 select value from V$parameter where name = 'recyclebin'; 开启关闭回收站功能 SQL> alter system set recyclebin = on scope=spfile; SQ ......
【校招VIP】前端vue考点之生命周期和双向绑定
考点介绍： VUE是前端校招面试的重点，而生命周期和双向绑定又是基础考点之一，尤其在一二线公司，要求知道双向绑定的原理，以及相关代码实现。 一、考点题目 1、mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？ 解答：mvc和mvvm其实区别并不大。都是一种设计思想。主要就 ......
HTML5你必须知道的28个新特性
HTML5有很多的新功能.新代码.非常不错.现在总结一下.仅供参考 1. 新的Doctype 尽管使用<!DOCTYPE html>，即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img ......
【技术积累】Vue.js中的CSS过渡【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
2023前端JavaScript面试题大全
一、基础题 题目 1: 什么是JavaScript的数据类型？如何检查一个变量的数据类型？ 答案: JavaScript有七种数据类型： 基本数据类型 (Primitive Data Types)：Number、String、Boolean、Null、Undefined、Symbol 引用数据类型 ......
解决Pycharm运行成功，但无法生成：pytest-html报告
不生成报告的原因： 用户习惯：使用者习惯于单独执行测试文件.py，调试测试用例； 而编辑器为了方便用户执行测试用例，变调用python test来执行测试用例，这种情况下，执行的只是用例或者套件，不是整个文件，即main里面输出报告的语句没有执行，变不会生成测试报告； 解决方法： 如下图： 1. 全 ......
css 显示不完...
显示一行，显示不完... white-space: nowrap; text-overflow: ellipsis; overflow: hidden; 最多显示两行，显示不完... white-space: normal; display: -webkit-box; -webkit-box-ori ......
html面试2
html2 HTML部分常见问题 1.怎么让—个不定宽高的DIV，垂直水平居中? 使用css方法 父盒子设置:display : table-cell; text-align: center ; vertical-align: middle ; Div设置:dis play : inline-blo ......
html面试3
html3 1.页面导入样式时，使用link和@import有什么区别？ link是 xhtml标签，除了加载css外，还可以定义RSS 等其他事务;@import属于CSS范畴，只能加载CSS。 link引用CSS.时候，页面载入时同时加载;@import需要在页面完全加载以后加载，而且@impo ......
html面试4
html4 1.标准模式与兼容模式各有什么区别? 标准模式的渲染方式和JS引擎的解析方式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作。 2.SGML. HTML .XML和XHTML的区别? SGML是标准通用标记语言，是一种 ......
vue前端项目中遇到的问题以及解决方案-不定时更新
###vue-cli创建vue项目中全局使用mixin 首先需要安装插件 ~~~ npm install style-resources-loader vue-cli-plugin-style-resources-loader --save-dev ~~~ 修改vue.config.js文件 ~~~ ......
前端html点击新增多项，ajax提交，后台接收
<body> <form id="form1"> <div class="procureWarp"> <img class="headBg" src="/images/Cabinet/headUrl_01.png" alt=""> <div class="head"> <div class="tit ......
html面试4
html4 1.标准模式与兼容模式各有什么区别? 标准模式的渲染方式和JS引擎的解析方式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作。 2.SGML. HTML .XML和XHTML的区别? SGML是标准通用标记语言，是一种 ......
启动前端-开发环境
安装版本号为`16.15.0`的`nodejs`，如果已经安装了，请先卸载，推荐使用 nvm 安装 node.js，方便切换不同版本 1. 需要先把本地安装的`nodejs`卸载，然后再下载nvm，地址： https://github.com/coreybutler/nvm-windows/rele ......
html面试3
html3 1.页面导入样式时，使用link和@import有什么区别？ link是 xhtml标签，除了加载css外，还可以定义RSS 等其他事务;@import属于CSS范畴，只能加载CSS。 link引用CSS.时候，页面载入时同时加载;@import需要在页面完全加载以后加载，而且@impo ......
CSS3---------------渐变
一、渐变 --(gradient) #、CSS3渐变(gradients)可以让你在两个或多个指定颜色之间显示平稳的过度，包括透明度。CSS3定义了两种类型的渐变(gradients): 1.线性渐变(Linear Gradients)-向下、向上、向左、向右、对角方向：（to bottom、to ......
spring mvc 前端返回 js
@RequestMapping(value = "/test",produces = "text/html; charset=UTF-8")@ResponseBodypublic String test(){String url = "";return "<script>window.locatio ......