web前端
cs380637384
这个作者很懒,什么都没留下…
展开
-
包管理工具:pnpm
pnpm( performant npm )指的是高性能的 npm,与 npm 和 yarn 一样是一款包管理工具,其根据自身独特的包管理方法解决了 npm、yarn 内部潜在的安全及性能问题,在多数情况下拥有更快速的安装速度、占用更小的存储空间,结合官网给出的性能测试及项目中的使用表现,其具有良好的应用前景。转载 2023-12-15 14:02:32 · 336 阅读 · 0 评论 -
vue+bpmn-js 示例/基础入门/动态创建流程节点
this.processElement 对象需要在importXML或createDiagram方法后获取,之前获取者为undefined,导致节点添加报错。引用右侧属性栏部分代码后报错,确认是否是由于未引入指定loader无法解析。如果到这里不是大家想要的结果,那就不用在向下看了。显示右侧属性栏则需先安装依赖,然后引入以下部分。该示例完成的是动态添加流程节点。默认情况下是不显示左侧工具栏和右侧属性栏的。先附一个完整的示例,下面做具体介绍。如里需要用到右侧属性栏,需安装。.】可选链操作符【?原创 2022-12-29 17:29:18 · 2030 阅读 · 0 评论 -
js匹配查找JSON中属性并返回路径
js匹配查找JSON中属性的路径,js遍历对象查找指定属性并返回路径,js遍历对象查找指定值并返回路径原创 2022-11-03 17:07:16 · 1493 阅读 · 0 评论 -
qiankun加载vue子应用报错[import-html-entry]: error occurs while executing normal script
网上查询该报错信息发现和我遇见的问题不同,发现别人都是因为JS文件引用出的问题,将JS文件引用改为html引用的方式,同时添加ignore属性,如:<script src="..." ignore></srcipt>而我并未引用js,经自已排查后发现问题出在子应用以下部分:if (window.__POWERED_BY_QIANKUN__) { __webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_Q原创 2022-05-25 17:51:01 · 13275 阅读 · 9 评论 -
vscode webview集成vue应用踩过的坑
前言折腾了两天总算解决了,特此记录下问题及解决方法。希望可以帮到同样问题的你,接下来进入正题。期望通过vscode的webview浏览vue应用问题一、vscode的webview浏览vue应用时不显示(白板:如果你没有应用到样式的话)出现该问题的主要有两个原因导致:1、vue使用vue-router的history模式打包,生成后的dist需依赖服务才能访问(一般生产环境采用这种方式)解决方案:变更vue-router的mode为hash模式,打包时vue.config.j原创 2022-05-24 13:39:13 · 3284 阅读 · 3 评论 -
NPM私服发布包
仓库管理:Nexus项目管理项目:packages(用于管理多个项目的项目)项目配置://packages/package.json{ "name":"", "version":"", "description":"", "main":"", "scripts":{ "build-function":"npx babel ./src/xxx --out-dir ./dist/xxx --copy-files", },原创 2022-02-08 17:08:31 · 302 阅读 · 0 评论 -
node + Socket.io集群部署方案
方案一:nginx+pm2在官网介绍的方案有使用ngix反向代理方案。这种方案比较简单不需要修改业务代码可以直接布署,通过iphash轮调算法保存用户分配到同一个进程。vi /etc/nginx/conf/nginx.confhttp { upstream io_nodes { ip_hash; server 127.0.0.1:6001; server 127.0.0.1:6002; server 127.0.0.1原创 2021-06-29 11:32:14 · 578 阅读 · 0 评论 -
使用less命令将less文件转换为css并压缩
一、环境依赖具备NodeJs环境,只要版本不过低都可以二、安装模块//注意这里安装了两个模块,并且安装在全局目录下//安装完less后就拥有了lessc命令npm install less less-plugin-clean-css -g三、使用lessc ./base.less ./demo.css --clean-css="advanced"...原创 2021-03-19 15:28:51 · 906 阅读 · 0 评论 -
vue路由IE9浏览器iframe显示空白
最近遇到一个很神奇的问题,vue路由地址在所有浏览器单独访问都能正常显示,但是将路由地址通过JS赋值给IE9中的iframe src时一直显示空白页,查看浏览器源代码发现路由地址一切正常。因为只有IE9存在这个问题,所以应该是IE9的bug。通过查阅资料最终得以解决。1、HTML<iframe ref="demo" src=""></iframe>2、Vuethis.$ref.demo.contentWindow.location.href="http://ww原创 2020-09-20 16:31:47 · 929 阅读 · 0 评论 -
如何实现vue项目读取配置文件,不重新打包
在项目开发时,经常遇到开发环境和生产环境因为某几个引用地址或是参数不一致,部署测式环境打个包,上线生产时又要重新出包,这样测试又会担心最后这此打包会不会出问题,到生产环境还有问题,为了解决这个问题,特将这些配置信息剥离出来,不在进行重新打包,只需要修改一个文件,vue打包好的项目直接读取配置文件内容就可以了。具体方法如下:1、public下创建project.config.jsonpro...原创 2020-01-14 13:44:11 · 7251 阅读 · 0 评论 -
vue项目目录结构
本文介绍的是使用vue-cli3创建的项目,这里记录我的习惯,大家可自行修改,并希望给出更好的见意,下面进入正题。一、目录结构图首先展示一下整体结构,如果不符合大家的预期,就不需要往下看了。下面分别说明各目录的功能。二、目录结构说明目录 说明 备注 zqyl-web 项目名称 前台项目扩展:zqyl-web-pjs zqyl-web-crcl 后端项...原创 2020-01-14 11:43:16 · 930 阅读 · 0 评论 -
koa2中cookie的使用
Koa中设置Cookie的值ctx.cookies.set(name, value, [options]) options={ maxAge:"000000000" //cookie有效时长,单位:毫秒数 expires:"0000000000" //过期时间,unix时间戳 path:"/" //cookie保存路径, ...原创 2018-09-11 17:26:08 · 9715 阅读 · 0 评论 -
pm2介绍及使用手册
PM2是什么PM2(Process Manager 2 )是具有内置负载均衡器的Node.js应用程序的生产运行时和进程管理器。 它允许您永久保持应用程序活跃,无需停机即可重新加载它们,并促进常见的Devops任务。PM2特性日志管理:应用程序日志保存在服务器的硬盘中~/.pm2/logs/负载均衡:PM2可以通过创建共享同一服务器端口的多个子进程来扩展您的应用程序。这样做还允许您...原创 2018-09-13 16:43:17 · 14961 阅读 · 0 评论 -
前端路由访问404处理方法-前后端路由冲突?
问题描述当前端使用路由功能后,做的静态页没有任何问题。但和后端服务放到一块后,直接访问路由就会出错,导致404错误。问题原因导致这类问题的原因是,直接地址访问前端路由的地址会先请求服务器,可服务器又未对此路由进行处理,服务器没找到访问地址相关的路由就返回给前台404.解决方法koa2服务端const Koa = require('koa');const app = ne...原创 2018-09-14 14:23:42 · 8988 阅读 · 0 评论 -
mac下安装redis
下载redis下载stable稳定版本redis下载地址安装redis切换到下载目录,解压文件tar zxvf redis-4.0.11.tar.gzmv redis-4.0.9 /usr/local/cd /usr/local/redis-4.0.11/sudo make installLiunx下安装wget http://download.redis.io/...原创 2018-09-19 17:04:24 · 386 阅读 · 0 评论 -
node redis入门介绍及使用手册(附示例)
redis介绍Redis 是一个高性能的key-value数据库。它提供了Java,C/C++,C#,PHP,nodejs,Perl,Object-C,Python等客户端。它支持存储的value类型相对更多,包括string(字符串)、list(链表)、set(集合)、zset(sorted set --有序集合)和hash(哈希类型)。这些数据类型都支持push/pop、add/rem...原创 2018-09-25 15:21:42 · 2234 阅读 · 0 评论 -
vue中axios全局配置
使用ES6合并对象方式 //其它覆盖项像如下一样添加即可import Vue from 'vue'import axios from 'axios';Object.assign(axios.defaults,{ baseURL:'/web', headers:{ common:{'Authorization':"AUTH_TOKEN"} }});Vue.prototyp...原创 2018-10-10 14:31:11 · 3987 阅读 · 0 评论 -
npm常用命令
创建package.jsonnpm initnpm安装包npm install [-g] 包名npm卸载包npm uninstall [-g] 包名npm更新npm i -g npmnpm包更新npm update [-g] 包名npm版本npm -v清除npm缓存npm cache clean -f检查仓库地址是否可连接...原创 2018-09-05 09:35:34 · 220 阅读 · 0 评论