JS
常用的js语法,规范,知识总结
最初都是小白
深深的话我们浅浅的说,未来长长的路我们慢慢的走。
展开
-
js 按 对象类型分组
js 数组按对象类型分组原创 2022-07-23 22:14:31 · 541 阅读 · 0 评论 -
vue.使用popstate监听点击浏览器自带返回按钮
vue.使用popstate监听点击浏览器自带返回按钮原创 2022-06-27 11:42:56 · 1774 阅读 · 0 评论 -
vue数组分组递归(按数组加合分组,如小于等于100时分一组)
使用场景:(由数组a 得到 数组b)数组 a:[30,20,30,50,50,40,30]数组 b:[[30,20,30],[50,50],[40,30]] mounted(){ let a = [30,20,30,50,50,40,30] //原数组 let b = [] //新书组容器 let max = 100 //期望最大加合100为一组 let newArr = this.getArr(a,max,b) //新数组 } methods:{ // 分组方法:三个参数原创 2022-03-29 10:00:49 · 2184 阅读 · 0 评论 -
vue 数组分组递归(按个数分组,如3个一组)
使用场景:(由数组a 得到 数组b)数组 a:[1,2,3,4,5,6,7]数组 b:[[1,2,3],[4,5,6],7] mounted(){ let a = [1,2,3,4,5,6,7] //原数组 let b = [] //新书组容器 let num = 3 //期望3个为一组 let newArr = this.group(b,a,num) //新数组 } methods:{ // 分组方法三个参数分别是 新数组,原数组,几个分为一组 group(newA原创 2022-03-16 13:48:29 · 4143 阅读 · 0 评论 -
js 强制刷新页面
硬刷新 ==点击浏览器刷新按钮,请按需使用。 location.reload()原创 2022-03-11 10:11:17 · 8028 阅读 · 0 评论 -
javascript数据类型,typeof()
js的数据类型:字符串,数值,布尔值,数组,对象。js中可以使用typeof来确定js变量的类型: var str = ""; typeof(str ) // 返回 string,为字符串类型 var num = 123; typeof(num) // 返回 number,为数值类型 typeof true // 返回 boolean,为布尔类型 typeof false...原创 2020-05-07 11:29:52 · 981 阅读 · 0 评论 -
哪些词是不可以用作变量名的——JavaScript关键词(保留词)
今天整理一些js的关键词:JavaScript 语句常常通过某个关键词来标识需要执行的 JavaScript 动作。关键词描述break终止switch或循环continue跳出循环并在顶端开始debugger停止执行JavaScript,并调用试用函数(如果可用)do … while执行语句块并在条件为真是重复执行for标记需要被执行的语...原创 2020-05-06 21:56:02 · 1382 阅读 · 0 评论 -
JavaScript新手教学入门篇
大家好,今天给大家带来的是有关js的学习,话不多说让我们开始进入学习的海洋吧 在学习js之前,先声明一下,我们的脚本语言是必须要放在 < script > < /script > 标签内的,且< script >标签可以放在 < head原创 2019-01-29 18:07:01 · 1440 阅读 · 0 评论 -
javascript字符串方法:查找、截取、替换、转换大小写、连接、去空格、提取、转换为数组
今天整理一下字符串的方法和属性序号方法描述1length属性返回字符串的长度2indexOf()属性返回字符串中指定文本首次出现的索引(位置)一、 length: 字符串的长度属性返回字符串的长度 var str = "abcdef" var strLen = str.length // 6二、 indexOf( ): 查找字符串中的字符串属性返回原创 2020-05-15 11:19:24 · 9135 阅读 · 8 评论 -
javascript函数,语法、调用和返回
经常会用到函数,是因为封装的函数只需要定义一次代码就可以重复使用,可以通过改变参数来达到不同的效果。Javascript函数是被设计为执行特定任务的代码块,会在某段代码调用它的时候被执行。例如: function myFun(n1, n2) { return n1 + n2; // 该函数返回n1 和 n2的和 } //直接调用: myFun(n1, n2) //用做变量值,...原创 2020-05-08 13:35:43 · 466 阅读 · 0 评论 -
js如何获取地址栏的参数,很简单。
代码如下: //1. 获取地址栏href信息 (假设http://localhost:8080/mb?name=xxxx ) var name = window.location.href; //2. 用 ? 分隔拿到数组:['http://localhost:8080/mb','name=xxxx'] var arr = name.split("?"); //3. 用正则拼成对象:...原创 2019-09-27 20:26:23 · 719 阅读 · 1 评论 -
如何判断一个对象里有没有某个属性
今天有个朋友问了我一个面试题(题目如图):其实很简单,不多说上代码:<!DOCTYPE html><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device...原创 2019-04-02 18:02:52 · 8966 阅读 · 5 评论 -
vue input 限制字节长度为50个字节(25个汉字,50个英文字符)
在input的change事件中调用此方法:html:直接使用 <vs-input class="w-full" v-model="formData.goodsAlias" placeholder="请输入名称" @input="changeValue('goodsAlias')" //调用方法 @keyup.enter="changeValue('goodsAlias')" //回车键 />配合maxlength属性进行使用 &原创 2021-04-09 14:56:17 · 9285 阅读 · 0 评论 -
移动端适配js(基于sass)
js封装移动端适配的代码 $screenWidth: 750px; @function strip-units($number){ @return $number / ($number * 0 + 1); } $screenTimes: strip-units($screenWidth) / 100; @function u($value){ $unit : unit($value)...原创 2020-04-15 17:51:45 · 236 阅读 · 0 评论 -
vue swiper 动态加载/插入数据时,默认跳到第0项,问题解决
需求场景:swiper默认展示第二项,然后在change的时候,判断如果当前项等于0 就给数组最前面插入一项最关键的两点:在swiper的最外层 加 v-if=“swipershow”<u-swiper v-if="swipershow" :list="list" :current="current" @change="change" :autoplay="false"></u-swiper>在改变swiper数据后重新渲染swiper组件在这里插入代码片原创 2021-05-14 01:53:51 · 1126 阅读 · 0 评论 -
vue 页面加载完成后引用js文件
如果希望在页面加载完成之后引入某个js,需要把代码写在mounted里引用本地的js直接写 require(’./xxx.js’)即可 mounted(){ let nav = document.createElement('script')。//创建script标签 nav.type = 'text/javascript'; nav.src = require('./xxx.js') //静态资源 }引用外部链接,需要在src赋值后,通过appendChil原创 2021-12-24 17:23:18 · 3557 阅读 · 0 评论 -
js常用的数组方法(1-9)push、unshift、pop、splice、concat、join、reverse(用法及参数明细)
今天总结一些数组常用的方法:序号方法定义返回值1push()向数组的末尾增加一项或多项数组的新长度2unshift()向数组的开头增加一项或多项数组的新长度3pop()删除数组最后一项被删除的数组项4shift()删除数组的第一项被删除的数组项5splice()删除数组中的任一项被删除的数组项6slice()...原创 2019-09-17 10:15:41 · 786 阅读 · 0 评论 -
解决swiper loop=true点击事件失效问题
今天遇到一个问题,一个循环轮播的swiper,当设置loop为true的时候,部分swiper-slide的点击事件失效了原因: loop为true时,会自动复制首尾dom,复制时并不会复制dom上的点击事件解决办法: 去掉swiper-slide上的点击事件,在new Swiper 里定义事件,代码如下 let Swiper = new Swiper("#mySwiper", { direction: "vertical", //纵向轮播原创 2021-12-02 20:14:17 · 4638 阅读 · 0 评论 -
new Date() 时间格式转换YYYY-MM-DD hh:mm:ss
把 Wed Oct 07 2020 00:00:00 GMT 0800(中国标准时间)转换为 YYYY-MM-DD hh:mm:ss// 时间格式转换 YYYY-MM-DDexport function getDayTimer (data) { var date = new Date(data) var y = date.getFullYear() var m = date.getMonth() + 1 m = m < 10 ? ('0' + m) : m var d = d原创 2020-10-24 10:41:31 · 7368 阅读 · 2 评论 -
vue打印插件,使用教程
第一步:文件里新增一个print.js// 打印类属性、方法定义/* eslint-disable */const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this.options = this.extend({ 'noPrint': '.no-print' }, options); if ((typeof dom) ===原创 2021-11-25 15:23:28 · 4170 阅读 · 0 评论 -
js replace替换字符串中某个指定字符
首个替换 ‘/’let str = '苹果/香蕉/橘子'str.replace(/(\/)/, '-'). // 苹果-香蕉/橘子'全局替换’/’ +glet str = '苹果/香蕉/橘子'str.replace(/(\/)/g, '-'). // 苹果-香蕉-橘子'首个替换 ‘0’let str = '020202'str.replace(/'0'/g, '-'). // -20202'全局替换’0’ +glet str = '020202'str.replace原创 2021-12-28 20:30:08 · 2902 阅读 · 0 评论 -
js常用的数组方法(10-13)indexOf、lastIndexOf、forEach、map(用法及参数明细)
剩余一些数组常用的方法:序号方法定义返回值10indexOf()获取数组项在数组中的索引索引值11lastIndexOf ()获取数组项在数组中出现的最后一次的索引索引值12forEach()循环遍历数组默认返回 undefined13map()循环遍历数组-10、indexOf() :可返回某个指定的字符串值在字符串中首次...原创 2019-09-17 10:17:01 · 432 阅读 · 0 评论 -
实现数组扁平化(flatten、迭代递归)
顾名思义,扁平化就是将嵌套的数组变成一维数组的过程。举个栗子,就是将下列数组arr1变成数组arr2:arr1 = [ 1, [ 2, [ 3, [ 4 ] ] , 5 ] ] → arr2 = [1, 2, 3, 4, 5]flatten() 、 flattenDepth() 、 **flattenDeep()**都是用于对数据的扁平化处理,不同之处在于扁平化的层级。----...原创 2020-06-16 14:45:11 · 1126 阅读 · 0 评论 -
为什么有的编程规范要求用void 0 代替 undefined?
undefined和void 0 的区别:undefined 类型表示未定义,它的类型只有一个值就是undefined。void 运算符能对给定的表达式进行求值,并返回undefined。void后面跟任意表达式返回的都是undefined,例如void(1)、void(‘test’),写void 0 是因为 void 0 是表达式中最短的一个。为什么要用void 0 来代替undefined: 任何变量在赋值之前都是undefined类型,但是原创 2021-01-06 17:10:42 · 446 阅读 · 2 评论 -
本地存储——localStorage的用法,与sessionStorage区别
localstorage的主要作用就是,存储数据,以便在需要的时候。localstorage 属于window 下的对象(object)注意:1.通过localstorage存储的数据,如果不删除将会一直存在。2.关闭浏览器再次打开数据依然存在方法及含义:方法含义参数setItem(‘key’,‘value’)储存数据key为数据的名字,value为数据...原创 2020-02-28 22:27:19 · 3046 阅读 · 0 评论