- 博客(19)
- 收藏
- 关注
RSS订阅原创 自定义axios拦截器，实现不同接口携带不同请求头
可以通过Axios的interceptors属性配置请求拦截器。store全局设置动态区分是否需要添加请求头参数。
2023-10-16 19:40:45
441
原创 导出文件的方法总结
1.导出文件-（请求后端数据）/** * 导出文件 * @param url 导出请求的api * @param name 导出文件的名称 * @param data 导出文件的数据 */ Vue.prototype.exportFile = function ({ url = '', name = '', data = {}}) { let xmlResquest = new XMLHttpRequest() xmlResque
2021-11-16 15:11:41
1782
原创 图片的各种问题
1. 图片缓存问题Img标签src拼接的一个图片接口路径，每次点击打开时走缓存，不重新渲染，本来打算弹框关闭后执行强制刷新，但不符合实际应用，在弹框上添加key也无用；最后添加随机数，在src请求接口后添加一个参数调用Math.random()，每次打开弹窗，图片自动重新加载...
2021-11-01 15:32:28
395
原创 根据不同的环境切换不同的请求域名，原生Js的截取
截取请求接口的完整路径域名var url = window.location.hrefvar url2 = urlvar indexOf = url.indexOf('/')+2url = url.substr(indexOf)indexOf = indexOf + url.indexOf('/')url = url2.substr(0,indexOf)
2021-11-01 15:19:04
347
原创 平铺数组结构转二维数组区域结构
/** *平铺数组结构转二维数组区域结构 * 参数：[{"id":51451,"areaCode":310000,"areaName":"上海市","parentCode":0},{"id":51452,"areaCode":310100,"areaName":"上海市","parentCode":310000},{"id":51469,"areaCode":320500,"areaName":"苏州市","parentCode":320000},{"id":51496,"areaCode":31010
2021-11-01 15:11:37
205
原创 vue的watch监听属性和computed计算属性
1.computed计算属性computed属性不用在data中定义且不能与data和methods中重名；computed会有缓存；computed不支持异步如果computed属性属性值是函数，那么默认会走get方法；函数的返回值就是属性的属性值；在computed中的，属性都有一个get和一个set方法，当数据变化时，调用set方法。计算属性是依赖于其他属性，可能受多个属性的影响，也可能是单独一个属性的影响，通常表现为多对一或一对一2.watch监听属性watch监听的是必须是data中
2021-11-01 13:43:17
510
原创 vue移动端页面底部导航路由注册+底部跳转+固定头部和底部
1.注册路由在router文件夹注册路由，注册路由方式有两种，一种是使用import引入路由，引入之后，再进行基础注册，如下图所示第二种是懒加载方式去注册路由两者的区别在于component后面接收的类型不一样2.路由跳转默认生成的是一个a标签，他身上还有一个属性叫tag，表示生成什么样的标签，保证原有样式3.底部设置默认样式当点击当前项，会发现，vue自带一个class属性值，我们可以选取其中一个作为当前项，进而设置样式，打开控制台点击底部观察即可发现。4.出现滚动条时，实现头部
2020-10-25 15:02:50
1756
1
原创 node后台登录权限的实现
后台管理分为管理员模式和超级管理员模式，不同人员的登录展示不同的菜单不同的人员在注册时传的powe值不同，这样在进行渲染这个页面时，就可以有选择的进行渲染一.设计管理员信息数据库1.准备数据库，在myapp项目中创建管理员信息数据库集合：admin.js2.并设计集合结构（admin.js）{ userId:{type:String}, // 用户id userName:{type:String}, // 用户名 passWord:{type:String}, // 密
2020-10-18 15:42:25
1006
原创 侧拉菜单底部出现滚动条
实现侧拉登录隐藏功能时，当登录页面显示出来，因为设置了宽度，导致页面的宽度过长，出现了横向滚动条，解决横向滚动条，我尝试了很多种方法，最后生效的是，当我调用我封装的move.js时，我在改变它的位移方向的同时，将他的宽度也归零，这样，当位移发生变化时，出来时，宽度增加，进去时，宽度设为0，最后滚动条就消失了...
2020-09-08 22:53:15
185
原创 原生js无缝轮播图
思路：1.构建轮播图首先需要布局，布局可以帮助我们更加清楚当前得步骤，方便整理思路2.本次案例中我用的是构造函数-面向对象编程，按需求，不断地细节化，不断拆分，拆分成可以直接实现地需求，然后面对对象地设计，通过精密的协作，达到高内聚，低耦合的效果3.面向对象的分析：OOAa.点击左右键，获取当前的索引b 改变当前的索引，改变图片的索引c 根据索引，改变样式4.面向对象的设计和编程：OOD和OOP页面布局的设计 <div class="banner">..
2020-09-02 23:04:58
330
原创 js模拟表单rangexiao
代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> ...
2020-08-31 23:00:04
170
原创 事件兼容性问题的处理
事件对象的获取：正常浏览器：事件处理函数的第一个形参IE:需要寻找window的一个属性 event兼容性处理：var e=eve||window.eventbtn.onclick=function(eve){var e=eve||window.event}键盘事件的事件对象——判断键盘按键的ASCII值正常浏览器：事件对象.keyCodeIE：window.which兼容性处理：var e=eve.keyCode || window.whichbtn.onc
2020-08-25 22:33:06
346
1
原创 JS原生编写进度条的思路以及所遇到的问题总结
实现效果如下所示：实现的最终代码：css部分设置： *{ margin: 0px; padding: 0px; } .box{ width: 500px; height: 300px; border: 1px solid black; background-color: cornflowerblue; .
2020-08-22 22:35:59
460
原创 初始弹性盒子
弹性盒 一般给父元素设置，只能是父子关系，不包括后代关系弹性盒的作用 控制子元素按照主轴方式排列 (主轴方向可以自定义 水平x 垂直y) display:flex display:inline-flex弹性盒的设置1.弹性盒设置内容水平垂直居中父元素：display:flex;子元素：margin:auto;2.弹性盒的子元素也称为灵活元素：灵活元素的元素类型如果是内联也可以设置宽高弹性盒的属性父元素设置的属性...
2020-08-02 17:40:05
249
原创 了解关于BFC的那些事
关于BFC BFC是一个独立的渲染区域，规定块元素的布局规则，只有块元素才能参与。 布局规则 块元素独占一行，上下排列同一个BFC两个块元素上下margin会重叠盒子的左边边框和外边距相邻浮动区域和BFC区域不会重叠每一个BFC区域是独立的，相互之间不会影响BFC计算高度时，浮动区域也参与高度计算 触发条件html根元素浮动left right定位 absolute
2020-08-02 17:24:48
138
原创 浮动带来的哪些影响---总结篇
浮动的特点与作用 文档流：所有的内容都是占位的，正常情况下： 块元素：上下显示，独占一行 内联元素：水平排列，左右显示 浮动改变块元素的排列方式，让内容从上下排显示成水平显示。同时了解float的属性值： left 左浮动 right 右浮动 &
2020-07-26 11:35:22
3294
原创 margin常见问题
margin常见问题以及解决办法： 1.在给子元素设置margin-top属性时会将值传递给父元素，导致整个盒子下移；解决方法： 父元素： 1.设置border：给父元素设置一个border 2.设置padding：设置m
2020-07-19 12:00:11
861
原创 关于表单form的扩展知识
form当中method的post和get的区别？get是从服务器获取数据，post是向服务器传送数据get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址，用户看不到这个过程。对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form
2020-07-13 20:28:59
332
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人