- 博客(40)
- 收藏
- 关注
RSS订阅原创 JS知识汇集 -- 自用（欢迎指错，随时补充）
1、复制、剪切、粘贴事件浏览器都有专门的事件（1）、复制document.body.oncopy = e => { return window.getSelection(0).toString() // 复制的内容}（2）、剪切document.body.oncut = e => { return window.getSelection(0).toString() // 复制的内容}（3）、粘贴document.body.onpaste = e => {
2022-01-11 14:14:53
400
原创 Vue知识汇集 -- 自用（欢迎指错，随时补充）
1、vue中的data为什么是一个函数而不是一个对象？防止数据污染。 函数在每次使用的时候都会创建并返回一个新的实例，从而实现数据的独立。如果使用对象的话，会造成数据的共用从引发系列问题。2、vue的生命周期钩子beforeCreatedcreatedbeforeMountmountedbeforeUpdatedupdatedbeforeDestroydestoryactivateddeactivatedbeforeUnmountunmountederrorCaptured
2022-01-06 17:57:59
757
原创 小知识 -- 显卡
1、什么是显卡？ 用来显示图形的， 简单说你显示器上任何画面都是通过它来实现的。2、显卡的种类有哪些呢？ 公版： 主流显卡的显示芯片主要由NVIDIA（英伟达）和AMD（超威半导体 [7] ）两大厂商制造，通常将采用NVIDIA显示芯片的显卡称为N卡，而将采用AMD显示芯片的显卡称为A卡。 非公版： 需要注意的是， 市场上各大品牌厂家如华硕、技嘉、微星等都是购买了上述两家的显卡芯片后自己组装生成的。3、怎么判断显卡的好坏呢？（显卡的参数）tip: 将显卡比作一个画画的单位流处理
2021-12-16 15:06:33
842
原创 javascript -- history 对象
history 对象 history 对象表示当前窗口首次使用以来用户的导航历史记录。每个window都有自己的 histroy 对象， 这个对象不会暴露用户访问过的 URL，但是可以在不知道其实际情况的条件下进行前进或者后退。导航histoty.go(1) // 前进一个界面history.go(-1) // 后退一个界面history.go(2) // 前进两个界面history.go(0) // 刷新history.forward() // 前进一个界面history.back(
2021-12-07 09:44:10
899
原创 error -- String contains non ISO-8859-1 code point (字符串包含非ISO-8859-1代码)
错误场景 在使用element的el-upload组件的时候，选择上传后报错原因 经检查在el-upload的header属性里包含了中文解决1、误写的中文 去除请求头中的中文2、需要中文 对中文进行编码// 编码encodeURIComponent(str)// 解码decodeURIComponent(str) 后台接收//编码java.net.URLEncoder.encode(token,"UTF-8")//解码java.net.URLDecoder.d
2021-12-03 09:39:17
5940
原创 javascript -- 创建对象 原型模式
每个函数都会创建一个 prototype 属性， 这个属性是一个对象， 包含应该由特定引用类型的实例共享的属性和方法。 实际上，这个对象就是通过调用构造函数创建的对象的原型。 使用原型对象的好处是， 在它上面定义的属性和方法可以被对象实例共享。 原来在构造函数中直接赋值给对象实例的值， 可以直接赋值给它们的原型， 如下所示：function Person() {}Person.prototype.name = "Jin";Person.prototype.age = 18;Person.
2021-11-29 15:35:20
790
原创 javascript -- 创建对象 工厂模式和构造函数模式
创建对象 一般情况下，我们可以使用Object构造函数或者对象字面量来创建对象， let obj1 = new Object () let obj2 = {}, 但是这些方式有着明显的不足之处， 当我们要创建有同样接口的多个对象的时候我们就要重复编写很多代码。 在ES6的类出现之前， ES5.1的构造函数加原型继承同样支持了面向对象的结构。工厂模式function createPerson(name, age, job) { let o = new Object(); o.name = na
2021-11-29 13:50:32
446
原创 javascript -- 迭代器 es6新增特性
迭代器1、什么是迭代？ 迭代的英文为 iteration, 意思为“重复” 或 “再来”。 在软件开发领域中， “迭代” 的意思是按照顺序反复多次执行一段程序， 通常会有明确的终止条件。计数循环就是一种最简单的迭代for (let i = 0; i <= 10; i++) { console.log(i)} 循环是迭代机制的基础，这是因为它可以指定迭代的次数，以及每次迭代要执行什么操作。每次循环都会在下一次迭代开始之前完成，而每次迭代的顺序都是事先定义好的。迭代会在一个有序的集合
2021-11-26 15:42:09
106
原创 Node.js -- npm核心模块 path
1、引用const path = require('path');2、常用APIpath.basename( path[,ext] )返回基本文件名path.basename('../node/01.html') //01.htmlpath.basename('../node/01.html', '.html') //01path.join([...paths])拼接path片段常用于绝对路径中在Node.js中, __dirname 总是指向被执行 js 文件的绝对路径.fun
2021-11-26 10:14:19
442
原创 Node.js -- commonJS规范基础
1、模块引用const http = require('http')2、模块暴露module.exports = { } //一个文件只能有一个exports = { } // exports 相当于 module.exports的引用
2021-11-25 13:44:51
164
原创 Node.js -- npm包 cross-env 配置环境名称
1、安装npm i cross-env -S2、配置名称 "scripts": { "serve": "cross-env NODE_ENV=development vue-cli-service serve", "build": "cross-env NODE_ENV=production vue-cli-service build", }3、判断环境执行代码例如在项目打包的时候进行压缩代码，平常编译的时候不进行压缩module.exports = { confi
2021-11-25 10:44:51
542
原创 Node.js -- npm 脚本
package.jsonpackage.json 文件是项目的清单。 它可以做很多完全互不相关的事情。 例如，它是用于工具的配置中心。 它也是 npm 和 yarn 存储所有已安装软件包的名称和版本的地方。属性说明version 表明当前版本号name 设置了应用程序/软件包的名称description 设置了应用程序/软件包的名称main设置了应用程序的入口点private如果设置为 true，则可以防止应用程序/软件包被意外地发布到 npmscripts 定义了一组可以运行的 node
2021-11-25 10:14:52
595
原创 Node.js -- npm包版本 && npm包上传
npm源npm config get registry 查看源npm config set registry http://registry.npmjs.org 切换源npm config set registry https://registry.npm.taobao.org 切换源1、包的版本号包版本号介绍"devDependencies": { "gulp": "^4.0.2"}版本号由三部分组成，如上图的 4.0.2， 4代表 主版本号(major)， 0 代表 次版
2021-11-24 16:19:26
521
原创 Node.js -- 简单介绍
Node.js 简介Node.js 是一个开源和跨平台的 JavaScript 运行时环境。 它几乎是任何类型项目的流行工具！Node.js 可以在浏览器之外运行V8 Javascript 引擎 ( Google Chrome 的内核 ) 。这使得 Node.js 的性能非常好。1、什么是V8 Javascript 引擎呢？V8 是为 Google Chrome 提供支持的 JavaScript 引擎的名称。 当使用 Chrome 进行浏览时， 它负责处理并执行 Javascript 。V8 提供
2021-11-23 18:00:50
136
原创 vuex 回顾
安装和使用//npm install vuex --save//src/store/index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state:{ count:0 }, mutations:{ increment(state) { state.count++ } }})export default store//m
2021-11-16 17:50:58
486
原创 $event记录和自定义属性data-
$event指的是当前触发的事件在vue中使用<input @input="msg = $event.target.value" :value="msg" />data() { return { msg:'' }}.methods:{ }使用$event.target就可以拿到触发当前事件的dom自定义属性data-自定义 , 我们可以通过$event.dataset.自定义来获取这个值<input data-name="输入框" @input="c
2021-11-11 14:06:49
1207
原创 avue中upload类型文件删除实际未删除的坑记录
<avue-crud v-model="from" :upload-delete="uploadDelete"></avue-crud>uploadDelete(column, file) { return new Promise((resolve, reject) => { this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", { confirmButtonText: "确定", cancelB.
2021-10-26 17:19:06
801
原创 初始化样式
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }h1, h2, h3, h4,
2021-09-22 13:55:47
62
原创 js——数据类型
数据类型分类6种简单数据类型：UndefinedNullBooleanNumberStringSymbol1种复杂的数据类型Object判断数据类型1、typeof操作符 "undefined"表示值未定义； "boolean"表示值为布尔值； "string"表示值为字符串； "number"表示值为数值； "object"表示值为对象（而不是函数）或 null； "function"表示值为函数； "symbol"表示值为符号。各类型简单介绍
2021-09-10 16:39:45
71
原创 Javascript练习——寻找最近共同父节点
题目： 查找两个节点的最近的一个共同父节点题目描述 查找两个节点的最近的一个共同父节点，可以包括节点自身输入描述: oNode1 和 oNode2 在同一文档中，且不会为相同的节点function commonParentNode(oNode1, oNode2) { if (oNode1.contains(oNode2)) { return oNode1; } else { return commonParentNode(oNode1.parentNode, oNode2);
2021-09-08 13:40:40
502
原创 Vue原理1.2 ——响应式及视图更新
// 注：以下资料出自 掘金小册《剖析 Vue.js 内部运行机制》 加上自己的理解以及对部分词汇的注解响应式 当使用new Vue()进行初始化的时候，最为重要的是会通过Object.defineProperty来设置setter与getter函数，来实现【响应式】和【依赖收集】。关于Object.definePropetry介绍1、语法Object.defineProperty(obj, prop, descriptor)2、参数obj 要定义属性的对象。prop 要定义或修改
2021-09-03 15:54:06
290
原创 Vue原理1.1 ——初始化挂载编译
// 注：以下资料出自 掘金小册《剖析 Vue.js 内部运行机制》 加上自己的理解以及对部分词汇的注解全局概览初始化及挂载 在我们进行一个 new Vue() 的操作后， Vue会调用 _init 函数进行初始化，它会进行初始化生命周期、事件、props、data、computed、watch等，在初始化过程后，将调用 $mount 来进行挂载组件，如果是在运行的时候进行编译，即不存在render function但是存在template的情况下，需要进行【编译】步骤编译 compil
2021-09-03 10:51:50
130
原创 Vue Router —— 基础
安装方式（vue）1、npm安装npm install vue-router** main.js **import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)2、CDN引入在index.html中引入，vue-router文件。这样可以减小打包的文件体积，且无需安装。** index.html **<script src="<%= BASE_URL %>cdn/vue-rout
2021-09-01 15:52:20
95
原创 vue安装sass的一些坑
vue使用sass需安装两个包npm install sass-loader node-sass -D但是这个安装会默认最新的版本… 运行时出现奇奇怪怪的报错TypeError: this.getOptions is not a function //类似这种查了一些资料发现是版本过高原因，因此指定版本号安装npm i [email protected] -Dnpm i node-sass@^4.12.0 -D // ^符号表示大版本不变，后面的版本会使用最新的，并保持兼容性然后就
2021-08-31 15:20:44
177
原创 npm安装命令(--save / --save-dev)
1、 npm install moduleName该模块依赖会写入dependencies节点安装在该项目的node_modules目录下npm install 初始化不会下载模块，需要自己手动下载2、npm install moduleName --save-dev该模块依赖会写入devDependencies节点安装在该项目的node_modules目录下npm install 初始化时会自动下载模块3、npm install moduleName --save该模块依赖
2021-08-31 14:01:38
3835
2
原创 vue路由的两种模式--hash和history
大家都知道在vueRouter中，我们可以通过mode来改变路由模式，可选为hash和history。hash hash指的是location里面#以及它后面的部分。也被成为锚点，通常用来定位，它的改变不会造成页面的刷新。 我们可以通过window.location.hash来获取当前的hash值。** 拓展：url各部分获取 **hash 设置或返回从井号 (#) 开始的 URL（锚）。host 设置或返回主机名和当前 URL 的端口号。hostname 设置或返回当前 URL 的主
2021-08-24 17:34:45
3133
原创 es6--字符串新增常用方法
介绍一些es6新增的常见方法1、includes(str, index) 用来确定一个字符串是否包含在另外一个字符串中。let str = 'today is a sunny day';str.includes('today') //truestr.includes('today', 6) //fasle2、startsWith(srt, index) endsWith(str, index) 是否在原字符串的头部或者尾部，index表示开始搜索的位置let str = 'Hello!
2021-08-20 14:58:56
217
原创 vue.config.js -- 初识
vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。 这个文件应该导出一个包含了选项的对象：module.exports = { // 选项...}...
2021-08-17 14:49:13
198
原创 初识webpack----了解webpack核心概念
何为webpack？ 本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个 依赖图(dependency graph)，此依赖图对应映射到项目所需的每个模块，并生成一个或多个 bundle。webpack核心概念入口(entry) 用来指示webpack应该使用哪个模块来作为其内部依赖图的开始，进入入口起点后，web
2021-08-11 14:47:05
155
原创 link标签的使用 && 浏览器标题图标修改
linklink标签定义文档与外部资源的关系。link标签最常见的用途是链接样式表。tip: 仅包含属性，只能放于head// index.html 浏览器图标修改<link rel="icon" type="image/x-icon" href="./logo_.png">常用属性href 外链地址rel 规定当前文档与被链接文档之间的关系rel="icon" 图标,格式可为PNG\GIF\JPEG，尺寸一般为16x16、24x24、36x36等rel="shor
2021-08-11 10:19:43
2465
原创 avue表单规则自定义验证&手机号身份证正则验证
rules属性可以设置验证规则const validateMobile = (rule, value, callback) => { if (!/^[1]([3-9])[0-9]{9}$/.test(value)) { callback(new Error("请输入正确的手机号格式")); } else { callback(); }};const validateIdNo = (rule, value, callback) => { let id18 =
2021-08-10 13:37:34
4088
原创 avue的远程字典控制台 警告： 需要引入axios发送包...
解决方法：全局设置一下axios// main.jsimport service from './utils/request'window.axios = service//request文件是自己封装的axios方法
2021-08-06 09:53:17
696
原创 image-webpack-loader (in ./src/assets/404_images/404_cloud.png)
安装 image-webpack-loader后 打包报错npm install image-webpack-loader --save-dev 执行上述代码后打包开始疯狂报错。。。 ERROR Failed to compile with 2 errors
2021-08-05 16:10:05
2112
原创 数组遍历常用方法汇总
1、for … of …遍历每一项，为空也会进行遍历，输出undefined var arr = [1,,2,3,4] for (let i of arr) { console.log(i) } // 1 undefined 2 3 42、for循环 var arr = [1,,2,3,4] var length = arr.length; for (let i = 0; i <= length; i++) { console.log(i) } // 1 und
2021-08-03 09:59:46
103
原创 avue-form表单常用属性和用法
个人用法：在vue中可以单独建立一个option.js文件，放置默认的统一参数，在使用的vue组件中引入该文件，设置组件内特殊的参数。全面参数请参考 avue官方文档option.js文件// 默认表单选项export function formOption (config) { const option = { card: false, size: 'mini', labelWidth: '100', //弹出表单的标题的统一宽度 labelPosition:
2021-07-30 17:40:36
10778
1
原创 koroFileHeader配置及快捷键不生效
配置//打开vscode的配置文件setting.json （在设置里搜索setting）"fileheader.customMade": { //头部注释配置 "desc": "", "params": "", "return:": "" }, "fileheader.cursorMode": { //函数注释配置 "desc": "", "params": "", "return:": "" }, "fileheader.config
2021-07-29 14:47:40
6567
原创 nprogress 进度条插件
nprogress官网nprogress.js是一款进度条插件，个人用于vue的router.beforeEach()中。安装方法：npm install --save nprogress (--save:开发也需要用到的依赖)api:NProgress.start();NProgress.done();NProgress.set(0.0); // Sorta same as .start()NProgress.set(0.4);NProgress.set(1.0);
2021-07-29 10:03:17
208
原创 echarts引入china报错（The GeoJSON of the map must be provided）
原因： echarts版本过高，ECharts 之前提供下载的矢量地图数据来自第三方，由于部分数据不符合国家《测绘法》规定，目前暂时停止下载服务。解决方法： 下载低版本的[email protected] ls echarts // 查看自己的echarts版本npm install [email protected] --save //下载低版本echats包含china.js然后在组件内直接引入china.js即可import "echarts/map/js/china.js";...
2021-07-26 10:51:40
16762
9
原创 avue-curd表格常用属性和用法
个人用法：在vue中可以单独建立一个option.js文件，放置默认的统一参数，在使用的vue组件中引入该文件，设置组件内特殊的参数。全面参数请参考 avue官方文档option.js文件// 默认表格选项export function cardOption (config) { const option = { loading: false, searchBtnLoading: false, tip: false, title: '列表', heigh
2021-07-23 13:39:06
9680
1
原创 关于flex布局
flex弹性布局特点：float失效; vertical-align失效; 拥有inline-block的优点定义：flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。dispaly : flex ;justify-content (对齐方式) ： 1. flex - start 开始对齐 2.flex - end 结尾对齐
2020-10-19 20:47:59
143
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人