- 博客(29)
- 收藏
- 关注
原创 Nestjs
nest 命令 g(generate)生成 res(Resource风格) 模块名称。nestjs 是 Angular 的SSR框架 能做 ssr 也能做 server。学会nest 你就会 java spring,人称 node版 spring。执行 node_modules 下面.bin prisma.cmd。创建好项目后, nest-cli.json 配置文件。nestjs 是 React 的SSR框架。安装完成就拥有 nest 命令。多一个 prisma文件夹。多一个 .env 文件。
2024-10-31 17:45:23 645
原创 git实用命令
不同分支需要合并代码,但两个分支差异较大,不能直接合并分支,需要自己同步代码时,可以考虑使用这个方法。在命令行中输入以下命令可以删除一个。需要先到 vscode 编辑器里。
2024-08-19 15:48:11 306 3
原创 表格某一行数据如果有未填写,校验为未通过不能提交
只要找到有为空行就不需要遍历下面的数据, for 循环可以打断、数组 find 也会在找到后就不再遍历。用的angular框架, 需求是表格里只要有没值的情况, 就不可以提交。
2024-06-05 17:07:27 244
原创 Webpack实战-入门、进阶与联调小结
何为Webpack使用 Webpack 的意义如何开始一个 Webpack 工程1、Webpack 是一个开源的 JavaScript模块打包工具,其最核心的功能是解决模块依赖,把各个模块按照特定的规则和顺序组织在一起,最终合并成1个/多个 JS 文件。2、随着技术发展,JS 承担的功能多了代码也增多。产生一些不好维护的地方:需要手动维护 JS 的加载顺序。多个 script 之间通常会有隐式依赖关系,页面多的时候容易出问题。
2024-01-15 10:25:49 947
原创 vscode打包调试vue项目
打包后点击 preview后面的运行,终端就能看到一个地址,浏览器打开就可以查看打包后的效果,跟放到测试环境效果一样,这样节省了发到测试环境调试时间。如果没有请点击左侧菜单栏右上角三个点点,勾选NPM脚本就可以看到了。vscode左侧菜单有NPM脚本,打包预览。,但是打包后放到测试环境,可能原因:哪里导致页面卡死。
2024-01-08 10:26:25 471
原创 vscode插件
提交记录,点击想看的提交记录就可以看到都修改了哪些文件,非常清晰明了。鼠标放到代码会展示修改人员;鼠标悬浮到文字上可以展示详细内容。vscode左侧扩展,输入插件名搜索并点击。vscode底部左侧会多一个选项,点击。前两个很实用,其他的基本都有后续再补充。,弹窗一个新窗口可以查看提交记录。
2024-01-06 11:25:56 574
原创 Vue3+Pinia+keep alive移动端缓存列表页
vue3移动端使用keep-alive缓存列表页,详情页返回列表页缓存,回到首页不缓存
2023-10-17 11:25:32 502 1
原创 Vue3 + Vant4使用List列表和PullRefresh下拉刷新更新列表使用记录
使用vantlist时遇到的一些坑和结合下拉加载更多展示
2023-10-13 16:55:25 1564
原创 scss给不包含某个规则开头的类名添加颜色
按钮四种状态:normal(普通状态)、hover(悬停状态)、active(活动状态)和focus(聚焦状态)上面两种写法效果:除了Defailt按钮,其他按钮含。这里活动状态定义了一种灰色,其他状态是另一种灰色。开头的类名就是默认按钮,那给不包含的。设置样式就不会影响其他按钮。的四种状态设置自定义颜色。
2023-07-27 16:59:39 251 1
原创 vscode卸载时还需要清空code配置
这可能是由于未完全清除之前安装的版本所导致的问题。除了卸载 Visual Studio Code,还需要删除相关的配置文件和文件夹,以确保完全清除旧版本。
2023-07-25 16:34:21 1334
原创 Angular 通过 HostListener 监听DOM点击事件
原因: 因为blur事件添加了loading层,点击“按钮”被 loding层挡住了,现在要的效果是失焦时就需要触发该按钮的事件。前景: 表单某一项输入框 blur 事件需要更新右侧数据(调接口),为防止误触增加了loding弹层。需求: 修改表单这个值后未失焦时鼠标放到“按钮”上,并点击了按钮,需要触发“按钮”功能。该装饰器只会在当前组件生效,不需要考虑清除全局监听。参考文章,计算元素距离顶部距离,和评论第一条。
2023-07-13 13:32:18 691 1
转载 开发用得到的 JS 优化技巧
从文章摘取一些我记不住又觉得好用的, 感兴趣可以看原文1. 含有多个条件的if语句我们可以在数组中存储多个值,并且可以使用数组的includes方法// longhandif (x === 'abx' || x === 'def' || 'x' === 'ghi') { // logic}// shorthandif (['abx', 'def', 'ghi'].includes(x)) { // logic}2.比较结果的返回在 return 语句中, 我们
2021-04-01 18:35:48 138
转载 JS对URL进行转码与解码
用途用于js对字符串编码 escape()用于整个url编码 encodeURL()用于参数传递编码 encodeURIComponent()详解1.escape 和 unescapeescape()不能直接用于URL编码,它的真正作用是返回一个字符的Unicode编码值。采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字
2021-01-25 13:44:27 587
原创 vue仅使用腾讯地图根据城市名称获取经纬度
方式一: 下载插件1.下载npm install qqmap --save 2.使用// 2.1引入import maps from 'qqmap'export default { mounted () { // 方法调用 this.getLatitude('北京', '北京市', '通州区') }, methods: { // 2.2 获取经纬度方法 getLatitude (province, city, countytown) { con
2020-12-11 13:22:40 1024
原创 js限制input输入文本2个字符英文1个字符
js限制input输入文本2个字符英文1个字符<input type="text" v-model="comodMark" @input="changeValue" />changeValue (el) { let value = el.target.value // 最长4个字符 (需求限制4个字符) if (value.length > 4) { value = value.substring(0, 4) }
2020-11-09 16:52:55 541
原创 vue 添加特殊字体使用
// 项目引用iconfont 直接加在iconfont.css@font-face {font-family: "sentyTea"; src: url('./sentyTea.ttf') format('truetype'); }下载特殊字体 放到指定font文件夹下面// 使用.logo { font-family: sentyTea;}特殊字体引用加载在别的文件会报...
2020-03-04 20:22:07 293
原创 iview的datePicker控件日期限制
<DatePicker type="daterange" placement="bottom-end" :editable='editable' :clearable='editable' :options="timeOption" placeholder="Select date" style="width: 200px"></Dat...
2020-03-04 10:21:55 1842 2
原创 js判断时间跨度是否超过3个月
前景: vue + iview的datePicker组件 , 需求 选择时间范围不能超过三个月!第一次写博客纪录,参考了几位不同大佬的方法组合写的1.先判断获取每个月有多少天 (含平润年)data: ‘2020-02-27’getMonthDay (date) { let baseMonthsDay = [31,28,31,30,31,30,31,31,30,31,30,31]...
2020-02-28 00:12:20 4277 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人