谁是克里斯-CSDN博客

原创 javaScript中所有的遍历

写的原因：每一种遍历方式都有其特性，不同的逻辑处理上用上不同的遍历可以少敲几次键盘。每当我要找的时候总是不知道如何找起，所以写下这篇供之后查看。也加深自己的印象。forfor循环是最基本的遍历方式，分为倒叙和正序。不做代码演示。forEach用于遍历数组语法arr.forEach(callback(currentValue [, index [, array]])[, thisArg])参数callback: 回调函数，接收三个参数currentValue: 当前的值index(

2021-05-26 22:24:48 358 6

原创了解vuex4.x基础用法与对比vue3.x的差异

安装已有项目可使用vue add vuex 添加vuex新建项目可以选择 Manually select features 自定义配置安装好后项目文件下将创建一个store文件夹，其内部存在一个index文件核心概念statestate类似于data，store数据存在这里。往state添加一个变量 count，此时 count 将在项目下的任何地方都可以访问。state(){ count: 0}组件内访问count由于Vuex商店是反应式的，因此从中“检索”状态的最简

2021-04-24 15:28:51 4106 2

原创 vue 报错 error The “param“ component has been registered but not used

这个错误很常见也很好解决，一般来说就是定义了组件但是未在模板中使用，把组件在模板中使用即可。但是我的情况就特别特殊，我引入了组件，注册了组件，也使用了组件。还是报错，我就疯狂百度，无果。都是教你怎么在模板中使用，怎么去掉eslint的限制。其实，问题最大的是我全程没有去看浏览器。浏览器发出警告大致意思就是不能把内置或者保留的HTML的元素用作你导入组件的ID，看到这个我瞬间明白，组件名有问题，改名，解决问题。解决问题组件ID不可使用param...

2021-04-15 17:21:02 729

原创 vue 报错 Maximum call stack size exceeded

vue运行项目不报错，浏览器中报错Maximum call stack size exceeded。超出最大呼叫堆栈大小最后一个个排查vue模块，找到其中一个vue模块导入的另一个模块的模块名与当前模块的name相同。因为组件中name属性的其中一个作用就是可以通过name值在自身组件中调用自身。所以不能使引入的组件的组件名与name相同。总结：导入的模块名不能与当前模块的name属性相同...

2021-04-13 14:52:19 3060

原创 vue 报错 Mixed spaces and tabs no-mixed-spaces-and-tabs

解释翻译过来为混合的空格和制表符，就是说在你的代码里面不能出现空格缩进又出现tab键缩进，但有些没有空格、tab缩进混合情况下也会报错。其最终缘由都是不规范的缩进导致的。出现原因最主要的原因是使用了ESLint，用来规范代码风格。eslint是语法检查工具，但是对语法要求过于严格。解决方式vscode安装vetur，在报错的vue文件格式化代码：alt + shift + f。...

2021-04-13 14:30:07 1320

原创 vue3(vue-cli4.x)请求项目内静态文件问题

引发最近在学vue3，其中有一处想处理接口请求，故打算在本地创建json文件模拟接口请求。实施最开始创建的json文件没有考虑到位置问题，就随意放。但一请求就404，此时意识到了文件路径问题。尝试放在res的assets文件夹下与public文件夹下都没用，百度后也还是没整好。解决最后在自己的尝试下，在src/public文件下创建 js 文件夹，json文件放在里面，就可以正常请求到。注意：无论是在src还是public文件下，请求的路径都为 ./js/filename.json...

2021-04-10 14:38:28 654

原创 vue安装less-loader报错

问题描述在vue项目中，如果组件内style的声明上加上lang='less'<style lang='less' scoped></style>则表示可以使用less语法。在写完less/css运行后，可能会报如下错误。出现原因由于less-loader版本过高引发npm uninstall less-loader // 卸载npm install less-loader@7.0.0 // 安装备注截至我当前日期2021/3/31 : vue版本为3.0.

2021-03-31 11:20:03 4126 2

原创 ajax原生、jquery封装、promise封装

ajax已有原生和jQuery的写法，jQuery的写法已经相对很简单了。但是现在还需借助promise对ajax的封装来对aja有更深入的了解。原生写法// get// 发送ajax的请求var xhr = new XMLHttpRequest();xhr.onreadystatechange = function(){ if(xhr.readyState == 4){ if(xhr.status == 200){ doResponse(xhr);

2020-07-20 00:25:29 230

原创 js中的防抖和节流

每年双十一以淘宝、京东为首的各大电商网站的访问人数可以算是全年最高，满足这么大的需求量最重要的肯定是要依赖强大的服务器，能处理更多的请求响应。但是光靠升级服务器来解决这样的问题肯定不是最合理的，而且服务器成本也相对较高。那么此时就需要在用户操作上减少用户无用的过多的请求，以减轻服务器压力。防抖节流意义防抖节流二者做的处理最终想要达到的就是减少用户对服务器的请求，来达到减轻服务器压力的目的。使服务器能同时容纳更多的用户。实际应用主要用于一些可能会短时间内频繁操作的事件。例如click、scroll、r

2020-07-12 15:01:55 1106

原创 git提交项目时账号密码错误

今天在另一台设备上上传项目到码云的时候，git突然弹出一个框需要输入账号密码。这个账号对应着上传到码云就是输入码云的账号密码，上传到GitHub就是GitHub账号密码，在我第一次输入账号密码的时候，执行提交时报出来这个错误。错误信息就是提示账号密码错误。解决办法就是重新输入账号密码，第一次输入账号密码的时候电脑凭证就已经把账号密码记录下来，所以必须找到当前git凭证，然后删除或者修改。更新账号密码。win7下具体在 **控制面板 – > 用户账户和家庭安全 – > 凭据管理器 – &g

2020-07-07 11:42:25 1840

原创 js达到各种类型的数据双向绑定

数据双向绑定就是在web页面上改变数据即是可以在后台也把数据改了。本篇博客会涉及到输入框、下拉框、单选按钮、多选按钮，这四个控件的数据的双向绑定。实现这个功能需要涉及到一个方法。Object.defineProperties，这个方法除了可以设置对象属性的四大特征之外还可以设置存储器。存储器包含set(), get()。在设置对象属性的时候肯定会进入set()方法，取出对象属性的时候就会进入get()方法。 <div class="container"> <inp

2020-07-05 15:39:05 117

原创 js对象克隆的几种方法

在js中对象克隆就是把对象值重新赋给一个新对象。克隆也存在深克隆于浅克隆的区别。引用类型的值都会被保存在堆内存中，在栈内存中会存在一个指针指向堆内存中的值。这时，如果只复制了指针，则可以说这个克隆为浅克隆，如果时根据指针找到具体的值，复制值，就可以称之为深克隆。1、JSON (深克隆)JSON多用于前后台的数据交互，后台传递字符串类型的JSON数据，前端通过JSON.parse() ,可以转化为一个json对象。现有一个对象，可以通过JSON.stringify() 转为json字符串。字符串类型的值

2020-06-26 00:55:42 4329

原创 js对象属性的四个特征

一些时候可能需要对某些对象属性进行某些设置，比如禁止遍历，修改，删除。js对象中有三个特征可以帮助实现这些需求。获取属性四类特征Object.getOwnPropertyDescriptor(obj, attr); // 传递对象和此对象下的属性这个方法返回一个对象，里面包括以下四个属性，对应着四大特征。属性意义configurable是否可被删除默认trueenumerable是否可被for in 遍历默认truevalue当前属性的值writab

2020-06-22 23:51:21 1024

原创 Ajax的请求写法详解

简介是什么Ajax全称Asynchronous JavaScript and XML，直译过来就是异步的javascript 和 XML。为什么是叫XML还得由于最开始用ajax实现客户端和服务器端数据通信的时候，传输的数据格式一般都是xml格式的数据，所以把它称之为异步js和xml（现在一般都是基于json格式来进行数据传输的）。需要说明的是Ajax并不是一门新的语言，而是一种使用现有标准的新方法。它是在异步JS和XMLHttpRequest的基础上实现的。AJAX 最大的优点是在不重新加载整个页

2020-06-13 19:54:58 1958

原创响应式字体大小

在做响应式布局的时候，我们可以使用media媒体查询)来设置元素大小和元素的排版，也可以利用bootstrap这一个就我目前使用过开发项目的框架来说。可以用它定义好的类实现响应式，但是页面中有时候字体也是需要在不同屏幕下显示不同大小比例使网页结构更加美观简洁。第一种方式bootstrap中也提供了启用响应字体大小的选项，官网，默认情况下是没有响应式的。这个时候需要去按照官网说的将 $enable-responsive-font-sizes Sass 变量更改为true并重新编译Bootstrap来启用r

2020-05-11 12:26:12 3169 1

weixin_45517927的博客