书架

最近在用 vue 写几个 H5 页面在微信上展示，遇到一个在弹窗上 input 输入完成之后点击键盘的完成，页面底部留出一片空白的问题 # 出现原因分析 当键盘抬起时， window.scrollY 会从 0 变到键盘的高度，所以解决办法就是当 input 失去焦点的时候，将 window.scrollY 重新设置为 0 # 解决 给所有的 input``textarea 组件设置获取焦点和设置焦点事件，失去焦点的时候将 “window.scrollY` 设置为 0 因为的是 vue 所以结合 vue 来写代码 <template> <input...

功能简单说明：jsconfig.json有了它，可以对文件目录检索做智能提示，宝宝再也不用两眼发酸的丑目录写引入文件的地址了，一路上下键选择回车搞定。# jsconfig.json 是什么？ 如果你的项目中有一个 jsconfig.json 文件的话，这个文件的配置可以对你的文件所在目录下的所有 js 代码做出个性化支持。 jsconfig.json 的配置是 tsconfig.json 的子集。 # webpack aliases 的支持 如果我们在我们的 webpack 里面配置的路径的别名，心细的小朋友就发现了。我们的 vscode 不能根据别名路径导入的包跳转文件了。所以我们还需要...

# 一、Jest 基本概念 # npm 安装： 1. npm install jest -D（安装到本地）2. npm install jest -g（安装到全局）# 运行： npx jest （安装到本地的前提下） jest （安装到全局的前提下） 修改 "script" 中的 "test" 为 "jest" 后使用 npm run test 或 npm t # 零配置： 但测试用例文件名格式为 **test.js（默认配置下） # 基本方法： ・分组（Test...

# 1.Jest 中四个钩子函数 beforeAll() 钩子函数的意思是在所有测试用例之前进行执行。比如： beforeAll(()=>{ console.log('上课铃响了～～～～')})写完后，保存文件，会自动执行测试。这时候可以在控制台看到 上课铃响了～～～～ 。执行之后可以看到这句话最先执行了。然后才走下面的测试用例。 beforeEach() 钩子函数，是在每个测试用例前都会执行一次的钩子函数，比如我们写如下代码 beforeEach(()=>{...

用 axios 远程的请求数据。要使用 axios 就需要先进行安装，直接使用 npm 或 yarn 进行安装就可以了 npm install axios@0.19.0 --save安装完成后，可以打开 package.json 看一下安装结果和版本，我这里使用的是 0.19.0 (如果你是其它版本，可能这个方法会出错，所以你最好和我使用一样的版本)。 # 异步代码的测试方法 - 1 一个异步请求地址 http://a.jspang.com/jestTest.json 安装好 axios 以后，在项目根目录下面，新建一个文件 fetchData.js 文件，然后编写代码如下： import...

# 1. 项目介绍 Vue-VideoBackground 是一款专为 Vue.js 开发的组件，它允许你在网页或应用程序中添加全屏视频背景，以提升用户体验和视觉吸引力。这个轻巧的插件易于集成，能够无缝地融入到任何 Vue 项目中，使静态页面变得更加生动。 # 2. 项目快速启动 # 安装 首先，你需要通过 npm 安装 vue-videobg ： npm install --save vue-videobg# 使用 在你的 Vue 应用中引入组件： import VideoBg from...

# 相关网址 Vue 官方插件库推荐的集成实现 这个实现做的比较全面，但不支持动态语法高亮的切换 codemirror 支持的语言类型 codemirror 官网 # 具体实现 首先需要运行 npm i codemirror --save 在项目中安装对应组件 <template> <div class="in-coder-panel"> <textarea ref="textarea"></textarea> <el-select...

# 一、.editorconfig 文件是什么？ 在项目里，大多时候都能看到.editorconfig 文件，刚开始总是忽视掉它，认为它不太重要。但是，它的存在，必定有它的理由，于是，抽空来研究一下，它是什么，能做什么。 官网是这么介绍 EditorConfig 的，“EditorConfig 帮助开发人员在不同的编辑器和 IDE 之间定义和维护一致的编码样式。EditorConfig 项目由用于定义编码样式的文件格式和一组文本编辑器插件组成，这些插件使编辑器能够读取文件格式并遵循定义的样式。EditorConfig...

# 为什么我们需要 body-parser Koa 集成了 cookies,fresh,cache 等库，但是并没有引入 body-parser 也许你第一次和 bodyparser 相遇是在使用 Koa 框架的时候。当我们尝试从一个浏览器发来的 POST 请求中取得请求报文实体的时候，这个时候，我们想，这个从 Koa 自带的 ctx.body 里面取出来就可以了嘛！ 唉！等等，但根据 Koa 文档，ctx.body 等同于 ctx.res.body，所以从 ctx.body 取出来的是空的响应报文，而不是请求报文的实体哦 于是这时候又打算从 Node 文档里找找 request...