前端typescript工程
前端增加遮罩层后下方还可以滑动解决方法
之前用要实现一个底部弹窗，需要用到遮罩层，但功能实现后发现遮罩层下方的内容还可以滑动，后来上网查询解决方法，找到了很多相关内容，比如加定位和超出隐藏，但后来发现没那么复杂，直接控制css样式overflow-y就能实现 jq方法： 隐藏滑轮（不可滑动）： $('body').css('overflo ......
SpringBoot：整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行
获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包，生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
前端发送请求的时候 Content-Type 内容分类， django后端分别怎么接收
前端发送请求时，常见的 Content-Type 内容类型包括： application/x-www-form-urlencoded 这是最常见的内容类型，用于发送键值对形式的数据。数据被编码为 URL 查询字符串格式。 Django 后端可以通过 request.POST 来接收这些参数。 mul ......
《需求工程》读后感
软件生产中产生需求问题的最大原因在于对应用型软件的模拟特性理解不透彻或应用不坚决，它会导致软件开发者产生轻视需求的态度问题，但除此之外，还有一些技术原因也会导致需求问题的产生。一般有非技术性和社会性因素重视不足；传统需求分析方法的缺陷；软件规模的日益扩大；需求问题的高代价性等。 什么是需求工程？需求 ......
使用命令行创建vue3+Typescript的uni-app
目录创建项目扩展组件uni-ui安装配置easycom安装pinia报vue.hasInjectionContext is not a function 更具该文档创建好的模板：GitHub仓库地址，克隆下来安装依赖即可 创建项目 官方文档--创建uni-app 以创建vue3+ Typescrip ......
[Typescript] UnionBuilder
interface UnionBuilder<T = never> { add: <NewValue>() => UnionBuilder<T | NewValue>, fold: () => T } declare const u: UnionBuilder; const result = u . ......
前端上传图片到EOS
最近个人小项目中用到了移动云的EOS服务，需求是前端直接上传图片到移动云的EOS，将返回的图片URL作为参数传给后端，步骤如下： 1、安装依赖：cnpm i aws-sdk 2、指定访问权限： 1 // 创建 plugins/aws.js 文件 2 const AWS = require('aws- ......
东数西算工程
近日，国家发展改革委、中央网信办、工业和信息化部、国家能源局联合印发通知，同意在京津冀、长三角、粤港澳大湾区、成渝、内蒙古、贵州、甘肃、宁夏等8地启动建设国家算力枢纽节点，并规划了10个国家数据中心集群。至此，全国一体化大数据中心体系完成总体布局设计，“东数西算”工程正式全面启动。国家发展改革委高技 ......
api下的 user.js 主要是从前端页面获取的接口
import request from '@/utils/request' // 登录接口 export function login(data) { return request({ url: '/vue-element-admin/user/login', method: 'post', dat ......
layui之静态表格的分页及搜索功能以及前端使用XLSX导出Excel功能
LayUI官方文档：https://layui.dev/docs/2/#introduce XLSX NPM地址：https://www.npmjs.com/package/xlsx XLSX 使用参考文档：https://juejin.cn/post/7003153489920524301 htt ......
前端添加配置文件——webpack打包部署后可配置
1.在public文件夹下，新建config/config.js文件 window["edmConfig"] = { loginConfig: { loginSource: "d d d", loginUrl: "a a a", service: "c c c" } } 2.在index.html中 ......
袋鼠云数栈前端从 Multirepo 到 Monorepo 研发效率提升探索之路
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：星野 困境频生前端代码管理何解？ 前端代码管理一直是困扰着不少前端开发团队的难题，从开发到发布的整体工作流程中，除了常规的技术问题外，往往还伴随着沟通成本、维 ......
软件工程领域的一百个关键字
软件工程领域的一百个关键字 软件 软件是计算机系统中与硬件相互依存的部分，它是包括程序、数据及相关文档的完整集合。 软件危机 软件危机是指在计算机软件的开发和维护过程中所遇到的一系列严重问题。 软件工程 软件工程是研究和应用如何以系统化的、规范的、可度量的方法去开发、运行和维护软件，即把工程化应 用 ......
解决前端vue2报错 Error: Can't resolve cache-loader和Error: Can't resolve babel-loader等
总得说来报这种Error: Can't resolve+模块名字的错误，一般就只有两种原因：一、少了这个包（直接安装：pnpm add -D 模块名字@版本），二、有这个包，但是版本在package.json中不正确。需要和你的vue/cli-service的版本对应上，该降级的时候降级，降级一般先 ......
前端md5 js加密
cdn地址 <script src="https://cdn.bootcss.com/blueimp-md5/2.12.0/js/md5.min.js"></script> 使用 var hash = md5('value') // "2063c1608d6e0baf80249c42e2be5804 ......
现在前端的框架
你现在开发android,ios,小程序用什么工具，怎么开发的？还在单个端的开发吗？今天我们主要讨论的是一次开发多端使用的技术，也是这两年比较流行的开发方向。现在的终端太多了，app两个端android和ios,小程序有微信，头条，百度，支付宝，还有wap端，如果你每个端都开发一次，成本太高了，所以 ......
记录--工程化第一步这个package.json要真的搞明白才行
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 工程化最开始就是package.json开始的，很多人学了很多年也没搞清楚这个为什么这么神奇，其实有些字段是在特定场景才有效的，那每个属性的适用场景和作用是什么，又牵扯很多知识点，今天先解读一些常见的属性，关注我，后期在遇到特定场景也会再 ......
前端上传文件或者上传文件夹
文档 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input上传文件夹，主要的参数webkitdirectory 浏览器上传文件夹，浏览器会弹出询问窗口 兼容性https://caniuse.com/?search=webkit ......
# TypeScript 泛型
TypeScript 泛型 参考资料：https://ts.xcatliu.com/advanced/generics.html 泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性。 案例 定义一个函数，传入两个参数，第一个参数是数据，第 ......
前端实现文件上传（点击+拖拽）
一、简介之前在Vue项目中使用过element的上传组件，实现了点击上传+拖拽上传的两种上传功能。然后我就在想是否可以通过原生的html+js来实现文件的点击上传和拖拽上传，说干就干。首先是点击获取上传文件自然没的说，只需要借助input标签即可，但原生的点击上传按钮，实在是过于简陋，所以我的想法是 ......
# TypeScript 中的类使用
TypeScript 中的类使用 学习资料：https://ts.xcatliu.com/advanced/class.html 传统方法中，JavaScript 通过构造函数实现类的概念，通过原型链实现继承。而在 ES6 中，我们终于迎来了 class。 TypeScript 除了实现了所有 ES ......
[转]TypeScript编写类继承函数相关的代码
TypeScript编写类，继承、函数相关的代码 class Person { private name:string private age:Number constructor(name:string, age:Number) { this.name = name; this.age = age ......
# TypeScript 枚举 enum
TypeScript 枚举 enum 学习资料：https://ts.xcatliu.com/advanced/enum.html 枚举（Enum）类型用于取值被限定在一定范围内的场景，比如一周只能有七天，颜色限定为红绿蓝等。 枚举赋值 简单理解就是给一组数值赋予名称。 // 枚举对象 enum N ......
《需求工程———软件建模与分析》读后感
读软件需求分析首先明确了软件需求包含的三个不同层次，业务需求即组织机构或客户的需求目标，用户需求即用户使用产品必须要完成的任务，功能需求即开发人员需要实现的软件功能。从需求的定义上我们可以知道需求关注的是究竟想开发什么与设计细节实现细节项目规划信息或者测试信息无关，不重视需求过程会给项目带来极大风险 ......
[转]OpenAI官方Prompt 工程指南
本文转自 夕小瑶科技说 https://platform.openai.com/examples OpenAI 官方发布了 Prompt 工程指南，讲述了快速上手 ChatGPT Prompt 的种种“屠龙术”，不仅在理论层面对 Prompt 分类总结，还提供了实际的 Prompt 用例，帮助大家来 ......
前端微服务架构1-项目启动及打包部署
启动 父子应用可以单独启动，单独启动就不说了 关于一起启动 1、安装npmall: npm install npm-run-all --save-dev 2、编写启动命令 "scripts": { "dev": "webpack-dev-server --inline --hot --progres ......
前端微服务架构2-路由配置
先声明我的项目使用的是history路由，hash路由的坑没有踩 父应用的路由 { path: '/compliancePromotion/:pathMatch(.*)*', //微服务，由于子应用可能还有二级菜单，所以子应用的所有菜单都得匹配上 name: 'compliancePromotion ......
前端微服务架构1-搭建项目
公司项目老旧，迭代时间过久，迭代人员水平一般的情况下还有添加新模块怎么办？ 这几天尝试了一下开源的微服务架构， 目前网上有两种开源框架： 1、蚂蚁的qiankun目前15.1k 2、京东的micro-app目前4.9k点赞， 前者的点赞量在github上更高，所以我选择了前者 搭建也不是很难，主要是 ......
有个前端跟我说，他只用div和span，这样做对吗？
HTML语义：div和span不是够用了吗？ 今天这篇是我们正式开篇的第一篇文章，我想和你聊聊 HTML。 我猜屏幕那一边的你估计会说：“HTML 我很熟悉了，每天写，这不是初级程序员才学的内容么，这我还能不会吗？” 其实在我看来，HTML 并不简单，它是典型的“入门容易，精通困难”的一部分知识。深 ......
# TypeScript 类型声明、数据类型
TypeScript 类型声明、数据类型 好烦 数据类型 JavaScript 的类型分为两种：原始数据类型（Primitive data types）和对象类型【引用数据类型】（Object types）。 原始数据类型包括：布尔值、数值、字符串、null、undefined 以及 ES6 中的新 ......