qq_42809433的博客

原创 js中将数字字符串转换成Number数组需要注意的坑（split和map(Number)混合使用）

最近工作写的代码，感觉还是学到了很多知识。本来想做完了之后总结一下，结果这部分需求改了，要把这段代码删了，但是这个点还是需要注意一下，特此记录。2020.09.031.代码中的例子：e.g将字符串"1,2,3,4,5"这样的字符串转换成Number数组[1,2,3,4,5]需要注意的坑 if(checkboxGroupclsArray.indexOf(currentForCls) === -1){ deletetablesnum = index;

原创 2020-8-18-ES6-ES6基础

ECMAScript 6基础课堂目标录播视频要点回顾掌握ES6基本使用了解数据驱动视图模式完成员工列表案例完成百度音乐案例本节知识要点ES6基本使用数据驱动视图ES6员工列表案例百度音乐全选案例ECMAScript 6 简介JavaScript 三大组成部分ECMAScriptDOMBOMECMAScript 发展历史 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Language_R

原创 字符串转成Number数组的一些小问题

原创 js跳出循环的两种方式(特别是forEach!!!)

假设当我们只需知道某个数组有没有某个属性，如果找到了直接跳出循环，省略掉剩下的循环步骤是较优化的操作，但是for中是可以利用break跳出循环，但break在forEach中无效，那么forEach能不能跳出循环呢？当然是可以。1.正常for循环break跳出循环let strArr = ['a', 'b', 'c', 'd'], i = 0, length = strArr.length;for (; i < length; i++) { console.log(strArr[i]

原创 2020-8-20-JS-面向对象01

##面向对象01本节知识点ES6中类的使用ES6中继承extends、superES6静态方法和属性ES6中模块化import、export王者荣耀英雄选择案例课堂目标理解并能使用ES6中的类学会使用ES6中继承理解静态属性及方法会使用ES6中模块化ES6中的类类的写法class Person{ height="178cm"; constructor(name,age){ //属性 this.name = name;

原创 Vue（路由）9.路由组件传参

vue-router文章目录vue-router路由组件传参案例默认处理对象模式的回调函数模式路由组件传参我们通常把路由直接映射（绑定）的组件称为 路由组件，也只有路由组件才能直接调用路由有关对象：$router、$route当我们一个组件即希望作为路由组件使用，又可能作为功能组件（某个页面中的一部分）去使用，这个时候路由组件传参的方式来做到这点案例我们对 item.vue 组件进行改造，当我们在 home.vue 的商品列表上移入移出，出现商品信息提示层[外链图片转存失败,源站可能有防盗链机

原创 Vue（路由）8.重定向与别名

vue-router文章目录vue-router重定向案例组件路由配置别名404重定向有的时候，我们会根据某种需求对用户请求的页面进行重新定位案例现有一小说网站，提供了 男生频道 和 女生频道 的两个入口，用户首次进入页面的时候，会出现选择，并记住用户的选择，以后该用户进入网站直接根据记录的选择进入对应的频道组件// BookChoose.vue<template> <div> <router-link :to="{name: 'book

原创 Vue（路由）7.嵌套路由

vue-router文章目录vue-router嵌套路由添加路由与子路由children 属性子路由视图嵌套路由一些比较复杂的应用会有多层嵌套的路由和组件组成在应用增加一个用户个人中心，用户中心又是由多个页面组成，如：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-p7iJlTOk-1597628460142)(assets/vue-router-usercenter.png)]添加路由与子路由...import User from './views/User.

原创 Vue（路由）6.路由守卫

vue-router文章目录vue-router路由守卫组件内守卫beforeRouteEnterbeforeRouteUpdatebeforeRouteLeave路由守卫参数tofromnext路由独享的守卫全局守卫beforeEachbeforeResolveafterEach路由守卫当导航发生改变的时候，vue-router 会在多个不同的地方调用指定的函数，也就是与路由有关的生命周期函数，也称为：路由守卫组件内守卫路由独享守卫全局守卫组件内守卫定义在组件内的与路由有关的生命周期函

原创 Vue（路由）5.queryString

vue-router文章目录vue-routerqueryString$route.query编程式导航路由组件的复用watchqueryString有的时候，我们可能也会用到 queryString<select v-model="sort"> <option value="desc">从高到低</option> <option value="asc">从低到高</option></select>$route.q

原创 Vue（路由）4.动态路由

vue-router文章目录vue-router动态路由路由对象$router 对象$route 对象$route.params动态路由有的时候，我们需要把满足某种规则的路由全部匹配到同一个组件，比如不同的商品的 url/item/1/item/2/item/3...我们不可能为每一个商品都定义一个独立的组件，而是把它们都映射到同一个组件，同时 url 后面的部分为动态变化的部分，我们会在设计路由的时候进行特殊的处理...{ path: '/item/:itemId', nam

原创 Vue（路由）3.devTools

vue-devTools文章目录vue-devToolsvue-devTools安装步骤vue-devTools为了更方便的在开发过程中对 Vue 程序进行调试，除了传统的浏览器自带的 debug 工具以外，我们还可以通过一些专门为 Vue 提供的扩展插件来进行调试参考：https://github.com/vuejs/vue-devtoolsVue.js-devtools，点击下载安装步骤1、首先进入浏览器设置，点击 扩展程序[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接

原创 Vue（路由）2.异步请求

vue-router文章目录vue-router异步请求axios请求跨域vue.config.js跨域请求代理配置异步请求在实际的应用开发中，与后端交互，进行异步请求是很常见的需求axiosnpm i axios请求// home.vue<template> <div class="home"> Home </div></template><script>import axios from 'axios'

原创 Vue（路由）1.vue-router

vue-router文章目录vue-router路由vue-router 的安装Vue.use()创建路由对象router-view 组件路由当应用变得复杂以后，我们就需要通过一种便捷、高效的方式来管理应用，最常见的就是通过路由路由：把 url 与 应用中的对应的组件进行关联，通过不同的 url 访问不同的组件vue-router 的安装npm i vue-router// ORyarn add vue-routerVue.use()通过前面提到的 Vue.use 方法，把 vue-r

原创 JavaScript基础-函数

函数廖雪峰-JavaScript教程-函数-函数定义和调用/* 是廖雪峰老师的删减版，仅挑部分内容记录 */函数定义和调用定义函数（推荐写法）如果没有return语句，函数执行完毕后也会返回结果，只是结果为undefined。因此，第二种定义函数的方式如下：var abs = function (x) { if (x >= 0) { return x; } else { return -x; }};在这种方式下

原创 JavaScript基础-Iterable（Map/Set/在Iterable中遍历）

来源：廖雪峰-JavaScript教程-快速入门-Map和SetMapJavaScript的**默认对象表示方式{}**可以视为其他语言中的Map或Dictionary的数据结构，即一组键值对。但是JavaScript的对象有个小问题，就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。为了解决这个问题，最新的ES6规范引入了新的数据类型Map。要测试你的浏览器是否支持ES6规范，请执行以下代码，如果浏览器报ReferenceError错误，那么你需要换一个支持ES6

原创 JavaScript基础-DOM

DOMjavascript 的组成部分DOM (document object model) 文档对象模型BOM (browers object model) 浏览器对象模型ECMAScript js 的核心[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ebCQrG5d-1596705656043)(./DOMltree.gif)]DOM 节点节点分类元素节点：每个 HTML元素属性节点：HTML元素的属性文本节点：HTML元素内的文本注

原创 vue-element-admin修改.eslintignore来避免Use // eslint-disable-next-line to ignore the next line.

报错：You may use special comments to disable some warnings.Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ to ignore all warnings in a file.有的文章说要在build中注释掉配置，好像vue-element-admin里面build是没啥文件的（就一个index），要用.eslintignore才行

原创 vscode中高亮消失问题：ctrl+shift+x-＞Vetur

安装前：按下ctrl+shift+x，输入Vetur，Install

原创 Vue（一）6.过滤器

Vue.js文章目录Vue.js过滤器注册过滤器全局过滤器局部过滤器实例过滤器过滤器是一个使用在 双大括号插值 和 v-bind 中，用于过滤输出内容的函数假设有一个用于把内容转为大写的过滤器函数 toUpperCase{{content|toUpperCase}}| : 管道符，表示数据从左至右通过管道符进行传递过滤器可以有多个，执行顺序从左至右，过滤器函数第一个参数的值就是其管道符前一个的结果注册过滤器全局过滤器Vue.filter('过滤器名称', 过滤器函数);局部过滤

原创 Vue（一）5.computed 与 watch

Vue.js文章目录Vue.jscomputed计算属性的 `getter` 与 `setter`watch多层监听深度监听computed在实际的应用中，我们会有一些原始数据，同时在应用中又会有一些数据是根据某些原始数据派生出来的，针对这样的一种情况，vue 定义了一个专门用来处理这种派生数据的选项：computed<div id="app"> <label><input type="radio" v-model="gender" value="" /> 所

原创 总结vscode调试vue,nodejs的各种方法

总结vscode调试vue,nodejs的各种方法今天学习了在vscode下运行和调试js,看到这篇文章，先马住以后用得上

原创 webpack(一)2.webpack基础

webpack文章目录webpackwebpack 是什么？安装使用打包模块入口文件打包命令打包配置核心配置modeentryoutput深入执行简要流程Loadersraw-loaderfile-loaderurl-loadercss-loaderstyle-loadersass-loaderPluginsHtmlWebpackPluginclean-webpack-pluginmini-css-extract-pluginsourceMapWebpackDevServerProxyHot Module

原创 webpack(一)1.webpack与模块化

webpack 与 模块化文章目录webpack 与 模块化模块化模块化的核心ESM独立模块作用域导出模块内部数据导入外部模块数据模块化的向下兼容CommonJSAMDrequireJS`requireJS` 的 `CommonJS` 风格UMDtsm - typescript module模块化模块化已经是现代前端开发中不可或缺的一部分了把复杂的问题分解成相对独立的模块，这样的设计可以降低程序复杂性，提高代码的重用，也有利于团队协作开发与后期的维护和扩展从 ECMAScript2015 开始引入

原创 npm常用命令和配置

1.初始化生成package.jsonnpm init -y(记得加-y，不然要一直问问题)2.安装npm i jquerynpm i vue安装的目录

原创 Vue(一)4.组件

Vue.js文章目录Vue.js组件的注册Vue.component()全局组件与局部组件dataprops组件通信$emit()组件双绑的实现v-modelmodel 选项.syncupdate:[prop]插槽具名插槽v-slot作用域插槽props 验证非 prop 特性替换/合并已有的特性禁用特性继承组件的注册在 vue 中，我们可以通过 new Vue 来创建一个组件，不过通常它是作为整个应用的顶层根组件存在的，我们还可以通过另外的方式来注册一个更为通用的组件Vue.component()

原创 Vue(一)3.事件

Vue.js文章目录Vue.js事件组件的 `methods` 选项通过内联方式绑定事件处理函数事件修饰符.stop.prevent.capture.self.once.passive按键修饰符.keyCode.enter.down.exact原生事件事件在 vue 中，事件通过指令 v-on 进行绑定，v-on 缩写 @<组件 v-on:事件名称="表达式" /><组件 @事件名称="表达式" />组件的 methods 选项在组件选项中，提供了一个 methods

原创 Vue(一)2.指令

Vue.js文章目录Vue.js指令内容输出v-textv-cloakv-htmlv-oncev-pre逻辑处理v-showv-ifv-else / v-else-if循环与列表v-for:key属性绑定v-bind缩写样式styleclass单向数据流v-model表单`text` 和 `textarea``checkbox` 和 `radio``select`指令修饰符.lazy.number.trim自定义指令注册指令全局指令局部指令指令生命周期（钩子函数）案例官网的例子扩展：自定义拖拽指令指令

原创 Vue(一)1.基础

Vue.js文章目录Vue.jsvue.js渐进式Vue 核心引入组件组件基本分类根组件的创建可复用的功能组件组件内容渲染templateelrender使用 $mount 方法延迟 `Vue` 实例的挂载组件中的数据（状态）datadata 的访问模板语法Mustache（双大括号，大胡子） 语法插值表达式数据到视图的更新检测变化的注意事项扩展使用 Vue.set 方法添加新数据vue.js[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YXDNylyT-1596187

原创 vue-element-admin初次安装过程中的错误：spawn cmd enoent/error code elifecycle/This is probably not a problem wi

vue-element-admin按照如下步骤安装然后到npm run dev的时候就报错了。。20 error code ELIFECYCLE21 error errno 122 error [email protected] dev: `vue-cli-service serve`22 error Exit status 123 error Failed at the [email protected] dev script.23 error This is prob

原创 Error: A JNI error has occurred, please check your installation and try again

由于java-version和javac -version版本不一致造成

原创 在Eclipse运行命令行cmd，并解决控制台cmd出现乱码的情况

写练习的时候需要用到命令行，每次都从cmd切换到工作目录下在运行实在太麻烦了，想在eclipse中直接使用命令行，以下是操作步骤:1.在Run->ExternalTools->External Tools Configurations2.新建：new launch configuration，设置name:command_prompt（想改什么都行）location：cmd的位置，一般是C:\Windows\System32\cmd.exeworking directory：选ecli

原创 jdk/lib未发现tools.jar 和dt.jar怎么办?

更新后，版本带来的变化，模块化后导致不需要或者说将toos.jar和dt.jar文件兼容到其他部分，jdk的lib下面不会再出现这俩文件；（摘：版本更新到9.0后的变化）JDK 9的核心变化就是引入了一种新的Java编程组件，也就是模块，按照Oracle的说法，它是一个可命名的、自描述的代码和数据集合。模块技术的核心目标是减少Java应用和Java核心运行时环境的大小与复杂性。为此，JDK本身进行了模块化，Oracle希望通过这种方式提升性能、安全性和可维护性。为了支持Java 9的模块，引入一种新的模

原创 如何理解jdk和jre配置中的JAVA_HOME，PATH，CLASSPATH，环境变量和系统变量？

1.JAVA_HOMEJAVA_HOME指向的是JDK的安装路径在该路径下你应该能够找到bin、lib等目录如我的设置就应该为JAVA_HOME=C:\j2sdk1.4.2_09;2.PATH设置PATH的目的是为了指向JDK的bin目录在bin目录下放的是各种编译执行命令如我的设置就应该为PATH=C:\j2sdk1.4.2_09\bin;C:\j2sdk1.4.2_09\jre\bin;需要说明，系统本身就有PATH环境变量，只要把C:\j2sdk1.4.2_09\bin;C:\j2sd

转载 jdk14安装后没有jre怎么办？

以管理员身份打开命令窗口，切换到jdk安装目录，执行bin\jlink.exe --module-path jmods --add-modules java.desktop --output jre 完成。

原创 如何理解java中argument和parameter

a. parameter是指函数定义中参数，而argument指的是函数调用时的实际参数。b. 简略描述为：parameter=形参(formal parameter)， argument=实参(actual parameter)。c. 在不很严格的情况下，现在二者可以混用，一般用argument，而parameter则比较少用。...

原创 安装多个JDK时如何设置默认的JDK版本？

今天培训需要用到gradle,下载了gradle4.6版本，结果报错了。。是因为JDK14版本太高，只好乖乖去换万能的1.8版本。e.g JAVA14版本和JAVA1.8版本①环境变量->系统变量，新建系统变量JAVA_HOME14和JAVA_HOME1.8，分别存放jdk14和jdk1.8的安装路径。②新建JAVA_HOME，存放%JAVA_HOME(X)%，（X）表示刚刚设置的JAVA_HOME版本，例如，需要以jdk1.8做默认使用的版本，则JAVA_HOME=%JAVA_HOME1.8%

原创 安装Sql Server:以前的某个安装需要重新引导计算机以便使其更改生效。若要继续，请重启计算机，然后再次运行安装程序。

安装Sql Server，安装失败两次，错误提示：以前的某个安装需要重新引导计算机以便使其更改生效。若要继续，请重启计算机，然后再次运行安装程序。但是，重启过后再次安装仍然失败。解决方法：1.打开注册表：c/windows/system32/regedt32.exe2.找到"计算机\HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager"路径下的 PendingFileRenameOperations 文件，然后将其删除，