- 博客(141)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 前端本地存储cookie、localstorage和sessionStorage之间的区别？
cookie的使用cookie可以设置key，value，domain，expiresvar name = 'one_name';var value = '123';var exp = new Date();exp.setTime(exp.getTime() + 60 * 2000);//过期时间 2分钟document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();...
2020-06-06 15:37:39
2151
原创 后台管理系统中常用的es6方法
后台管理系统中最常见的莫过于增删改查,常用的方法有map(渲染一个下拉框),includes(与indexOf类似,但比他强大,它们既可以用于数组也可以用于字符串),find&&findIndex(返回第一个满足条件的值,没有则返回undefined),filter(返回满足条件的数据),forEach(for循环的简化版),1.增加一般使用push方法向数组的尾部添加元素,但会改变原数组,可以用数组结构赋值的方式const { count, dataSource } = this.s
2020-05-24 12:57:20
505
原创 vue3学习与使用
因为toRefs() 函数可以将 reactive() 创建出来的响应式对象，转换为普通的对象，只不过，这个对象上的每个属性节点，都是 ref() 类型的响应式数据, 所以当访问queryParams时也需要加上value。ref() 函数用来根据给定的值创建一个响应式的数据对象，返回的是一个对象，这个对象上包含一个value属性，但template中不需要。3.ref定义对象时，底层会通过reactive转换成具有深层次的响应式对象，所以ref本质上是reactive的再封装。
2024-03-10 21:09:02
572
原创 java基础
用于声明抽象类和抽象方法。抽象类是不能被实例化的，只能作为其他类的基类。抽象方法在抽象类中只有方法签名，没有具体实现，需要由子类来实现，一般接口中使用。
2023-09-15 09:50:49
105
原创 常用的sql语句
select n_id,c_fundcode from xx t select * from xx where n_id=7 and c_fundcode=100107select * from xx where n_id!=5 order by n_id desc select count(*) from xx select max(n_id) from xx insert into xx (c_seriesno,c_fundname) values(19,1111)delete from
2023-06-17 17:38:17
290
原创 uni-app的生命周期
注意应用生命周期仅可在App.vue中监听，在其它页面监听无效。以组合式 API 使用时，在 Vue2 和 Vue3 中存在一定区别，请分别参考：Vue2 组合式 API 使用文档 和 Vue3 组合式 API 使用文档。应用启动参数，可以在API uni.getLaunchOptionsSync获取，详见onlaunch里进行页面跳转，如遇白屏报错，请参考https://ask.dcloud.net.cn/article/35942App.vue 不能写模板onPageNotFound 页面实
2023-05-06 16:34:20
699
原创 nginx常用命令及配置
index指令在提供的nginx配置文件中指定了目录的默认索引文件名。在这种情况下，index指令设置为index.html index.htm，这意味着如果用户请求一个目录而没有指定文件名（例如http://localhost/dj/），nginx将在该目录中查找index.html或index.htm文件，如果存在，则将其作为默认页面提供。在nginx中，root指令设置与位置块匹配的请求的根目录。在这种情况下，任何以“/dj”开头的请求都将从“E:/myDir/”目录中提供服务。
2023-05-04 14:47:40
427
1
原创 canvas 中判断鼠标点击的位置是否处于图形中
isPointInPath(x,y) 面向的对象是路径，所以对文字、fillRect()、strokeRect()不好使，用ctx.stroke()替代strokeRect()，用ctx.fill()替代fillRect();在ctx.beginPath() 之后，所绘制的所有路径都会被添加到这个路径集合里，isPointInPath(x,y) 方法判断的就是x、y 点是否在这个路径集合的所有路径里。注意，在下一次ctx.beginPath() 时，路径集合会被置空。
2023-04-25 10:36:58
1235
1
原创 uniapp中的bug记录
hybrid =>html =>detail.html2.2.全局样式在App.vue的style样式表中设置注意都是page元素renderjs中不能使用uni自带的uni.request请求，而要通过XMLHttpRequest, 或者fetch,axios二次封装过的
2023-03-31 15:50:01
140
原创 vue中为v-if或v-show添加过渡动画效果
1.v-enter：定义进入过渡的开始状态。2.v-enter-active：定义进入过渡生效时的状态。3.v-enter-to：定义进入过渡的结束状态。4.v-leave：定义离开过渡的开始状态。5.v-leave-active：定义离开过渡生效时的状态。6.v-leave-to：定义离开过渡的结束状态。1.css过渡2.css动画更多详见过渡 & 动画
2023-03-17 13:49:37
4527
1
原创 el-image图片放大后的关闭事件
我们知道el-image的放大是由单独的el-image-viewer组件构成，那么这个组件的方法怎么在el-image中的调用呢，看到源码中有个关闭时的回调函数closeViewer，里面是通过showViewer来控制图片放大的显示与隐藏，那么我们只需要监听子组件的showViewer来做对应的事情即可。那么就换种思路，既然最后是点击那么就监听dom的点击事件吧，只要是关闭按钮以及蒙层都做对应的事情即可。但事与愿违，此种监听子组件的方法存在问题，所以先放弃。
2023-02-19 16:36:53
1311
原创 uniapp中renderjs的使用
renderjs 主要服务于APP，因为uni-app为vue+js+html进行编写，整个是h5的技术栈。那么，涉及到这些的前端类库就无法使用，例如html2、canvas、canvas2、image。在视图层操作dom，运行for web的js库（可以操作dom，意味着拥有window、document等这些全局变量，在app-vue的service层没有这些）大幅降低逻辑层和视图层的通讯损耗，提供高性能视图交互能力（减少通讯损耗提升性能，例如一些手势或canvas动画的场景）
2023-01-28 11:37:53
3708
3
原创 修改element的菜单组件使其变为酷炫风格
首先选给整个头部加背景图，其次munu中配置的background是对所有菜单都生效的，但我们不想改变父菜单，我们就把父菜单修改为transparent，最后为了让父菜单hover时产生平行四边形，利用伪元素配合 transform: skewX(-45deg)，并且因为父元素时透明的，所以加z-index:1让图形显示出来。
2022-11-10 16:08:57
1141
原创 树组件插槽传值
子组件的scope通过传值的方式传给父组件，其转译为scope.scope.node.label，第一个scope就是要传过来的对象，当然也可以为其他名字，第二个scope为子组件传值时的名字为scope，它才是真正的对象，里面有node，node里有lable和data。最近在写树选择组件时发现无法自定义树选择里的内容，所以准备给树选择增加插槽，利用element的树组件的插槽进行传值，在此记录下。
2022-11-01 11:29:07
895
原创 vue路由报错Maximum call stack size exceeded
如果第3个判断不加to.path!==“login”，那么默认会先打印222，并跳登录，当匹配到跳登录时，打印111，并跳转，但下面的没有token的判断也会执行，打印222，并跳转。这样就循环往复，进入了死循环，导致超过最大调用堆栈大小。只要满足判断里都会执行，执行顺序由条件判断的先后顺序决定。
2022-10-17 16:46:44
2877
原创 vue中使用虚拟滚动加载
*虚拟滚动加载是使一定数量的dom可见，这样就能减少dom节点，当页面滚动时动态的加载其他的可见dom，所以虽然你看见的节点都不一样，但其实就只有你看到的那么几个。👨🏻🎓博主介绍：大家好，我是尼克.张，热爱分享知识，很高兴在这里认识大家🌟。🌈擅长领域：前端开发。...............
2022-08-30 17:21:25
1095
原创 vue中关于全屏的相关使用
一般全屏的话使用screenfull插件，但其原理也很简单，el为元素实现全屏：退出全屏：由于浏览器的兼容性问题，要在前面加webkit或mos，如mozRequestFullScreen()，mozCancelFullScreen()
2022-08-23 17:14:05
2234
原创 vue中常用样式写法
2.对象的方式css滤镜, 修改所有图片的颜色为黑白 (100% 灰度):3.三元表达式4.引入变量样式scss中暴露样式, 在js中引入则需要export, 若在另外的scss中引入变量则不需要
2022-08-02 15:29:17
525
原创 canvas画图时的bug记录
在调用画图片的构造函数时，我们可以先在constructor中缓存图片。清空画布，把原来画的重新放上去，再加上自己新的内容。先把原先的图片信息存下来。然后再在方法中画图片。
2022-08-01 17:00:05
215
原创 e.target与e.currentTarget的区别
target触发事件的元素事件绑定的元素当点击父元素时，两者指向的是同一个元素。当点击子元素时，父元素的事件也会触发，此时父元素事件的currentTarget指向父元素，target指向子元素，执行顺序为冒泡（父——子），捕获（子——父）。httpshttpshttpshttps。.........
2022-07-25 11:44:56
326
原创 vue项目中实现动态换肤
换肤是一个常见的需求，换肤涉及的面很多，总的涉及到的有自定义的组件样式，外部引入的组件(element，百度地图等等)，但其实只需要我们分模块去解决，就能迎刃而解。
2022-07-15 10:19:14
868
原创 利用百度地图查询全国地铁线路
百度地图里有查询地铁线路的方法，但它只有默认的样式，那么我如何自定义样式并显示呢？如果我想要查询全国的地铁线路，那么就需要地铁图的api。
2022-06-29 16:14:23
841
原创 浮动与定位
元素浮动后不占位置，脱离文档流，但不会脱离文本流，离他最近的文字会环绕他1.1 清除浮动1.给父元素加高度2.设置父元素overflow:hidden3.父级定义 伪元素::after4.结尾处加空div，或是给受影响的元素加clear:both1.2 触发BFCBFC（Box Formatting Context，块级格式化上下文）是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。一个盒子不设置height时，当内容元素都浮动时，无法撑起自身，故需要创建BFC来避免此种情
2022-06-08 11:33:12
87
原创 在vscode中调试vue代码
在浏览器中展示源代码在可以从 VS Code 调试你的 Vue 组件之前，你需要更新 webpack 配置以构建 source map。做了这件事之后，我们的调试器就有机会将一个被压缩的文件中的代码对应回其源文件相应的位置。这会确保你可以在一个应用中调试，即便你的资源已经被 webpack 优化过了也没关系。打开 config/index.js 并找到 devtool property。将其更新为：如果你使用的是 Vue CLI 2，请设置并更新 config/index.js 内的 devtool
2022-05-20 16:41:43
4934
1
原创 如何调试element-ui源码
一、获取源码：使用 git clone https://github.com/ElemeFE/element二、安装依赖运行 npm run dev 会自动下载依赖，下载完成初始化后在http://localhost:8085三、打包在当前目录命令行终端执行 npm run dist ,执行完成后当前目录多了一个 lib文件夹。这个文件夹中的文件就是打包后的组件及样式，和我们使用npm install element-ui下载下来的依赖包中的lib文件夹内容相同，也就是我们使用时引用的资源。
2022-05-17 16:24:51
3861
1
element深色系资源
2022-08-01
CSS中放置Unicode字符
2022-05-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人