- 博客(138)
- 收藏
- 关注
RSS订阅原创 关于vuex 的模块开发和使用(二）
调试的时候，不刷新页面，config.js只能触发一次，但是request.js里面这个请求方法每次都会触发，所以在request.js里把修改的cb_lang加上就会及时触发，这样调用接口后，后端就可以返回不同的语言数据了。方法前面加了 模块的名字：这样方便我们操作且清晰：源于 一个属性 namespaced: true,注意：在commit 和 dispatch 的时候对模块内的操作可以通过。由此开题：commit 是 同步修改，dispatch 是异步操作。1.切换语言请求头语言不改变。
2024-05-20 17:16:28
187
原创 关于nvm管理node版本的一些问题
基于开发项目的迭代不能做到全部更新，有的项目是vue2.0 有的项目是vue3.0， 那么我们开发的时候就需要对node 进行更新，进而产生因为版本不同导致的错误：由此我们需要一款管理 切换node版本的东西，那就是 nvm。注意：安装的时候，会设置安装目录和 node版本安装目录，注意第二个目录，这个需要设置到你能顺利找到因为，nvm 也会出现问题，这个下面会讲到！肯定有人会想，有node了肯定就有 npm 那么你就错了，下载了对应版本的node，但是 nvm 有可能下载不到npm；
2024-05-14 18:12:24
159
原创 echars 的一些运用
如何写出这种多个颜色的， 其实就是根据数据的不同，对series数据里面 itemStyle的 color 进行处理。visualMap （热力图）云图的使用：一条折线，一个云图。
2024-05-08 11:46:08
107
原创 基于Unity+Vue通信交互的WebGL项目实践
其实就是调用html 里面的方法，回调给我们数据，我们只要写好方法名给jslib即可（unity开发者去写进去），就能收到信息。看过很多例子：介绍的都不是很详细，不如自己写， 注意看箭头走向。共同点：unity 打包项目都放 在 public 里面。备注：SendMessage方法 的来源，我们直接用就行。方式一：通过 ifram 引入 到vue 项目。2、ifram 再传给 jslib。方式二： vue+通过插件。
2024-04-30 12:00:45
897
原创 docker部署前端项目（四）
1、一直想使用docker 部署多个前端项目咨询了几个方案走不通，他们使用的是 创建 Nginx 容器或者 直接 用 NGINX 起项目 跟我的路子 用docker 和 dockerfile 来部署 不太一样对于每一个前端项目，创建一个单独的Docker镜像。这意味着你需要分别为每个项目准备一个Dockerfile。下面是基本步骤：创建Dockerfile：在每个前端项目的根目录下创建一个Dockerfile。
2024-04-26 16:07:08
286
1
原创 docker部署前端项目（三）简易迅速版本
前两个docker 部署都出现了 意外，通过dockerfile 文件操作的时候， 不是 npm 无法下载，就是 npm build 无法打包。于是我想，我们能不能像平时一样，直接用dist包， 通过Nginx 直接进行配置访问呢。答案，当然是可以的，我们需要修改的是 dockerfile 文件。如果有人对 docker 命令感兴趣可以去学习一下，很不错的。总是困难重重，原因甚多，不是网络导致，就是版本不对，但是 build 的时候，也可能出现问题。通过部署我们可以直接访问网站啦！
2024-04-26 15:39:34
220
2
原创 docker部署前端项目（二）遇到的问题
原因： 安装docker的时候使用的是 yum -y install docker 命令，这个命令安装的是老版本。报错四：conflicts with file from package docker-common。因为使用 sudo yum install docker （下载到的是旧版）missing signature key 缺少秘钥。yum remove docker 删除docker。1、docker版本号 只有1.13.1。解决：可能是docker 未启用。
2024-04-25 17:53:36
399
1
原创 如何使用docker部署前端项目
sudo 是Linux和类Unix操作系统中的一个命令，全称为“super user do”，用于允许普通用户以超级用户(root)的身份执行某些或全部命令。3、上传文件（一般是压缩的zip 文件 ，dist.zip ，里面要包含 Dockfile 文件）sudo yum install 软件名。查看版本（检验自己自己下载了）2、进入 demo 文件夹。8、查看自己构建的镜像列。6、删除 zip 文件。4、解压zip 文件。
2024-04-25 17:00:45
315
1
原创 使用Nginx代理，通过 双击 nginx.exe ， 打开 vue 的 build 文件
5、 双击 Nginx.exe ， 在浏览器里面 输入 如下地址，就可以访问。6、命令行，在Nginx 包内 ，打开 cmd 输入命令。3、在Nginx 解压包里面找到 html 文件，1、下载Nginx 安装包，并且解压 ，4、替换里面的 index 文件。杀死Nginx 进程。
2024-04-20 17:14:27
237
原创 vue 文件导出
通常可以使用JavaScript的Blob对象和URL.createObjectURL方法来创建一个下载链接。报表导出，格式一般是 docx 或者 xlsx。
2024-04-08 09:47:49
290
原创 对 el-table 数据处理：：：以列为维度的，循环行数据对应插入数据
2、循环 接口返回的 3行数据，并对 colorList 进行map 新增出 3条数据内对应的 key 值数据。1、返回的 3行数据内，和 列为维度的 5行数据 （自己定义的），需要有对应的key 值。所以，我们需要把 3行的数据，加入到 以列为维度的 5行数据内。2、表头是动态给出的数据（包含列的 数据）1、必须有5列等级的数据，分为 1-5。
2024-04-03 10:18:02
215
原创 使用uniapp 的 plus.sqlite 操作本地数据库报错：：：table xxx has no column named xxxx
使用uniapp对app 进行本地数据库存储，参考：https://blog.csdn.net/x311609001028/article/details/124856351。3、你的表里之前没有这个字段，但现在你添加上了，不幸的是，你的数据库里面已经存储了你没添加这个字段之前的记录，如果是这样的话，AVD也会报错崩溃。1、你的表里面确实没有这个字段，请在建表语句中加上这个字段，另外还要注意所有出现这个表的语句的地方都要添加上这个字段。2、注意新增字段的，逗号使用，大小写的写法，空格的多少，都会导致出错。
2024-03-22 16:15:39
713
原创 关于 hbuild 真机调试：
参考官网：https://uniapp.dcloud.net.cn/tutorial/run/run-app-faq.html。在HBuilderX的安装目录的 \plugins\launcher-tools\tools\adbs\adb.exe，当手机插上数据线，刷新，依旧找不到手机列表时，点击“故障排查指南”3、手机会弹出一个调试框，点击确定，即可安装调试安装包进行调试。1、在手机设置中打开开发者模式（根据不同手机打开方式也不同）2、如果您在如上界面依旧找不到手机，在路径内输入cmd ，
2024-03-20 10:37:42
269
原创 关于： .sync修饰符
sync修饰符用于简化父组件与子组件之间双向绑定的语法。通过使用.sync修饰符，可以将子组件中对父组件属性的修改直接同步到父组件中，而无需显式地在子组件中触发事件来更新父组件的属性。.sync修饰符的作用是使双向绑定在父子组件之间更加直观和简洁。在JavaScript中，双向绑定通常是通过观察和同步数据模型与视图的变化来实现的。如果你想要实现一个简单的双向绑定，你可以创建一个简单的代理（proxy）来包装这种行为。一、子组件：通过js 改变传值的处理。二、子组件：直接输入改变传值。
2024-03-20 10:32:45
247
原创 关于vuex 的模块开发和使用
2、getter: “getter”（可以认为是 store 的计算属性），第一个参数是 state，3、Mutation:更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。4、Action： Action 类似于 mutation ， 可以包含任意异步操作。通过store.commit（‘方法名字’，参数二）进行更改 store 中的数据。5、Module ：Vuex 允许我们将 store 分割成模块（module）参考：https://vuex.vuejs.org/zh/
2024-03-20 10:17:20
473
原创 vue-element 时间选择器datepicker 第二次选择相同时期，页面不会刷新（解决方案）
vue-element 时间选择器datepicker 第二次展示change无效，数据刷新页面不刷新。解决:用blur 替代 change。
2024-03-18 15:49:29
462
原创 uniapp 开发app，如何使用模拟器
注意：1、模拟器所在的位置：“D:\Program Files\Nox\bin”，在该文件夹下找到文件“debugreport.bat”文件；2、启动HBuilderX，菜单中选择“运行“—“运行到手机或模拟器“—“Android模拟器端口“ 此时需要刷新一下，才显示设备地址；注意： 配置： 工具 - 设置 - 运行配置 （改为nox_adb.exe 的启动路径（path））1、开发app ，设置模拟器 （uniapp 如何设置模拟器）5、查看对方 ip 自己是否能访问对方ip。
2024-03-07 16:26:32
1029
原创 uniapp使用华为云OBS进行上传
功能需求背景：在采煤过程中，井下作业没有网络，进而使用局域网，无法将文件上传到数据库，所以采用，uniapp 写了一个app 来处理上传的功能。2、华为云OBS对于传值的，key 不能确定，可能还是文档阅读问题，文档没有明确的信息。3、开发为app，使用的模拟器，无法从控制台定位信息（还是因为uni的上传回调问题）1、有需要由后端人员创建obs 桶， 对象存储服务：同列表 ，找到需要存储的桶数据。不能看到解决，问题就是： 创建工单咨询 人工。配合 ：uniapp 上传api 进行上传！
2024-03-05 15:45:35
754
原创 如何使用 uniapp 开发（一）
运行 – 运行到小程序模拟器 – 微信开发者工具。1、下载 hbuilderx 编辑器。以上流程差一个都运行不起来会报错。4、以上步骤操作完毕，即可运行。2、下载 微信开发者工具。
2024-02-06 15:08:39
1106
原创 echars 修改属性数据，不生效的原因可能如下：
1、页面渲染之后，根据leng图例进行切换。2、页面渲染之前，对属性数据进行变换。3、操作图例的api 的方法。
2024-02-05 10:49:24
548
原创 多语言开发（vant
参考：https://blog.csdn.net/qq_44649801/article/details/131878128?二、引入汇总文件，（主要的是 模块分割 汇总，对A 等的处理。处理 后端返回的数据 ：（语言类型为参。1、dom中使用（不同模块下的字段。最后再 main，js 挂载。
2023-09-07 10:07:55
311
原创 关于 华为云：服务器上传文件夹后显示403
参考： https://blog.51cto.com/mflag/5363385。解决1：修改 /etc/profile 文件 027 = 022。华为云：当前使用的操作系统默认的umask 值是0027。修改 操作系统默认的umask 权限。指令：umask = 0022。
2023-07-19 11:41:50
686
原创 从脚手架搭建到部署访问路程梳理
2、配置 webpack ：打包配置等，env文件（ 处理线上和测试的ip），3、样式：封装 style ：组件（element-ui） 其他类似的css。8、打包运行速度：webpack的配置（cdn的加速， 图片视频的另外处理。6、h5：高度计算 （:root 文件 高度设置 和计算 var（） 等。9、版本更新处理：h5 不能自动刷新页面 （版本设置， 后端禁止缓存。js文件封装：（单位的处理，初始化参数的处理deepclone 等。4、模块组件：封装(传参的处理。7、vue页面里：es6的使用。
2023-07-18 10:38:22
1477
原创 关于H5 （自定义界面 的高度计算） CSS/CSS3 变量var()使用 以及 calc()函数计算的使用
最近新喜欢上了css中的var以及calc()函数,这可以在不使用less或者scss的情况下实现变量以及函数的使用,在此记录一下。我们可以在root或者任何一个我们想要使用的变量语法的层级中定义var()变量并进行使用。var变量的定义语法 : - -变量名 两个短横线加上变量名。var变量的使用 : var(- -变量名)
2023-05-31 15:56:23
758
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人