自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 验证码(1)字符验证码

(1)verifyCode.js :使用canvas绘制图片。(2)在页面调用自制工具verifyCode.js。

2024-02-01 10:40:27 336

原创 el-cascader应用

(1)判断时机:点击单选框的时候(2)由于val值为kjg这个变量,无法判断是否为最后一级节点,因此获取使用getCheckedNodes方法获取当前选中节点(3)是否最后一级的条件,自由发挥,可以根据lazyLoad里设置的数据结构判断if (!},

2024-01-26 11:41:03 506

原创 移动端混合开发互相调用方法

背景:h5页面与安卓页面需要互相调用方法,作为h5开发人员,需要配合实现vue方法。methods中定义方法,然后在mounted()将其暴露在window上。直接在window上调用安卓提供的方法名。一、安卓调用vue方法。二、vue调用安卓方法。

2024-01-25 10:03:46 381

原创 引入图片整理

建议使用 url(~绝对路径)不易出错。

2024-01-18 13:40:04 410

原创 svn 新建分支并切换

② 切换分支dzbp【23228】,更新【23228】,改动dzbpB(修改登录方式为用户名密码),提交【23229】③ 此时要注意,远程分支建立好了,但打开本地branch目录文件,发现仍是空的,需要手动更新本地文件。远程的dzbp更新了,本地chunk文件切换至dzbp分支也是更新的文件(因为就是在这里提交的),更新、删除等都是对当前分支操作,仅影响 当前 本地与远程分支,故要清楚,当前在哪个分支上!但是,本地文件branch目录下的dzbp并没有更新,需要在dzbp文件名右键,手动更新。

2024-01-18 10:38:57 732

原创 移动端分页滚动加载

页面滚动距离/网页顶部被卷去高度(+) scrollTop document.documentElement.scrollTop || document.body.scrollTop可视窗口高度 windowHeight document.documentElement.clientHeight || document.body.clientHeight。

2024-01-16 11:44:18 949

原创 js圆环排列

参考: https://www.cnblogs.com/lufy/archive/2012/06/21/2558049.html此时,单个元素中心点在圆弧上的坐标位置 (Ox+Math.cos(X)*R , Oy-Math.sin(X)*R),弧度数X = 角度数*π/180 。大前提:注意事项:在canvas的2D绘图环境中,坐标系同窗口坐标系,左上角为原点,向右x正轴,向下y正轴。所以坐标y改为Oy-Math.sin(X)*R,从视觉上达到与直角坐标系同样的效果。 其实,渲染方向与起始位都

2024-01-09 11:38:30 394

原创 cas单点登录

故当前项目:测试登录地址http://xxx.xx.xx.x:3000/#/login 单点地址为http://xxx.xx.xx.x:3000/#/casLoad。背景:在原先正常登录的项目追加一个单点登录,所以我的逻辑代码都在casLoad页面。可能原因:部分门户A但不属于B的用户,在A处登录后来到B,验证B返回非200,于是又返回A,但是A认为成功登录又来到B......① 访问B系统单点登录页面检测到未登录,需要先跳转到cas认证中心(A)登录,获取票据。

2024-01-02 10:30:27 352

原创 svn主干trunk同步到branch分支

主干分支的合并,是与本地库做比较,即,合并的结果会直接与目前「工作目录」(Working Copy) 做比对,并修改目前工作目录中的所有文件。由于合并的结果在本地库,所以本地库要做一次提交,才能形成最终的版本库。本地chunk,本地dzbp 要update,且归属到对应的分支,保证本地与远程同步。① 本地chunk切换到chunk分支【23229】,更新【23230】⑤ 观察此时的本地chunk【23230】,本地dzbp【23231】,要注意,以上的合并是远程chunk向本地branch同步,

2023-12-29 15:46:55 486

原创 svn上传本地文件至远程仓库

比如,我在此建立newRemoteTest文件夹,包含 trunk branch tag 三个目录文件夹。② 本地新建 newLocalTest 文件夹,打开 --- 右键 --- 检出仓库对应文件夹地址。③ 将本地项目LocalProject需要上传的文件目录,复制到本地trunk文件中,① svnTortoise --- 进入版本库浏览器 --- 在这里可以新建删除文件。本地的增加、删除操作,仅会让本地文件进入待变更状态,等待提交后才能改变远程。不要dist node_modules。

