本篇文章给大家带来的内容是关于Vue.js路由器的使用方法总结(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。<router-link> 是用于 路由器的无刷新跳转改变<router-link> 标签默认显示标签<router-link> 标签默认显示 Dom 为 <a><router-link to="/" class="nav-link">主页</router-link>通过 tag 属性可以改变 如:<router-link to="/" tag="p" class="nav-link">主页</router-link><router-link>动态...
本篇文章给大家带来的内容是关于js文件的异步加载的方法总结(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。为什么要异步加载:同步加载会阻塞浏览器的后续处理,即只有当当前文件加载完毕之后才能进行下一步的文件加载(如图像)、渲染、代码执行。如果js中有输出document内容、修改DOM、重定向等行为,就会造成页面阻塞。什么叫异步加载: 异步加载不会阻塞浏览器的后续操作,即在加载执行js的同时...
本篇文章给大家带来的内容是关于js数组去重的方法有哪些?js数组去重的方法总结(实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。最基本的写法 使用indexOf()var arr = [1,1,5,77,32,54,2,4,5,2,2,4,52,2,2,2,2,2] //比较常规的语法使用indexOf来判断是否已经存在 getFileArray(arr) function getFileArray(arr){var array = [];arr.forEach(e => {if(array.indexOf(e) !== -1){return;}else {array.push...
本篇文章给大家带来的内容是关于js中验证数字的方法总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。验证数字的正则表达式集 验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$ 验证非零的正整数:^\+?[...
本篇文章给大家带来的内容是关于js数据类型转换有哪些?js数据类型转换的方法总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。在js中,数据类型转换分为显式数据类型转换和隐式数据类型转换。 JavaScript的数据类型分为六种,分别为null,undefined,boolean,string,number,object。 object是引用类型,其它的五种是基本类型或者是原始类型。我们可以用typeof方法打印 来某个是属于哪个类型的。不同类型的变量...
本篇文章给大家带来的内容是关于js中遍历对象(5种)和遍历数组(6种)的方法总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。一、遍历对象方法1.for...in 遍历输出的是对象自身的属性以及原型链上可枚举的属性(不含Symbol属性),原型链上的属性最后输出说明先遍历的是自身的可枚举属性,后遍历原型链上的eg: var obj = { name: "yayaya", age: 12, sex: female }; Object.prototype.pro1 = function() {};//...
本篇文章给大家带来的内容是关于js中Object对象有哪些?js中object对象使用方法的总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。属性描述符JavaScript提供了一个内部数据结构,用于描述对象的值,控制其行为,例如该属性是否可写、是否可配置、是否可修改以及是否可枚举等。这个内部数据结构被称为‘属性描述符’。每个属性都有自己对应的属性描述符,保存该属性的元信息。{value:前端,writable:false,enu...
本篇文章给大家带来的内容是关于js中常用的操作方法总结(十七种),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。1、截取指定字节数的字符串/*** 截取指定字节的字符串* @param str 要截取的字符穿* @param len 要截取的长度,根据字节计算* @param suffix 截取前len个后,其余的字符的替换字符,一般用“…”* @returns {*}*/ function cutString(str, len, suffix) {if (!str) return "";if (len <= 0) retu...
本篇文章给大家带来的内容是关于js中字符方法以及字符串操作方法的总结(附代码) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。字符方法1、charAt()接收一个参数,基于0的字符位置。以单字符串的形式返回给定位置的那个字符。 var stringValue = "hello world";console.log(stringValue.charAt(1)); //"e"2、charCodeAt()接收一个参数,基于0的字符位置。 返回的是字符编码。 var stringValue = "hello ...
本篇文章给大家带来的内容是关于js中数组操作有哪些?js中操作数组的方法总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。前言我们经常需要对数组进行各种各样的操作,比如数组最前面插入一项,最后面插入一项,中间插入一项等等等等。那就一次性搞定这些操作吧!首项相关操作首项插入: unshiftlet myArray = [1, 2, 3] myArray.unshift(0) //插入项的值为0 myArray首项删除: shiftlet myArray = [1, 2, 3] ...
本篇文章给大家带来的内容是关于js中传递参数的方法总结(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。1.隐式创建 html 标签<input type="hidden" name="tc_id" value="{{tc_id}}">这种方法一般配合ajax,上面的value使用了模板引擎2.window[data]window[name] = "the window object";3.使用localStorage,cookie等存储window.localStorage.setItem("name", "xiaoyueyue"); window.localStorage.get...
本篇文章给大家带来的内容是关于js兼容问题:js事件兼容的方法总结(附例子),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。1、事件对象的兼容对象.事件=function(e){var e= e || event; }2、键盘事件对象兼容e.keyCode || e.which3、js阻止事件冒泡的兼容对象.事件=function(e){var e = e || event;e.stopPropagation?e.stopPropagation():e.cancelBubble=true;}4、js浏览器兼容:阻止浏览器默认行为的兼容对...
js数组去重方法有很多,下面的文章将给大家介绍五种js数组去除重复数据的方法,有一定的参考价值,希望对大家有所帮助。js实现数组去重的方法一:运用splice()方法和双层for循环(有点类似选择排序) function norepeat(arr){for(var i = 0;i < arr.length-1;i++){for(var j = i+1;j<arr.length;j++){if(arr[i] == arr[j]){arr.splice(j,1);j--;}}}return arr;}注意:不加 j-- 则会删除后,跳过一个数字 注意:不加 j-...
这篇文章给大家介绍的内容是关于Vue项目分环境打包的方法总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。我们开发项目的时候,用vue-cli 2.x版本新建的项目,只有dev, pro两种开发环境, 有时需要个test环境来给测试使用,所以找了很多方法,总结了个最简单的方法来给大家使用1、package.json在build下面添加一个test运行命令2、prod.env.js 在config -> prod.env.js 中修改代码 use strict// 读取系统运行...
js交换两个变量的值,这是一个非常值得去深入了解的话题,现在也已经有了很多的方法去解决js变量之间交换,接下来这篇文章我将分享给大家js的几种变量交换的方式以及js变量交换的性能分析。最近做某个项目时,其中有一个需求是交换数组中的两个元素。当时使用的方法是:arr = [item0,item1,...,itemN]; //最初使用这段代码来交换第0个和第K(k<N)个元素 arr[0] = arr.splice(k, 1, arr[0])[0];当时觉得这种方法非常好。后来,业余时间...