html
文章平均质量分 59
普通网友
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
H5页面前端开发常见的兼容性问题解决方法
1. IOS系统下输入框光标高度不正常问题描述:input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上当点击输入的时候,光标的高度和父盒子的高度一样,看起来很怪异。例如下图,左图是正常所期待的输入框光标,右边是IOS的 input 光标。解决办法:高度height和行高line-height内容用padding撑开。.content{ float: left; box-sizing: border-box; height: 88px; width: calc原创 2022-03-12 13:01:22 · 7726 阅读 · 0 评论 -
vue3vite工程里面引入assets目录下的图片文件(一种方法)
<template> <div> <p>轮播图</p> <van-swipe class="my-swipe" :autoplay="1500" indicator-color="white"> <van-swipe-item> <img :src="tu1" alt="" /></van-swipe-item> <van-swipe-item> <i原创 2022-03-11 21:33:54 · 1653 阅读 · 0 评论 -
vue 和nodejs是什么关系?
vue和nodejs经常让新手们感到困惑,它们之前到底啥关系呀,学习曲线又是什么呢?下面我来总结一下他们之间的关系方便以后的学习规划。我们对比vue和nodejs之间的关系,首先用几句话描述一下它们是干什么的:Vue是渐进式JavaScript 框架,它用在前端和html和js打交道,主要特点是易用,灵活,高效,实现html端对数据展示的控制。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。主要用在服务端,和其它后端语言的最大区别在于它是使用js开发的。两个看着原创 2022-03-11 19:55:36 · 7037 阅读 · 0 评论 -
There was an unexpected error (type=Method Not Allowed, status=405). Request method ‘GET‘ not suppor
文章目录第一种常规犯错第二种错误提示:以下是本篇文章正文内容,下面案例可供参考第一种常规犯错前端使用get请求,后端未使用注解或注解为@PostMapping或请求路径少/或拦截器路径错误第二种错误mybatis字段名称与实体类不对应,使用自定义异常捕获,难以察觉.以我的情况:前端:后端: /** * 更新歌单图片 */ @PostMapping("/updateSongListPic") @ResponseBody public O原创 2022-03-11 18:32:37 · 1914 阅读 · 0 评论 -
REGEXP_REPLACE的使用方法
regexp_replace的使用非常灵活,且容易忘记,故做此笔记。没有过多的介绍使用说明,只是根据个人理解列出很多相似案例,个人觉得通过对比,更容易理解几个参数的使用技巧。所有案例均是实跑出来的结果。带颜色的部分是需要留意的地方。命令格式:regexp_replace(source, pattern, replace_string, occurrence)参数说明:● source: string类型,要替换的原始字符串。● pattern: string类型常量,要匹配的正则模式,pat原创 2022-03-11 15:55:41 · 539 阅读 · 0 评论 -
mybatis-plus 自定义QueryWrapper(一)实现查询函数
前言以下所有代码和观点来源均为 <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <version>2.0.1</version> </depend原创 2022-03-11 14:32:08 · 3589 阅读 · 0 评论 -
iframe嵌入网页时,页面大小怎么自适应
问题描述:页面中有一容器div,有宽高属性。在div中嵌入一个iframe页面,呈现这种效果:可以看到嵌入的页面只露出了一部分。而我们希望:嵌入的页面能够完全展示在容器中。思路:利用CSS的 transform,进行页面缩放。1、我开发用的电脑屏幕分辨率是 1920 x 1080,以此为基准,设置iframe的宽高。2、iframe 的父元素 div 的宽高是屏幕宽高的50%,所以 transform: scale(0.5)这个数值是0.5。(其余的三个属性没啥可说的,不明白的搜一下W3C吧…原创 2022-03-11 13:10:00 · 3240 阅读 · 0 评论 -
EasyExcel 设置单元格格式为 文本
文章目录1.全局设置标题和内容字体格式2.个性化设置某一列格式3.无内容时 (预制模板,流形式写会)1.全局设置标题和内容字体格式通过WriteCellStyle 的dataFormat属性和BuiltinFormats指定字体格式这种单元格有内容时字体才会生效,无内容时还是"常规"格式 private static WriteHandler templateWriteHandler; static { //表头样式 WriteCellStyl原创 2022-03-11 11:48:33 · 4563 阅读 · 4 评论 -
15分钟巩固你的HTTP知识体系
15分钟巩固你的HTTP知识体系,和谁扯皮都没问题一、简介二、HTTP协议基础及发展历史三、HTTP各种特性总览一、简介前端工程师打交道最多的就是浏览器,不管做什么都离不开浏览器,其中HTTP协议往往会被我们忽略,但其实资源缓存、CDN加载、页面性能优化等等都离不开对HTTP协议的了解。最简单的例子:输入url打开网页AJAX获取数据img标签加载图片从输入URL到看到页面发生了什么?DNS解析发起TCP连接发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染原创 2022-03-11 10:26:55 · 158 阅读 · 0 评论 -
解决警告You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler
//解决警告You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler to explicitly replace feature flag globals with boolean literals to get proper tree-shaking in the final bundle.vue.config.js修改chainWebpack: config =>原创 2022-03-10 12:44:40 · 5968 阅读 · 2 评论 -
最新方法VScode中html代码自动补全(超清晰详细,保证能用)
一、下载HTML Snippets插件二、配置settings.json**1.**在VScode窗口下按住ctrl + shift + P,调出搜索框,在搜索框中输入settings.json,选择打开设置,如下图所示。**2.**在settings.json界面中添加代码如下:(注意这里将代码放在原有代码的下面,并且放在原有大括号的中间,了解编程的也应该知道为什么这么放。)"files.associations": { "*.vue":"html" }, "e原创 2022-03-10 11:23:44 · 2720 阅读 · 4 评论 -
vue前后端分离后台管理系统(权限管理,登录),前端脚手架。对接后端基于SpringSecurity提供的后台接口
文章目录前言(很重要哦)一、概念和技术总结(重点,一定要搞懂)1. vue2. vue-admin-template模板文件解析3. 异步相关,前后端交互4. 导航守卫5. 路由解析二、单点登录实现1. 后端接口和响应结果分析2. 解决跨域,以及请求头.几乎所有项目都需要的配置,背下来吧。3. 验证码展示4. 单点登录,退出登录,根据后端API实现1. api接口2. 路由组件编写登录函数逻辑3. 修改store(vuex)异步逻辑5. 流程总结三原创 2022-03-09 10:56:15 · 840 阅读 · 0 评论 -
vue3 setup(详细)使用教程
vue3 setup(详细)使用教程文章目录vue3 setup(详细)使用教程1:为什么使用setup2:创建vue3项目3:在组件中编写setup方法4:setup生命周期4.1:执行时机4.2:setup 包含的生命周期5:setup使用ref对数据进行响应式绑定6:setup使用watch和computed6.1:对变化做出反应 watch6.2:使用 computed 计算count的值:7:setup看起来似乎更笨重了8:关于 props 的值原创 2022-03-09 09:35:24 · 591 阅读 · 0 评论 -
uniapp通过uni.addInterceptor实现路由拦截功能
扒了插件市场的uni-start,抽出来的简单的路由拦截功能。项目结构|-- |-- App.vue |-- index.html |-- main.js |-- manifest.json |-- pages.json |-- uni.scss |-- .hbuilderx | |-- launch.json |-- api # api文件 |-- components # 自定义组件,按照格式:组件名/组件名.v.原创 2022-03-09 08:01:16 · 1311 阅读 · 0 评论 -
React Router v6使用路由嵌套和重定向
前言:v6版本与v5版本差异较大,以下为V6使用路由嵌套及路由重定向方法,子路由路径不用加"/",v6中会自动拼接App.jsximport React, { Component } from 'react'import { Route,Routes,Navigate} from 'react-router-dom'import About from './pages/About'import Home from './pages/Home'import Header from './compo原创 2022-03-08 13:20:47 · 2163 阅读 · 0 评论 -
MyBatis的分页原理
写作目的最近看到了一篇MyBatis的分页实现原理,文章里描述到使用ThreadLocal,其实想主要想看看ThreadLocal的巧妙使用,并且看一下分页是如何实现的。源码下载ChaiRongD/Demooo - Gitee.com源码跟踪其实一个简单的分页如下面代码所示,使用PageHelp对象设置分页的参数,然后把查询到的List对象作为参数传入PageInfo对象中,就拿到了分页对象的结果。 @GetMapping("/page") public Object page()原创 2022-03-08 12:00:29 · 9920 阅读 · 1 评论 -
JavaScript两小时快速入门笔记
JavaScript两小时快速入门笔记一、概述二、JavaScript和html代码的结合方式2.1 第一种方式2.2 第二种方式三、变量四、逻辑运算五、数组六、函数1.使用function关键字定义函数2.函数定义第二种方式3.函数的arguments隐形参数(只在function函数内部)七、object自定义对象7.1 方法一7.2 方法二八、js中的事件九、onload事件十、onclick事件十一、onblur事件十二:oncha原创 2022-03-08 10:40:09 · 148 阅读 · 0 评论 -
ElementPlusElementUI修改默认样式
在使用ElementPlus组件时,有时需要修改默认样式:1.在公共css中修改全局样式,main.js引入即可;2.修改单个页面样式:直接修改无法生效的话,可以用深度选择器:>>>/deep/::v-deep注意:在scss中使用/deep/报错,可以用::v-deep...原创 2022-03-08 09:19:57 · 983 阅读 · 0 评论 -
A plugin must either be a function or an object with an “install“ function
问题: vue3 的插件需要install方法解决:检查main.ts 文件中 app.use()原创 2022-03-08 07:59:53 · 1447 阅读 · 0 评论 -
(Vue)Vue课后题
Vue课后题文章目录Vue课后题第1章 Vue.js 基础入门一、填空题二、判断题三、选择题四、简答题五、编程题第2章 Vue 开发基础(上)一、填空题二、判断题三、选择题四、简答题五、编程题第3章 Vue 开发基础(下)一、填空题二、判断题三、选择题四、简答题五、编程题第4章 过渡和动画一、填空题二、判断题三、选择题四、简答题五、编程题第5章 Vue 路由一、填空题二、判断题三、选择题四、简答题五、编原创 2022-03-07 10:45:57 · 7088 阅读 · 2 评论 -
Java学习之JavaWeb篇
图床路径Kuang/JavaWebJava Web1、基本概念web开发web,网页的意思,www.baidu.com静态webhtml,css提供给所有人看的数据,始终不会变化!动态web淘宝,几乎是所有的网站;(千人千面)提供给所有人看的数据,始终会变化,每个人在不同的时间,地点看到的信息各不相同。技术栈:ServLet/JSP,ASP,PHP在 Java 中,动态 web 资源开发的技术统称为 JavaWeb1.2、Web 应用程序什么是程序Web 应原创 2022-03-07 07:59:06 · 317 阅读 · 0 评论 -
前端案例:基于el-table和el-pagination实现数据的分页效果
首先使用 el-table(表格) 和 el-pagination(分页) 组件需要npm 下载 Element UI 组件库,下载安装方式参见官网:Element - The world’s most popular Vue UI frameworkElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库[这里是图片001]https://element.eleme.cn/#/zh-CN/component/installation目录一、案例效果二、实现步骤&原创 2022-03-06 04:30:47 · 1003 阅读 · 0 评论 -
【罗盘时钟---使用html,js,css编写。附源代码及效果】
代码罗盘效果.html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>js罗盘时钟原创 2022-03-06 03:08:48 · 462 阅读 · 0 评论 -
VUE项目报错Error Cannot find module ‘webpacklibRuleSet‘_解决
1、报错Error: Cannot find module 'webpack/lib/RuleSet'在第一个问题的时候还试过把node_modules文件夹和package-lock.json文件删除然后再npm install,不知道有没有用,一起做个笔记把解决方案:https://segmentfault.com/q/1010000012177571/a-1020000012180629底下的评论2、执行完之后运行报错Error: Rule can only have one res原创 2022-03-06 01:48:02 · 1913 阅读 · 0 评论 -
vue3.0 从入门到入土--------综合案例
目录vue-cli?组件库axios 拦截器??proxy 跨域代理?用户列表案例总结vue-cli1. 什么是 vue-clivue-cli(俗称:vue 脚手架)是 vue 官方提供的、快速生成 vue 工程化项目的工具。vue-cli 的中文官网首页:https://cli.vuejs.org/zh/① 开箱即用② 基于 webpack③ 功能丰富且易于扩展④ 支持创建 vue2 和 vue3 的项目2. 安装 vue-clivue-cli 是基于 Node.js原创 2022-03-06 00:26:39 · 340 阅读 · 0 评论 -
asyncawait让异步编程更简单,全方位讲解,手把手教你能不会?
简单来说,async/await是基于promises的语法糖,使异步代码更易于编写和阅读。一、async:async创建一个异步函数来定义一个代码块,在其中运行异步代码;怎样变成异步函数呢?以async这个关键字开始,它可以被放置在一个函数前面async function f() { return 1;}f().then(alert); // 1//上下结果一样async function f() { return Promise.resolve(1);}f().the原创 2022-03-05 20:12:12 · 148 阅读 · 0 评论 -
vue.js报错,遇到提示:To install it, you can run npm install --save core-jsmoduleses.array.slice
遇到这个问题是是版本的问题你可以先试一试1、npm install core-js@3.6.4如果不行在试一试2版本。2、npm install core-js@2我是使用第二个解决问题的,有的朋友是用的第一个;原创 2022-03-03 23:45:27 · 593 阅读 · 0 评论 -
uniapp使用onPullDownRefresh实现页面下拉刷新
这是在pages.json里 设置的全局下拉刷新效果 不推荐使用 一般用户都是刷新单个页面"globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "uni-app", "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8", "enablePullDownRefresh":true //实现全局下原创 2022-03-03 22:38:10 · 531 阅读 · 0 评论 -
Typora 中如何打小黑点,空心圆,实心方框
文章目录Typora 中如何打小黑点,空心圆,实心方框Typora 中如何打小黑点,空心圆,实心方框这三个图标类似1、2、3级标题Ctrl+Shift+] 即可打出小黑点再点回车会在下一行自动出现小黑点此时再第二个小黑点后面空格或者打字,点Tab键,第二个小黑点就会变成空心圆此时在第二个空心圆后面空格或者打字,点Tab键,就会出现第三个空心圆此时在第三个空心圆后面空格或者打字,点Tab键,第三个空心圆就会变成实心方框...原创 2022-03-03 21:43:26 · 3372 阅读 · 1 评论 -
request failed with status code 400
今天部署线上服务器,突然出现一个问题。request failed with status code 400后端没有任何报错,就前端出现一个400。更离奇的是,我本地拿着线上的包复现问题复现不出来。后面仔细看了浏览器请求日志,发现是get请求,而且请求长度有点长,截图如下所以怀疑是不是线上做什么url长度限制。所以后面将该请求试着换成post请求,并将参数内容放到body下面后面果然可以了。博主新推出的gitee免费开源项目(商城+APP+小程序+H5),有兴趣的小伙伴可以了解一下。h原创 2022-03-03 17:05:43 · 1539 阅读 · 0 评论 -
nodeinternalmodulescjsloader936 throw err;解决办法
cmd窗口执行node server时报错误,具体如下:原因,npm 安装包有误;解决办法:windows先执行命令:rimraf node_modules/;Linux先执行命令:rm -rf node_modules/,再执行npm install,再执行npm update即可原创 2022-03-03 16:01:05 · 709 阅读 · 0 评论 -
javascript中的原型与原型链
目录一、什么是原型二、prototype三、__proto__四、constructor五、实例与原型六、原型的原型七、原型链一、什么是原型原型:每一个javascript对象(除null外)创建的时候,都会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型中“继承”属性。例如var obj = new Object();创建一个对象的时候都会同时关联一个对象,如图,关联的这个对象就是新建的对象obj的原型二、prototype在JavaScript中,每原创 2022-03-03 14:56:28 · 115 阅读 · 0 评论 -
element-ui element-plus合并行、el-table 行合并,可以指定要合并行的列名称
效果图这里只设置合并了前三列,可以通过参数自己定义1.使用导入js文件,并设置需要合并的列//导入js文件(文件脚本内容在下文)import {getRowspanMethod} from '@/hook/el-tables/use-span-method.js'//调用函数并导出需要的合并列函数 注意需要根据//data为查询到的数据//['prop1', 'prop2', 'prop3'] 需要合并的列const spanMethod=getRowspanMethod(data,[原创 2022-03-03 13:52:05 · 828 阅读 · 0 评论 -
@JsonSerialize(using = ToStringSerializer.class)和@JsonSerialize注解的使用方法
java中long数据能表示的范围比js中number大,在跟前端交互时,这样也就意味着部分数值在js中存不下(变成不准确的值)。解决办法可以这样:使用fastjson的ToStringSerializer注解,让系统序列化时,保留相关精度。/** * 记录属性的主键 */ @JsonSerialize(using = ToStringSerializer.class) private Long id;@JsonSerialize注解的使用方法关于这个注解的原创 2022-03-03 12:00:38 · 263 阅读 · 0 评论 -
2020年零基础前端学习路线(本人亲身经历,9个月拿到拼多多、美团、京东校招offer,5000字长文)
文章目录前端学习路线前言入门基础开发工具HTMLCSS静态页面JavaScript三大主流框架VUEREACTAngular精耕深研小程序NodejQueryTypeScriptElectron前端工程化Gitwebpack前端学习路线前言本人自2020年2月开始自学前端,本科是数学专业的,在此之前只接触过C语言,因此对于前端可谓是零基础,由于网上的学习路径鱼龙混杂,因此在中间自己也踩了一些坑。经过九个月的学习,最终原创 2022-03-03 00:09:56 · 208 阅读 · 0 评论 -
青龙面板跑爱企查脚本 兑换爱奇艺月卡 百度网盘会员等
可兑换物品如下:爱企查脚本文件第一步进入面板后台 定时任务如图 添加任务 填写即可任务名(随意)如:爱企查命令:ql raw https://github.com/shiunke/Scripts/blob/unke/aiqicha.js定时规则为:45 0,3 * * *第二步 环境变量如图添加用户名称:aqcCookies值(抓取的账户cookies):备注(随意):怎么抓取的账户cookies呢?网址如下:百度安全验证[这里是图片004]https://aiqic原创 2022-03-02 13:39:26 · 2518 阅读 · 1 评论 -
vue3 中的script setup
script setup<script setup>是 Vue3 新出的语法糖,类型是Vue的Git RFC中的建议。需要明确的是,这并不是要完全替代任何当前写法。其目的是为开发人员提供更简洁的语法,简化使用Composition API时冗长的模板代码,以编写其单个文件组件。在不使用 <script setup>, 我们代码是:<template> <h1 v-text="count"></h1> <p v-text=原创 2022-03-02 12:34:36 · 406 阅读 · 0 评论 -
喜马拉雅.xm转化为.mp3格式
这篇就作为我csdn社区的第一篇博文吧!(因为有着很烂的记性想着以后解决问题能够节省点时间,同时也对自己进行锻炼吧)下午心血来潮,想着还是重抄旧业,做自己喜欢的播音与配音,在网上接一点配音相关的兼职。读文试音在喜马拉雅上录好后,准备转变格式将其发给老板。可恶的是直接将喜马拉雅客户端.xm的文件后改为.mp3后无法正常播放使用。试了很多办法,1.将手机上的文件后缀改为.mp3(后发现iphone上找不到下载的文件在哪,弃用),2.下载格式工厂转换文件格式(奈何mac上的格式工厂文件我下载了几个也不可以使用原创 2022-03-02 02:35:13 · 8431 阅读 · 0 评论 -
【软件测试】总结web自动化测试-selenium+python
自动化测试指软件测试的自动化,在预设状态下运行应用程序或者系统,预设条件包括正常和异常,最后评估运行结果。将人为驱动的测试行为转化为机器执行的过程。常见的自动化测试工具:QTP、selenium、Rational Robot 、jmeter、appium、soapui、Loadrunner等等selenium 是一个web 的自动化测试工具,不少学习功能自动化的同学开始首选selenium , 相因为它相比QTP 有诸多有点:多平台:windows、linux、MAC 。支持多浏览器:ie、Fir原创 2022-03-02 01:31:31 · 347 阅读 · 0 评论 -
Vue源码之虚拟DOM
----- 元素节点: 元素节点更贴近于我们通常所看到的真实DOM节点,他有描述节点标签名词的tag属性,描述节点属性如class,attributes等的data属性,有描述包含的子节点信息的children属性等,由于元素节点所包含的情况相对而言比较复杂,源码中没有像前三种节点一样直接写死。VNode的作用: 用js的计算性能来换取操作真实DOM所消耗的性能,----- VNode在Vue的整个虚拟DOM过程起到了什么作用呢。 其实VNode的作用是相当大的,我们在视图渲染之前,把写好的..原创 2022-03-02 00:28:00 · 123 阅读 · 0 评论
分享