2023-12-29 15:40:47 636

原创 keep-alive

keep-alive主要用于保留组件状态或避免重新渲染。其中,路由缓存适用于列表页 - 进入详情页 - 返回列表页。

2023-12-29 15:21:01 352

原创 css布局

1.1 浮动+margin1.2 定位+定位1.3 浮动+BFC:BFC的区域不会与浮动元素发生重叠。

2023-12-29 15:18:51 324

原创 移动端自适应 - rem

原理:rem 是相对单位,它的参考对象是根元素html的字体大小,如font-size:16px,那么1rem = 16px,box宽为320px即20rem。实现:监听屏幕宽度,计算根元素的fontsize大小,由此动态改变rem对应的像素大小。

2023-12-29 14:47:11 1136

原创 Js方法-慢慢积累

5

2023-12-25 09:17:15 334

原创 Axios相关

console.log(config.url) //实际为 未拼接前的后面那串路由地址。console.log(config.data) //对象,是当前接口的传参。proxy是否配置上,可通过浏览器网络里 接口请求的地址判断。六、axios.all 和 promise.all 都能实现并发请求。2. post 请求。

2023-12-13 13:38:15 347

原创 el-dropdown-menu 添加滚动轴

背景:使用el-dropdown下拉菜单时,发现el-dropdown-menu 在设置高度和溢出的情况下仍无法添加滚动轴。方法也可在普通盒子上生效。

2023-12-12 11:33:21 283

原创 Vuex基础

2.1 组件methods调用actions里的异步方法,actions(context,payload),context对象可调用commit方法触发mutations方法。2.2 mutations里的同步方法用来修改state中的数据,mutations(state,payload)使用reducer() 指定存储模块 ,参数val是个对象,包含根模块的state、modules内容。vuex的数据是响应式的,但在页面刷新时就会丢失,因此可以借助本地存储(缺点数据不响应)实现持久化。

2023-12-12 11:08:01 25

原创 文件切片上传-仅学习记录

文件切片上传,仅学习记录

2023-12-08 13:25:17 65

原创 el-select 调整宽高

二、 高度调整,默认高度为40px。

2023-12-07 15:10:53 3309

原创 密码框-显示与隐藏-不触发浏览器记住密码

一、移动端 VantUI + Vue2 - 显示与隐藏 - 应该不会触发浏览器记住密码(说实话忘了-_-)主要是通过 改变变量 psdType --》 实现 右侧图标变化 和 内容变化。circle:圆圈;添加 show-password 属性可实现显示与隐藏,就是眼睛不会变。二、PC端 ElementUI + Vue2 - 显示隐藏 - 目前没有实践。三、PC端 ElementUI + Vue2 - 显示隐藏 - 不会触发。-text-security:指定形状来代替文字的显示。

2023-12-07 14:02:28 155

原创 el-progress 标签显示

字符串内加上 \n;样式加上 white-space: pre;注意:percentage 属性 接收 number 值。目前是用伪元素绝对定位的方式。三、环形进度条:两行显示 + 样式不同。二、环形进度条:两行显示。

2023-12-06 11:51:58 257

原创 echarts水球图

一、配置:vue2 + echarts-liquidfill@2 + echarts@4 ,此时控制台没有警示黄框。三、配置项option。

2023-12-05 10:05:26 80

原创 Vue下载静态资源

当本地文件放在src下的assets文件夹时,webpack在打包时会对其进行处理,导致后续文件路径找不到的问题。2. download属性,能够重命名文件的名称(即下载的文件名称为 “模板名称_中文”)解决方式:在href路径上,改“/static”为“./static”webpack 打包时,不会对public文件进行修改;需求:vue2 + webpack , 点击下载模板,实现本地资源下载。问题:打包至测试环境,发现文件路径找不到。二、本地文件存放在public文件下。

2023-12-04 10:08:24 1856

原创 drag事件

参考: https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/dragover_event。5、dragover事件:容器监听到有源一直在时持续触发。1、dragstart事件:源被认定开始拖拽的时候触发。4、dragenter事件:容器监听到有源进入时触发。6、dragleave事件:容器监听到有源离开时触发。2、drag事件:源在被拖拽的时候持续触发。7、drop事件:容器监听到有源降落时触发。

2023-12-04 09:27:43 536

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除