- 博客(27)
- 收藏
- 关注
原创 关于 VUE 项目启动报错,Error: spawn cmd ENOENT at Process.ChildProcess._handle.onexit...后面太多我就不粘贴了
关于解决项目启动报错(是环境变量的原因)
2022-06-08 11:06:02
1869
1
原创 前端项目的功能知识点(随便写的)
创建输入框自动聚焦-全局扩展Vue.use() 会调用 install 方法,这是内置的,所以方法名是固定的使用Vue.use会有两种情况如果是对象+install方法,那么install方法就会被执行如果Vue.use对应的是一个函数,那么函数本身就会被执行,然后在里面再进行一些全局的扩展在标签内使用 v-fofo输入框的防抖操作计时n秒后,再出发逻辑代码如果函数再次触发,清空上一个定时器好处,降低逻辑代码的触发频率,节约性能和流量<van-search @
2021-10-18 19:10:50
772
原创 Vuex 笔记
每个 Vuex 应用的核心 store(仓库), 包含5个核心概念vuex目录 ,和路由模块router/index.js - 类似, 维护项目目录的整洁,新建src/store/index.js文件npm add vuexstore/index.js 创建 定义 导出store对象// 目标: 创建store仓库对象// 1. 下载vuex: 终端命令(yarn add vuex)// 2. 引入vueximport Vue from 'vue'import Vuex from 'v
2021-10-17 13:15:39
245
原创 ...axios
params会把参数自动写到url?后面封装基地址父组件内直接拿子组件对象(调用子组件里的方法/变量) 在组件标签上,ref=‘别名’在恰当的时机,使用this.$refs.别名 - 对应组件对象获取在原地父组件子组件控制台this.$ nextTick 局部 ->等待DOM更新后再执行一段代码,放入$nextTick函数中 ,立刻获取真实DOM的值数据改变更新DOM是异步的此时会先走this.$refs.myInp.focus()需要使用this...
2021-10-11 17:34:59
90
原创 2021-10-08
vue-router模块包和Vue.js深度集成自带高亮提供两个内置全局组件 router-view /router-viewrouter-link /router-linkVueRouter在全局注册的组件, 本质就是a标签,使用时, 必须传入to属性, 指定路由路径值声明式导航-传参语法1:to=’/路由路径?参数名= 值’接收方 {{ $route.query.参数名 }}语法2:动态路由路由规则对象,path: ‘/路由路径/:参数名’to:/路由路径/值 ->
2021-10-09 08:20:40
136
原创 ESLint在VSCode中使用
ESLint在VSCode中使用下载这个插件到vscode中一定要把脚手架工程, 作为vscode根目录, 因为eslint要使用配置文件.eslintrc !搜索该插件,下载启用,点击扩展设置右上角打开设置将代码放进去"eslint.run": "onType","editor.codeActionsOnSave": { "source.fixAll.eslint": true}ok...
2021-10-06 10:19:06
365
原创 唉嘿哈嘿哈
累计求和公式深度监听 缓存到本地导航高亮循环铺设数组给class绑定动态属性,判断结果为布尔值绑定点击事件,接收对应索引,传给一个空值num在动态class内判断index是否与num相等显示对应高亮小案例<template> <div id="app"> <div> <span>姓名:</span> <input type="text" v-model.trim="ko
2021-10-05 16:46:57
241
原创 随便记的笔记
M :model数据模型 (data里定义)V :view视图 (页面标签)VM :ViewModel视图模型 (vue.js)给DOM标签的属性设置Vue变量需要使用V-bindVue事件处理函数,如何拿到事件对象无实参,直接用第一个形参接收有实参,手动传入$event.prevent-阻止默认行为@keyup.enter - 监测回车按键@keyup.esc - 监测返回按键复选框,v-model的变量值非数组 绑定的是复选框的checked 的属性 true/false 常用于
2021-09-26 21:58:03
66
原创 Vue手记 3
组件组件:多次复用一套代码,清晰,方便管理,独立vue组件就是一个单vue文件 封装的vue实例scoped 独立作用域每一个vue变量都在独立的作用域里,所以互不影响创建组件引入组件注册组件使用组件import Vue from 'vue'import 组件对象 from 'vue文件路径'Vue.component("组件名", 组件对象)scoped给style添加scoped,会给所有标签+data-v-哈希值,方便独立使用,避免污染单向数据流props里定
2021-09-26 19:11:51
62
原创 Vue 手记 2
v-for更新检测翻转数组会导致v-for更新 reverse()// 1. 数组翻转可以让v-for更新 this.arr.reverse()截取数组不会导致v-for更新 slice(0,3) 根据下标截取 // 2. 数组slice方法不会造成v-for更新 // slice不会改变原始数组 // this.arr.slice(0, 3) let abb = this.arr.slice(0, 3) console.lo
2021-09-25 17:42:43
298
原创 Vue 手记
template中只能由一个跟标签,而且必须要写< + Tab 快捷构建vue结构单vue文件的好处:独立,互不影响scoped 代表 打包时只对当前页面生效插件下载Vue语法-插值表达式可以把Vue变量直接显示在标签内{{ 表达式 }} 胡子语法Vue响应式,数据发生变化,页面直接作出响应MVVM设计模式MVVM,一种软件架构模式,决定了写代码的思想和层次M: model数据模型 (data里定义)V: view视
2021-09-23 20:47:48
68
原创 webpack (静态模块打包工具) 手记
新建src 在下面创建 index.js (入口文件) 和 add.js下载安装webpack (npm run build 或 yarn build), 配置打包命令 build : webpack默认入口src/index.js-要被打包的文件, 要引入到这里使用输入yarn build打包命令(实际是项目环境webpack命令)输出代码到add/add.js中修改入口与出口点新建 webpack.config.js (注意路径)//在里面添加con..
2021-09-22 16:54:32
241
原创 Promise相关笔记
它是一个ES6提出一个新语法,用来优化异步代码的写法promise:承诺。生活中.它是用来表述 对将来要发生的事情的肯定一个Promise对象的状态可能是如下三种之一:pending,resolved,rejected初始pending成功resolve失败 rejectpromise的兑现在构造器的函数体中,一旦状态发生了变化,就会进行then,或者是catch中去,同时把promiseValue传入对应的函数根据实际情况的需要,也可以不加上finally()。finally()是
2021-09-18 22:17:29
72
原创 关于vue 命令 npm run serve 报错
输入 npm run serve报了下面的错误npm ERR! Missing script: "serve"npm ERR! To see a list of scripts, run:npm ERR! npm runnpm ERR! A complete log of this run can be found in:npm ERR! C:\Users\swl\AppData\Local\npm-cache\_logs\2021-09-18T02_08_27_339Z-debug.
2021-09-18 10:13:58
7681
8
原创 vue脚手架安装报错
安装脚手架总是报Python环境变量的一大串错误我去安装了Python2.7,然后配置环境变量(百度就可以)再次安装脚手架,依旧报错,但不是Python的错误了,删除下面路径中的两个文件再次安装脚手架安装成功 !PS D:\桌面\ooo> npm install -g @vue/clinpm notice Beginning October 4, 2021, all connections to the npm registry - including for package insta
2021-09-18 09:44:38
1941
转载 写大事件项目的get,post类型的接口
1.准备工作:npm下载相关包1.1初始化npm得到package.json文件 (不初始化也可以之前初始化的文件获得package.json文件)npm init --yes1.2 express包 npm i express1.3 multer 包npm i multer2.创建server文件:在同级文件夹下创建server文件(文件名可以自定义)3.登录接口部分3.1 登录接口代码const express = require('express') //将这个
2021-09-16 18:43:53
296
原创 写一个get类型的接口。 要求: - http://你的ip地址:8089/someword - 返回值: 50%(Math.random()>0.5)的可能成功返回:
创建分别在两个json文件中写入{ "data": "一句你想说的话", "message": "请求成功", "code": 200}和{ "data": "", "message": "系统故障", "code": 500}在123.js中写入代码const http = require('http')const fs = require('fs')const path = require('path')//引入模块//创建const serv
2021-09-15 15:48:22
96
原创 将txt文本数据转换为json对象
a.txt中的数据:小王,19小李,20小陈,21最终要实现的结果:{ "list": [ { "name": "小王", "age": 19 }, { "name": "小李", "age": 20 }, { "name": "小陈", "age": 21 } ], "average": 20, "total": 3}js代码如下:const fs = require('fs')const path = require('path')f
2021-09-12 23:42:59
3969
原创 使用node 方法往对应json文件中添加一条数据
//json文件[{"name":"小王"},{"name":"小李"}]//js文件// 完成的功能是: node yourfile.js之后,会在data.json中添加一条记录:// JSON.stringify() 方法将 JavaScript 对象转换为json字符串// 使用 JSON.parse() 方法 把[{"name":"小王"},{"name":"小李"}]解析成数组的格式const fs = require('fs')const path = require(
2021-09-12 14:11:30
908
原创 Visual Studio Code 快捷键大全(Windows)
参考网址: https://cloud.tencent.com/developer/article/1022581
2021-09-12 13:39:13
72
原创 window常用快捷键
Alt+F4 关闭当前窗口Ctrl + Alt + 右边小键盘的 . 任务管理器Shift + Windows键 + s 截图Ctrl + n 新窗口打开当前页Windows键 + 空格键 切换输入法
2021-09-12 13:35:14
52
原创 javascript中字符串操作常用的API
Python split()方法Python split() 通过指定分隔符对字符串进行切片,如果参数 num 有指定值,则分隔 num+1 个子字符串https://www.runoob.com/python/att-string-split.htmlJavaScript replace() 方法replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。https://www.runoob.com/jsref/jsref-replace.htmlJa
2021-09-12 13:20:20
231
原创 CMD常用命令
进入某个盘//进入d盘d:查看目录文件//查看当前目录下的文件,类似于linux下的lsdir创建目录和删除目录//创建目录md 目录名(文件夹)//删除目录rd 目录名(文件夹)清除屏幕cls查看cmd命令使用help命令,查看所有的dos命令 使用这个命令之后,我们可以看到所有的dos命令,并且后面还有中文的解释。简直不要太赞,这样我们就可以根据自己的需求要找到想要使用的命令。参考链接:http://blog.csdn.net/xjz729..
2021-09-12 12:30:11
129
原创 全局安装nodemon包
作用它能帮我们自动检测到我们的代码的修改,并自动重新运行我们的代码步骤: 1在任意位置 打开一个小黑窗,输入如下命令npm install -g nodemon回车。此操作需要联网,根据网络速度所耗时间不同。如果这个命令执行完成并没有报错,就是说明安装成功了。对上面的命令说明如下:npm是一个工具,用来管理node代码中要使用的第三方模块。它是随着node的安装而自动安装的:如果你安装node,则npm也已经安装过了,你可以直接使用。-g 表示全局安装。它也可以写在nodemon
2021-09-12 11:24:32
113
原创 全局安装i5ting_toc 包
全局安装i5ting_toc 包i5ting_toc是在node环境下,一个可以把 md 文档转为 html 页面的小工具1. 全局安装Windows键+R + 回车键 启动cmd或在要转换的对应文件目录下打开小蓝窗口,按住shift + 鼠标右键,选择 “在此处打开Powershell窗口”.输入 :npm install i5ting_toc -g进行全局安装小黑窗口 ↓小蓝窗口 ↓2. 使用继续cd到对应文件目录下我的md文件在D盘 桌面,所以我cd到了这里 ↓或
2021-09-12 10:56:44
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人