- 博客(14)
- 收藏
- 关注
RSS订阅
原创 vue实现购物车功能
通过官网和视频的学习，使用vue写出了购物车的功能下面直接上代码<style> p{ margin:0; } ul,li{ list-style:none; padding:0; margin:0; } .car...
2018-03-14 09:22:38
463
原创 记录一次elementui table嵌套el-autocomplete位置偏移解决引发的问题
想着直接根据当前的弹窗进行定位 但修改了以后 发现一个问题 由于table 的层级很高 导致底部的border会遮挡在下拉框上 而且当弹出层滚动时 也会直接触发table的滚动而不是当前下拉弹出层的滚动 根本原因其实还是层级问题 并且 此时不管你怎么修改下拉弹出层的z-index 都无效。top的动态设置 我是使用了css变量和calc进行计算的 而上面的index 和 h4则记在css变量里 方便计算。获取当前行数的index 及 dialog距离文档顶部距离 -- h1。
2025-05-22 10:37:50
129
原创 vite自定义插件总结
还可以借用第三方插件库 babel-parse babel-traverse 写法和babel插件的写法类似。之前总结过webpack自定义插件，今天准备总结下vite自定义插件的关键点。参数 options是 使用插件实例时 传入的options。可以在此修改模块路径 名称 等。除此之外还有一些生命周期钩子。
2025-05-20 16:01:25
115
原创 记一次undefined 空字符串 null值比较引发的问题
结果之前做一个功能需要在表格里将后端回传的数据 进行格式化处理 当时的判断条件做的是 当 变量==’‘ 则不进行处理 那个时候后端返回的也是'' 所以并未发现异常 结果上了生产后 突然发现所有无值的都默认进行了转化操作 看了下后端回传的数据是null 经过验证才发现== null 和 =='' 结果是不一样的 （wtf）看来有很多细节平时还是需要多注意，准备再将== 的结果 进行一个系统的总结。之前印象中一直以为空字符串 == null | undefined。最后解决方案是将判断条件变成了!
2025-05-19 09:10:22
114
原创 记一次通过两个接口控制变量引发的回显问题
由于项目中有两个变量是通过不同的接口进行返回 ，现需要通过这两个变量控制页面第三个变量的显示及置灰效果，思路是通过computed进行及时控制，但是 此时被联动控制的变量需要知道是要被赋值修改 还是使用原本已经获取的接口传递的原始值。一开始 我是直接在接口里直接进行判断赋值 ，但是由于上面控制的两个变量是接口里获取，无法掌握变化的时机，对于。
2025-03-29 01:13:19
111
原创 react基本用法总结
内部的状态管理 钩子 常用的是useState ，可以通过过useState 初始化状态和改变状态的方法 具体如下 对于useState的dispatch改变状态方法 最佳使用方法是传入回调方法进行赋值 这样才能保证每次修改后都会及时更新。不同于 vue props emit的传参和触发事件 react直接通过props 传递参数 和方法 （子组件直接调用传递的方法即可触发父组件里的绑定事件）2.对于元素的事件绑定的两种方法（ 直接在行内调用 / 通过定义的函数进行调用 ）关于 生命周期函数钩子。
2025-03-25 09:21:22
479
原创 记录wujie学习过程中的踩坑
最近自己在独立进行协同办公项目的时候，想到如果后期要在项目中集成多个项目拓展功能，并且公司业务里也出现了一个平台汇集了多个项目，一方面代码量巨大，打包速度缓慢，另一方面每次修改部署，有可能因为一个平台的功能从而影响到另一个平台造成阻塞性错误，此时 采用微前端其实是不错的方案，上网查了些资料，发现wujie 框架的上手门槛较低，特此记录下学习中遇到的一些问题。
2025-03-20 10:20:38
365
原创 vite+vue3项目打包实战问题总结
在使用vite进行一系列配置后，本地开发模式正常，结果部署上线发现白屏报错了，结果在本地打包运行后发现确实有问题 =_=|| 经过排查还是vite 配置的问题，特此用文章记录下 ，方便以后规避相同错误。1.rollup external配置有误引发的 module "vue" ./ relative path not module。暂时解决，将external的配置先注释，直接进行打包 ，没有报错，但治标不治本，如果我就是想使用external 单独分离，
2025-02-26 10:45:28
285
原创 记录自动化部署前（Vue）后端（express）项目的实操过程
自动化是可以及时根据github上的最新代码 因为配置了webhook在每次提交的时候 都会触发一遍流水线打包部署重启nginx的流程 也就是手动打包dist 上传并配置nginx 重启的过程。docker build -t XXX . 表示会在当前目录下找对应的XXX dockerFile 文件。ADD XXX YYY 将XXX拷贝到镜像的YYY中 XXX可以是远程url。
2025-01-07 16:23:14
281
原创 webpack自定义插件相关
complication.chunks -->chunks里有多个模块 可通过chunk.modulesIterable进行遍历获取 模块里有多个依赖 可以通过 module.dependencies 获取依赖信息 compilaction.plugins 可以扩展已有的插件 第一个参数是插件事件 第二个是callback）compiler.hooks.[具体钩子名称].[触发方式]compiler compiler里面可以设置钩子方法。先创建一个构造函数（可传入config）Webpack 提供三种。
2025-01-06 16:56:00
261
原创 webpack插件清除打包后html缓存
以上代码会生成一个记录打包时间戳的version.json文件 在静态文件目录static下，然后通过axios对该文件进行访问 将值记录在localstorage 并可以进行比对 如果不相等则强制刷新页面 具体代码如下。项目中打包上环境后总是会有一些旧版本的文件缓存 今天经过仔细排查发现是因为访问的html没有及时响应最新版本 上网搜了很多方法 经验证自定义webpack插件 生成version文件进行对比更新是有效的 特此记录下。自定义的webpack插件。
2024-12-24 20:24:34
297
原创 webpack 优化配置梳理
对于webpack 异步加载的模块（require.ensure / ()=>import('')）都是runtime模块 如果设置false 则在运行模块改变时 直接改变app.js的hash 如果设置true|single...则会单独生成runtime 的js。require.ensure([],()=>{ require() },'chunkName') 第三个参数指定分出的chunk名称 ，需要配合output配置。optimization:runtimeChunk 打包运行时的模块。
2024-12-19 22:08:37
245
原创 ES6 proxy 属性实现 表单数据提交之前校验拦截
最近在学习ES6的特性 看到proxy代理 上网查了一下运用场景看到有用proxy 可以进行表单提交数据拦截 所以敲一个demo记录一下话不多说 贴代码<!-- html部分 --><form action=""> <div> <label for="">姓名</label><in...
2020-04-16 09:13:03
564
原创 Vue插槽--解决点击整体而不是局部获取id
因为最近在学习vue.js，正好之前遇到一个公司的项目，做一个单一活动页，里面每个产品介绍的样式都是统一的，因为公司项目不方便截图展示，那我就用一个粗糙简略的页面代替一下假设说我想做如上的效果，然后点击整个蓝色部分可以获取当前id，之前在做的时候尝试着使用了v-for，确实实现了静态页面，稍微写下代码： rabbit
2018-01-11 16:44:39
874
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人