htm
大炮走火
只是过客
展开
-
axios请求接口,请求了两次的解决方案
设置axios的请求头的"Content-Type"为"application/x-www-form-urlencoded;charset=UTF-8"这里只讲述解决办法,至于为啥多出了个options请求,有兴趣的自行百度了解。大家是否遇到过这种情况,使用axios请求一个接口时,请求了两次。分别 了options请求及我们期待的post请求。请求参数的载体使用URLSearchParams。OK~,仅需两个步骤即可优化两次的请求。原创 2022-10-19 15:43:07 · 3157 阅读 · 0 评论 -
Error: ES Modules may not assign module.exports or exports.*, Use ESM export syntax
在使用"module.exports"及"require()“时,可能会报错"Error: ES Modules may not assign module.exports or exports.*, Use ESM export syntax”“module.exports对应require”,而"export default对应import"去除所有"export default"及"export",还有"import"使用babel的话,则可支持同时使用,否则只使用一种。使用babel,具体百度。原创 2022-08-19 16:33:38 · 10406 阅读 · 2 评论 -
javascript ajax请求封装
javascript ajax请求封装原创 2022-08-19 11:23:31 · 325 阅读 · 0 评论 -
js md5加密
jsmd5加密,md5.js转载 2022-08-18 12:00:23 · 441 阅读 · 0 评论 -
vue中渲染html网页
有的时候我们想在vue中直接显示一个html的网页,如果用富文本方式,那么内容就会太多,那么怎么处理呢?直接上代码步骤一:新建一个vue文件,命名为"HtmlPanel.vue",内容如下步骤二使用上述的vue组件在你的vue页面中添加如下代码OK!就2个步骤,有帮助的话,麻烦点个赞。此外如果遇到跨域,那么请到以下这篇文章https://blog.csdn.net/u010775335/article/details/110857411HtmlPanel.vue中使用到的this.$http原创 2022-06-10 17:54:20 · 10520 阅读 · 0 评论 -
html简单实现验证码倒计时效果
直接上代码<html> <button id="get-code">获取验证码</button></html><script> let smsBtn = document.getElementById("get-code"); getSmsCode(smsBtn,()=>{ // todo:获取验证码 }) function getSmsCode(ele,event){原创 2021-09-22 18:36:52 · 1625 阅读 · 0 评论 -
CSS修改三方框架样式
通过F12找到元素class或id,比如需要修改的class为".ant-text"然后::v-deep .ant-text { font-weight: 600 !important;}原创 2021-05-25 18:38:41 · 536 阅读 · 0 评论 -
html,iframe和父窗口的数据交互
假设有以下代码<!DOCTYPE html><body> <iframe id="iframe"></iframe></body><script>//给父window添加消息监听 window.addEventListener("message", (event) => { console.log("父window接收到消息:"+event.data); }, false); //fram原创 2020-12-15 18:17:21 · 526 阅读 · 1 评论 -
H5适配移动端,简洁方案
方法引用了flexible源码 var docEl = document.documentElement var dpr = window.devicePixelRatio || 1 // 设置 1rem = 屏幕宽度的十分之一 // 因此如果设计图宽 = 750px // 一个按钮的宽度为75px时,那么等于 75 / 750 = 1rem // 因此很简单,rem = 元素大小 / 设计图宽度 function setRemUnit() { var rem = docEl原创 2020-12-07 17:01:04 · 340 阅读 · 0 评论 -
Vue,更改数组的值,但页面不刷新的解决方法
Vue,更改数组的值,但页面不刷新的解决方法直接上代码:this.$set(this.dataList,index,value);说明:1.this.dataList,数组2.index,数组下标3.需要修改的值例子:var list = [{name:"小米"},{name:“华为”}];this.$set(list,0,{name:"vivo"});那么list会放生改变,且对应的组件也会被刷新...原创 2020-10-26 09:50:48 · 3142 阅读 · 0 评论 -
html,div,ul自动滚动到最底部
以Vue为例子,其他依次类推 //监听数据更新 watch: { data: function (data) { //this.$nextTick是vue内置的一个方法,具体百度 this.$nextTick(() => { var container = this.$el.querySelector("#chat-list");//#chat-list为ul的id container.scrollTop = container.scrollHe原创 2020-10-09 20:36:53 · 2094 阅读 · 1 评论 -
html列表,带滚动及超出高度部分隐藏的例子
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <style> /* 隐藏滚动条 */ #listView::-webkit-scrollbar { display: none; } </style> </head> <body> <!--overflow: overlay,超出部分原创 2020-05-13 14:49:11 · 603 阅读 · 0 评论