- 博客(138)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 NodeJs如何做API接口单元测试？ --【elpis全栈项目】
是一个用于测试 HTTP 服务的 Node.js 库，特别适合测试 Express 或其他基于 Node.js 的 Web 服务器。supertest 通常与测试框架（如 Mocha、Jest 等）结合使用，用于编写端到端（E2E）测试或集成测试。（Behavior Driven Development行为驱动开发）：是一种敏捷软件开发的技术，它鼓励软件项目中的开发者、QA和非技术人员或商业参与者之间的协作(二、 supertest, 用于测试 HTTP 服务的库。（也不全，简单参考一下）
2025-01-21 03:44:13
804
原创 前端工程化之手搓webpack5 --【elpis全栈项目】
二、 生产环境配置：webpack.prod.js + prod.js。生产环境的配置主要集中在打包优化上，比如：代码分割、压缩、分包、树摇等等。三、 开发环境配置：webpack.dev.js + dev.js。我们将公共配置，集中提取放置到这个base文件中，避免重复配置。因为开发环境下，产物文件都放在本地服务器上，所以需要通过配置。一、 基本配置： webpack.base.js。// 不显示每个模块的打包信息。// 不显示每个代码块的信息。// 显示代码块中模块的信息。四、 配置npm启动打包。
2025-01-05 05:50:27
1121
原创 基于koa服务端脚手架搭建(文件加载器) --【elpis全栈项目】
elpis-core 是一个项目文件加载器。基于一定的约定，将功能不同的代码分类放置到不同的目录下管理。适用于项目代码规范化、减少维护成本、沟通成本，易于扩展。（简易版的 egg-core ）
2024-12-22 03:49:34
719
原创 前端项目开发规范(分支管理、git提交、eslint代码检查) --【elpis全栈项目】
关于项目创建的一些开发规范，其实适用于所有的前端项目。
2024-12-06 09:30:00
1266
1
原创 Java笔记-static关键字
1. 不管在不在同一个类中，非静态成员都可以new对象调用。2. 不管在不在同一个类中，静态成员都可以类名调用。3. 能直接调用的时候直接调用。
2024-10-17 23:38:41
151
1
原创 uni微信小程序 map 添加padding
指定可视范围的时候，只用include-points会很极限。导致marker不能完全显示。规划驾车线路的时候，使用uni的。
2023-11-24 14:02:59
3514
2
原创 uni微信小程序地理定位报错：getLocation:fail the api need to be declared in the requiredPrivateInfos field in app
{"errCode": "0", "errMsg": "getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json/ext.json"}
2023-11-13 15:06:29
2997
原创 vue3+ts build 错误：You installed esbuild for another platform than the one you‘re currently using.
Error:You installed esbuild for another platform than the one you’re currently using.This won’t work because esbuild is written with native code and needs toinstall a platform-specific binary executable.Specifically the “@esbuild/darwin-x64” package is
2023-10-02 19:36:45
9728
原创 前端面试-React专题
（JavaScript XML）实际上，它只是为 React.createElement() 函数提供语法糖，为我们提供了在 JavaScript 中使用类 HTML 模板语法的能力。jsx语法最终会被babel编译成为方法,createElement方法会生成虚拟的DOM节点对象，再由函数生成真实DOM，插入到对应节点中去
2023-05-27 21:00:33
2101
原创 echarts graph关系图自定义线条label颜色
echarts 关系图自定义线条label颜色 自定义label颜色：通过配置edgeLabel中的rich和formattertype: 'graph',
2022-07-01 17:48:48
4167
原创 利用svg错落显示文本
错落显示文本：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>使用SVG错落显示文本中的每个文字</title> <style type="text/css"> text{ font-family:SimHei; /*定义字体*/ font-size:36px; /
2022-05-31 14:32:47
250
原创 umi Cannot find module ‘antd-mobile/es/button/style‘
用UMI创建React项目之后引入ant-mobile报错找不到样式文件说：官方给了解决方法：如果你的项目中依赖了 @umijs/preset-react （可以在 package.json 文件中看到），那么请把它升级到最新版如果你的项目中依赖了 @umijs/plugin-antd （可以在 package.json 文件中看到），那么请把它升级到最新版如果你的项目中上述两个 npm 包都没有依赖，那么可以安装最新版的 @umijs/plugin-antd-mobile 插件但是并没有
2022-05-03 01:29:49
2770
1
原创 nvm管理node版本 node/npm不是内部或外部命令，也不是可运行的程序
nvm管理node版本 node/npm不是内部或外部命令，也不是可运行的程序open D:\nvm\v16.9.1\node64.exe: The system cannot find the path specified.mkdir D:\nvm\temp: Access is denied.Error while downloading https://panic: runtime error: invalid memory address or nil pointer dere
2022-04-25 00:25:10
26997
9
原创 vscode import 自动引入文件路径
设置vscode import 自动引入文件路径在根目录下创建jsconfig.json文件配置文件，记得每次修改之后都要重新启动vscode，才能生效{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": [ "./src/*" ] }, }, "include": [ "./src/**/*", ],贴图：更多的，参考：不再
2022-04-22 18:10:24
7554
原创 vsCode 自定义用户片段snippet
vsCode 自定义用户片段snippet最近的项目每个页面相似度很高，虽然封装了公共组件，但是就每次复制调用公共组件的方法，也让我觉得很麻烦。自定义vsCode的snippet，只要一个单词，省去翻来覆去找文件copy的烦恼，用了几次，上瘾了。。。1. 打开命令ctrl+shift+p键输入：snippet2.选择首选项，命名文件看情况，选择建在全局还是项目文件夹里面；选择 ==> 输入文件名3.文件配置直接打开Example：进行配置。{ // Place your gbi
2022-04-22 17:51:02
2641
原创 前端处理二进制文件流，预览图片、PDF
原生js实现预览图片、PDF服务返回二进制流，用axios处理，指定blob类型，然后再转换成URL（ 处理后会变成blob://... 这种格式)；图片的话，作为src地址可以直接实现；预览PDF需要服务端的响应头Content-Type 为PDF类型application/pdf，不指定这种类型会直接下载，不能预览;实例：axios指定responseType为blob类型接收响应：axios.get('url',{ params:{ key:this.key },
2022-04-13 23:38:48
24044
5
原创 ES2020 实用新特性
ES2020 新特性1. ?? 判断运算符??与 || 类似，但是更严格。用来判断运算符左侧是否为null或undefined时，才会返回右侧的值。适用场景：'' ?? 1 // '''' || 1 // 10 ?? 1 // 00 || 1 // 1null ?? 1 // 1undefined ?? 1 // 12. ?.链式判断运算符?.判断左侧对象是否为null或undefined。如果是则返回null或undefined；否则，返回右侧的值适用场景：简化 &am
2022-04-12 01:48:45
2361
原创 web页面--前端明水印
采用canvas绘制图片，observe监听页面元素改变重新添加。<template> <div id="water_mater" ref="Watermakr"></div></template><script>export default { data() { return {} }, methods: { createWaterMark() { const { loginIp = '',
2022-04-07 00:41:11
593
原创 VS Code Pettier设置换行最大宽度
.prettierrc 文件这里修改的都是与默认值不同的，没有修改到的就是启用默认值.prettierrc 文件是使用 json 格式，如果报错了，该配置文件在编辑器里面是不会生效的{ "bracketSpacing": true, "printWidth": 120, "semi": false, "singleQuote": true}如图：...
2022-03-23 17:28:48
2643
原创 前端面试题_2022-02
目录一、JS部分：1.原型链2.闭包3.手写Promise4.数据类型判断5.Map和Set6.垃圾回收机制7.安全随机数8.贪心算法9.js循环10.数组新方法二、HTML部分三、Css部分1.垂直居中2.弹性布局3.grid布局四、浏览器部分五、Vue部分1.$nextTick2.$set3.取消请求4.vue3.0新特性5.vue新指令一、JS部分：1.原型链2.闭包3.手写Promise4.数据类型判断typeof：返回7种数据类型:number,str
2022-02-16 03:15:28
4219
1
原创 js扁平数据结构转Tree
js扁平数据结构转Tree无意间看到的一道题，实际业务有这种场景，就打开看了看，不过我们这种数据都是中台在处理，然后返回给前台的。let arr = [ { id: 1, name: "部门1", pid: 0 }, { id: 2, name: "部门2", pid: 1 }, { id: 3, name: "部门3", pid: 1 }, { id: 4, name: "部门4", pid: 3 }, { id: 5, name: "部门5
2022-02-13 03:03:39
515
原创 ES6数组新方法
ES6数组新方法目录ES6数组新方法1. `forEach()`和`map()`2. `filter()`3. `reduce()`4. `some()`5. `every()`6. `Array.from()`7. `Array.of()`8. `copyWithin()`9. ` find() `和 `findIndex()`10. `fill()`11. `entries()`，`keys() `和 `values()`12. `includes()`13. `flat()`，`flatMap()`
2022-02-06 21:16:22
2590
1
原创 React 生命周期
React 生命周期1、生命周期图react生命周期函数挂载、卸载只会执行一次，更新会执行多次。2、生命周期的三个阶段1）挂载时（创建）执行时机：组件创建时（页面加载时）执行顺序：Constructor() --> render() --> componentDidMount()钩子函数触发时机作用constructor ()创建组件时1,初始化state； 2.为事件处理程序绑定thisrender ()每次组件渲染都会触发渲染UI（
2022-01-30 23:36:26
1702
原创 React-context
Context 通过组件树提供了一个传递数据的方法，从而避免了在每一个层级手动的传递 props 属性。在一个典型的 React 应用中，数据是通过 props 属性由上向下（由父及子）的进行传递的，但这对于某些类型的属性而言是极其繁琐的（例如：地区偏好，UI主题），这是应用程序中许多组件都所需要的。 Context 提供了一种在组件之间共享此类值的方式，而不必通过组件树的每个层级显式地传递 props 。
2022-01-11 02:35:28
110
原创 React组件通信--props
React组件通信1、props接收数据ReactDOM.render( <App name='传递数据' age={19} color={[1,2,3]} fn={()=>{console.log('函数')}} tag={<p>段落</p>} />,document.getElementById("root"));函数组件：propsfunction App(props) { function myClick(e)
2021-12-30 00:01:29
842
原创 React组件基础
React组件1.创建组件1）使用函数创建组件函数名必须大写、开头必须有返回值、使用函数名作为标签名let MyComponent = () => { return <div>myComponent</div>;};ReactDOM.render(<MyComponent />, document.getElementById("root"));在这里插入代码片2）使用Class创建组件大写字母开头、类组件要继承React.Componen
2021-12-01 23:32:28
120
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人