- 博客(16)
- 收藏
- 关注
RSS订阅原创 textarea高度根据输入内容自动调整高度
实际使用时你可能需要根据你的样式和字体调整这个值。此外，如果你使用了外部 CSS 框架或库，可能还需要考虑它们对。元素的高度根据输入内容自动调整，同时限制其最大高度为 6 行，通常涉及到监听输入事件，并动态调整。来获取其内容的滚动高度，然后将其限制在最大高度内。来计算每行的高度，这样可以适应不同字体大小和行高设置。事件，以处理浏览器窗口大小变化时可能导致的行高变化。函数一次，以确保初始状态的高度也是正确的。在这个示例中，我们首先在 CSS 中设置。的最小和最大高度，假设每行的高度是。的样式和行为的影响。
2024-04-18 14:46:56
1633
1
原创 angular项目中显示word, pdf, 文档的插件
1. 对于显示pdf经过测试，可以前端直接上传文档不需要url或者使用url都可以的插件最好用的是ngx-extended-pdf-viewer。同时在angular.json中配置assets, scripts。2. 对于显示word，使用的是ngx-doc-viewer。或者直接传入pdf所在文件的url地址。
2023-12-07 11:05:18
668
原创 angular拦截器
然后，每次service下的httpClient请求都会经过intercept方法。接下来，就需要在app.module.ts文件中配置拦截器。在此记录下自己第一次使用angular拦截器。首先需要使用命令生成interceptor.
2023-11-27 17:33:19
166
1
转载 如何使用async/await和Promise在JavaScript中延迟循环
我们在延迟循环方面都面临困难，这与C++不同，C++中有sleep()函数，但JavaScript中没有这样的函数。在JavaScript中，我们只有setTimeout()函数，但当我们有一大段代码需要在延迟之后执行时，这并不是我们所期望的，因此在JavaScript中存在代码的线性执行冲突。您可以直接将下面的代码复制粘贴到控制台进行检查，或者您可以创建一个单独的JavaScript文件，并在Chrome中加载它或尝试在Node.js中运行。使函数等待一个Promise：调用函数时主要使用await。
2023-11-01 14:26:52
279
1
原创 自定义angular library
3.功能完成后，需要通过ng build my-lib进行编译，编译后会在dist目录下生成my-lib目录，就是最终的angular library.执行完后，会生成要给projects文件夹，下面的my-lib/src/lib目录下会有my-lib组件。2. 若组件下需要 使用图片或者文件，可以在my-lib下创建assets文件夹，然后在ng-package.json下进行配置assets。然后可以在dist/my-lib目录下执行npm publish进行发布。
2023-10-31 16:31:32
163
1
原创 学习nodeJS express
今天看到一个很好的讲解nodeJS, express的video,在这里记录下，也和有兴趣的小伙伴分享下，下面是链接地址：
2023-10-31 16:06:25
53
1
原创 使用post请求建立长连接实现sse，接收后端主动发来的消息，实现chat-gpt的弹字效果，EventSource的应用
最近在做一个chat相关的功能，然后由于接口返回特别特别慢，所以需要搞一个慢慢等待的效果，就是接口一个单词一个单词的返回，然后前端收到一个展示一个，提升用户体验。一问才知道原来真可以，真的是每天都能学习到新鲜的知识，使用EventSource即可，就是传说中的sse【server-send-events】说实话我是第一次做这类需求，他们给完接口文档我一脸懵？post请求一次，也能实现接收后端主动来发来的消息？就跟websocket一样。
2023-09-26 13:41:08
684
1
转载 自定义npm包——typeScript版本
这篇文章是在我之前的文章 [自定义npm包的创建、发布、更新和撤销] 的基础上做的扩展,主要是针对如何创建以及发布一个typeScript语言的npm包。//index.ts。
2023-09-26 10:58:52
466
转载 正式发布NPM包前先使用Verdaccio+Ngrok测试
想要确保你的NPM包在发布后完美的运行简直是一场噩梦。因为它可以有很多种不同的工作环境，且它在你计算机上的运行表现可能和别的机器上的不同。此时为了解决一个 bug，就要再次发布你的NPM包，因此也提高了版本号。在，我们面临大量这样的情况。所以，我们用和建立一个私有NPM本地仓库，在发布到官方的 npm registry () 前，先在一台服务器上去测试。
2023-09-26 10:52:49
87
1
原创 Angular 项目中静态引用一个外部html文件
例如要在Angular的前端引用一个静态的html文件。我们将其放在前端项目的某个目录下，然后再angular的ts或者html中是不能直接获取到其路径的，可以将文件的路径写入，angular.json文件中的assets选项中，就可以直接从url+路径得到。
2022-11-18 09:38:58
828
原创 angular中跨域设置iframe自适应高度，去滚动条。
B页面，要与A页面通过postMessage方法进行通信。其中id为B页面里面最外层的div的id，也可以用document.body.scrollHeight尝试。我用body的时候是有点问题.A页面的html中有
2022-11-17 16:57:01
462
原创 css实现文本超长显示省略号
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;
2022-04-07 11:29:57
1012
原创 vue脚手架创建项目
1. 安装NodeJS2.使用npm 安装vue和@vue/cli安装成功后，在命令行使用vue -V查看是否安装成功。3. 使用命令vue init webpack “工程名”，初始化一个vue工程。
2022-04-02 11:01:16
1224
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人