随笔分类 - JavaScript
学习和记录
摘要：前端通过XHR请求后端服务时，出现了下图现象： 根据问题的描述可知，是遇到跨域问题了，为了支持跨域，需要在后端做一下处理，可以这样处理： @Override public void doFilter(ServletRequest servletRequest, ServletResponse ser
阅读全文
摘要：1、问题现象 在Vue中通过document的getElementById()方法返回元素对象时，有时候遇到为null值。 2、问题分析 在代码中确实为目的元素指定了ID，那为何还会出现对象为null的现象呢？首先，对该ID元素的属性、样式进行分析，它是通过v-if指令来控制是否显示的，它是动态加载
阅读全文
摘要：1、问题现象 element-ui组件el-progress的status属性在本地环境调试时在控制台输出中没有看到警告信息，而在测试环境中的控制台输出中看到了警告信息，如下截图所示： 2、问题分析 查看element-ui官网对el-progress的属性介绍： 参数 说明 类型 可选值 默认值
阅读全文
摘要：今天在调试代码时发现控制台经常输出一个error日志，出于好奇，于是探个究竟。若在你的Vue文件中有如下类似的示例代码： <template> <div> <p>Welcome to home</p> <el-button @click="testButton">Test</el-button> <
阅读全文
摘要：在JS中处理业务逻辑时可能需要对数组、对象等做深层拷贝，此时可以通过自身循环处理来实现，也可以通过系统的API来实现。下面介绍的就是通过JS的API来实现数组、对象的深度拷贝： （1）首先通过JSON.stringify()函数将一个JS值转换为JSON（JavaScript Object Nota
阅读全文
摘要：1、type类型为text时的示例代码 2、type类型为textarea时的示例代码
阅读全文
摘要：1、match()方法简介 match(regexp) 方法检索返回一个字符串匹配正则表达式的的结果。 （1）参数regexp regexp是一个正则表达式对象，如果传入一个非正则表达式对象，则会隐式地使用 new RegExp(obj) 将其转换为一个 RegExp 。如果它是一个有正号的正数，R
阅读全文
摘要：（一）科学计数法的类型是数值类型 1、指数是正数 与空字符直接相加 let eformat = 1.34e5 let number = '' + eformat 或者 eform + '' console.log('结果是：',number) 结果是：134000 调用toString()方法 le
阅读全文
摘要：有时候在些JS代码时不小心直接给数组和对象直接赋值，可能不会直接产生什么副作用，但若是遇到了奇怪的问题了，这很有可能就是在拷贝数组或者对象时时进行浅拷贝，接受者在不知不觉地改变了某些元素的值，从而导致原始值就莫名其妙地被同步修改了；面对这种情况，最好对数组或者对象进行深拷贝，为了不影响某些元素的丢失
阅读全文
摘要：1、组件的实现逻辑代码 暂且将文件名称为thousand-bit-input.vue <template> <div> <input :class="thousandBitInputClass" :disabled="disabled" :placeholder="placeholder" :req
阅读全文
摘要：在Vue工程中，采用了elemnt-ui组件库进行前端开发，有这样一个需求：在input组件中只能限制输入数字和小数点符号，并且小数点后最多保留两位有效数字，同时需要支持实时动态地将数字自动转换为千位符格式。 面对这样的需求，我们首先要判断input组件自身是否有这样的属性支持，根据element-
阅读全文
摘要：在Web前端开发中input组件若只限制数字输入，并且希望将这些数字按照千分位隔开的话，那么我们可以通过一个js方法来实现（可以放在blur事件中处理），如下所示： toThousandsFormat(number) { if (isNaN(number)) { return '' } number
阅读全文
摘要：当注入用户提供的HTML内容时，可以通过以下方式进行渲染： （1）使用模板 <div v-html="userProvidedHtml"></div> （2）使用渲染函数 h('div', { domProps: { innerHTML: this.userProvidedHtml } }) （3）
阅读全文
摘要：也许你的JS代码是这样new一个日期对象的： new Date('2020-03-03')，这样的对象在Androi和Windows平台中都能够正常显示，但是在iOS中却显示为NaN(not a number)；此外，最近在调试的时候发现，当前端接收到后端传过来的日期字符串信息时直接通过new Da
阅读全文
摘要：（1）在vue.config.js文件中添加productionSourceMap的设置，值为false，如下所示： 1 module.exports = { 2 outputDir: './dist', 3 productionSourceMap: false 4 } 这样设置后，build编译后
阅读全文
摘要：（一）添加依赖模块 在package.json文件中添加vant模块的依赖，如： // package.json { "dependencies": { "vant": "^2.1.6" } } （二）配置语言资源文件 1、目录结构如下： 本测试工程的代码目录是这样的：在src文件夹中创建一个lan
阅读全文
摘要：（一）添加依赖模块 在package.json文件中添加vant模块的依赖，如： // package.json { "dependencies": { "element-ui": "^2.12.0" } } （二）配置语言资源文件 目录结构 index.js文件内容 import Vue from
阅读全文
摘要：在template使用scope属性时可能会出现波浪线或者编译时提示错误，但最终的编译结果正常，其实这是ESlint插件检查语法规范所致，该问题并不会影响程序的正常运行。 （一）在scope属性值下方出现红色波浪线，如下图所示： 它表明scope这变量已经定义了，但是从未被使用过。 （二）编译提示错
阅读全文
摘要：在组件库中添加配置文件后其它文件需要引用它，此时想到利用路径的别名比较方便，相当于缩写了，请看下面的添加过程： （一）在vue.config.js文件中添加的内容如粗体字体所示： const path = require('path') const CopyWebpackPlugin = requi
阅读全文
摘要：有这样一个场景，在组件库中新增一个配置文件，后续只修改一下配置文件中的配置项就可以实现不同的需求，下面就让我们I一起来实现吧。 （一）在在项目的根目录（package.json所在目录）中创建一个vue.config.js文件，创建一个static文件夹，并在该文件夹中创建一个config.js文件
阅读全文
