javascript
关注
分享
扫一扫
文章平均质量分 73
那是遇知吧
Life is but a walking shadow
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
VUE之elementUI组件：输入金额的限制（两位小数、不能0或.开头 只能输入数字和.）
参考了几种金额判断是方法整合了下方法：<el-form :model="form" :rules="rules"> <el-form-item label="金额" required prop="money"> <el-input placeholder="请输入金额" v-model="form.money" /> </el-form-item></el-form>date(){ const原创 2021-10-22 14:28:13 · 4547 阅读 · 0 评论 -
JavaScript 复杂判断的更优雅写法
前提我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。举个例子，先看一段代码/** * 按钮点击事件 * @param {number} status 活动状态：1 开团进行中 2 开团失败 3 商品售罄 4 开团成功 5 系统取消 */const onButtonCl.转载 2021-02-07 11:43:39 · 147 阅读 · 0 评论 -
ES7 and ES8 新功能
可选链运算符使用可选链运算符，只需要使用?.来访问嵌套对象。 而且如果碰到的是undefined或null属性，那么它只会返回undefined。const opt = { obj1: { obj2: { obj3: { obj4: { obj5: 5 } } } }}console.log(opt?.obj1?.obj2?.obj3?.obj4?.obj5);当我们的程序执行...转载 2021-02-05 17:02:17 · 196 阅读 · 0 评论 -
javascript常用数组方法-字符串查找-截取字符串
1：JS字符串查找（6种方法）String 类型的查找字符串方法 字符串方法 说明 charAt() 返回字符串中的第n个字符 charCodeAt() 返回字符串中的第n个字符的代码 indexOf() 检索字符串 lastIndexOf() 从后向前检索一个字符串 match() 找到一个或多个正则表达式的匹配 search() 检索与正则表达式相匹配的子串 2：JS截取字符串（3种方法）...原创 2020-11-05 18:01:10 · 661 阅读 · 0 评论 -
javascript常用逻辑&&||回顾
1：三目运算可看出只要条件为false就返回2，否则，返回1console.log(true && false ? 1: 2)console.log(false && true ? 1: 2)console.log(false ? 1: 2)console.log(true ? 1: 2)2：&&参考：彻底理解js中的&&和||第一个打印结果第一个值为true，则不管第二个值是不是true或者false都返回第原创 2020-11-05 11:10:18 · 518 阅读 · 1 评论 -
Javascript总结之this到底指向谁？
重点：定时器里面的this指向window1-1 普通函数var age =19;function people(){ document.write(`this指向 ${this} : 值為 ${this.age}`)}people()结果为：this指向 [object Window] : 值為 191-2 多层嵌套函数var age =19,name=...原创 2019-12-20 13:56:02 · 167 阅读 · 0 评论 -
Javascript循环总结：filter(), find(), forEach(), map(), every(), some(), reduce()
公用// 相同的陣列var people = [ { name: 'Casper', like: '鍋燒意麵', age: 18 }, { name: 'Wang', like: '炒麵', age: 24 }, { name: 'Bobo', like: '蘿蔔泥', age: 1 }, ...转载 2019-12-20 09:40:25 · 530 阅读 · 1 评论 -
Javascript的知识总结三
重點知識匯總1-1 深拷贝和浅拷贝的区分浅拷贝和深拷贝：只针对object 和Array 这样的复杂的对象。浅拷贝（只拷贝一层）var arr1 = [1,2,3],arr2 = ['a','b']; arr1 =arr2; console.log(arr1);//(2)["a", "b"]可以看到arr1改变了，这叫浅拷贝1-2 浅拷贝的方法对象浅拷贝...原创 2019-12-19 16:07:49 · 153 阅读 · 0 评论 -
Javascript的知识总结二
1 使用变量前，可无需定义隐式定义：直接给变量赋值 显示定义：使用var关键字定义变量(当然也可以一次性定义多个变量)2 注意:在==情况下null是等于undefined的null是基本型别之一，但是typeof确实object，这是个bug. NaN表示无效数字，但依旧是数字 虽然function是物件子型别，但typeof得到的非object和数组得到的object不...原创 2019-12-19 14:37:08 · 264 阅读 · 0 评论 -
每日一练19：合并两个数组的n种办法
var ar1 = ['A1', 'A2', 'B1', 'B2', 'C1', 'C2', 'D1', 'D2'], ar2 = ['A', 'B', 'C', 'D'];1：concatconsole.log(ar1.concat(ar2));2：applyar1.push.apply(ar1,ar2); console.log(...原创 2019-12-18 17:25:12 · 223 阅读 · 0 评论 -
Javascript的知识总结一
转载：前端面试题总结——JS（持续更新中）Web前端面试题宝典【精编版】1.javascript的typeof返回哪些数据类型Object number function boolean underfind string2.例举3种强制类型转换和2种隐式类型转换？强制（parseInt,parseFloat,number） 隐式（== - ===）3.split(...转载 2019-12-18 16:08:43 · 373 阅读 · 0 评论 -
每日一練18：var和let百度面試題
varvar a = '全局' var obj1 = { a:"局部", say:function(){ console.log(this.a); } } obj1.say()//局部 var res = obj1.say; res()//全局 var obj2 = { ...原创 2019-12-14 15:49:42 · 205 阅读 · 0 评论 -
Javascript的函数类型总结
画重点：js中函数是个对象；而函数名为栈中的指针指向堆中的函数对象1：普通函数（函数声明）：函数声明总是以function关键词开始，反之为函数表达式function obj(a,b){ return a+b;}obj(1,2);//3或([3,4]).reduce(obj);//7console.log(([1,2]).reduce(obj,10));/...原创 2019-12-07 15:22:13 · 1528 阅读 · 0 评论 -
每日一練17：WebGL编写简易动态粒子效果
效果图为jpg的哈：完整代码如下：HTML<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta name="keywords" content="" /> <meta name="description" content...原创 2019-12-06 16:27:17 · 1050 阅读 · 0 评论 -
每日一練16：canvas验证码
效果如图：css： input{ border-radius:5px; border:1px solid #fad0c4; box-shadow: 0px 2px 3px #ff9a9e; height:30px } button{ ...原创 2019-12-04 09:19:24 · 204 阅读 · 0 评论 -
每日一练15：echarts画中国地图和省联动地图
地图效果：点击后：完整代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>echarts中国地图</title> <style> body,html, .centerItem{...原创 2019-12-03 09:53:25 · 545 阅读 · 1 评论 -
19年轉載好文3：时间戳获取方法总结
时间戳获取方法总结方法一：（精确到秒）var timeStamp1 = Date.parse(new Date())//返回值：1510712005000解释：Date.parse()方法可解析一个日期时间字符串，并返回 1970/1/1 午夜距离该日期时间的毫秒数。然而Date()方法虽然本身是当前时间到1970年1月1日00点00分00秒000毫秒数，但是在显示时会只展示到秒...转载 2019-11-21 17:13:19 · 161 阅读 · 0 评论 -
每日一練06：javascript原生拖拽写的日食
看下效果：日食：代码献上：<!DOCTYPE HTML><html><head> <link href="work.css" rel="stylesheet"> <meta charset="UTF-8"> <meta name="Generator" content="Edit...原创 2019-11-20 14:50:16 · 187 阅读 · 0 评论 -
每日一練05：Javascript表单验证
先看下成果：可以看到这里面包含常用的几个验证信息思路编写页面样式 美化页面 构造不同的验证方法 正确时显示什么，错误时显示什么 定义一个构造函数Validator，把每个input，每个input需要验证什么方法写进去 在这个构造函数中定义一个数组arr用来存放每个验证方法 在这个构造函数中添加一个接收input传进来的名字和方法的add原型方法，循环传递进来的方法从里...原创 2019-11-18 15:03:39 · 227 阅读 · 0 评论 -
每日一練04：无限极目錄
JS原生獲取節點：childNodes; //获取a的全部子节点；parentNode; //获取a的父节点；nextSibling; //获取a的下一个兄弟节点previousSibling; //获取a的上一个兄弟节点firstChild; //获取a的第一个子节点lastChild; //获取a的最后一个子节点CSS： ul { wi...原创 2019-11-09 16:57:56 · 128 阅读 · 0 评论 -
19年轉載好文2：無限極目錄
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> &l...转载 2019-11-07 10:38:45 · 222 阅读 · 0 评论 -
19年轉載文章01：javascript工厂方式定义对象
工厂方式<script type=text/javascript> /* 工厂方式:通过使用方法返回对象,使用时不需要通过new生成新对象. */ function createOrder()//也可以构建带参数的工厂方法,根据传入的参数初始化对象数据. ...转载 2019-10-24 11:46:59 · 131 阅读 · 0 评论 -
19年文章一：解析Javascript中的深拷贝与浅拷贝
我們先來看個簡單的例子： var a = 1;b=a; a = 2; console.log(b);//1説明：可以看到，儅a = 1；b=a,所以b=1；緊接著a=2了，但是最後打印出來的b結果還是1；這就是深拷贝。什麽是浅拷贝呢？再來一個例子：var x = {a: 'susan', b: 'livia'}; y=x; y...原创 2019-10-24 11:09:14 · 138 阅读 · 0 评论 -
每日一練01：大乐透 双色球
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-10-23 17:04:44 · 330 阅读 · 0 评论 -
HTML DOM元素對象Day1:Javascript之HTML DOM Image对象
Image 对象Image 对象代表嵌入的图像。<img> 标签每出现一次，一个 Image 对象就会被创建。Image 对象的属性 属性 描述 align HTML5不支持。请改用style.cssFloat。设置或返回图像的align属性的值 alt 设置或返回图像的alt属性的值 ...转载 2019-10-15 09:37:48 · 158 阅读 · 0 评论 -
奋斗30天Javascript之ECMAScript 6 入门之Map 物件（part32）
這是 ES6 中一種新的資料結構，每組資料都有對應的 key 值與 value 值，所以 Map 在意義上類似於物件。而 key 值的範圍不限於字串，可以是各種類型的值（包括 number、array、object、function、symbol...等等）都可以當作 key，是一種更完善的 Hash 結構實現。// Map 基本使用let map = new Map();// 可...转载 2019-10-12 10:05:21 · 105 阅读 · 1 评论 -
奋斗30天Javascript之DOM（Part10）
最近又在重新复习js，不怎么用有些就就生疏了，每天都要复习复习在复习才行，分享一下跟着大神学习的日常笔记记录。有些錯誤可能是沒寫對中英字符，可能會報錯，都手寫的，見諒，废话不多说半句，开始复习吧！DOM是文檔對象模型（Document Object Model）的簡稱当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 定义...原创 2019-03-16 17:24:41 · 197 阅读 · 0 评论 -
奋斗30天Javascript之基础语法函數詳解（Part5）
最近又在重新复习js，不怎么用有些就就生疏了，每天都要复习复习在复习才行，分享一下跟着大神学习的日常笔记记录。有些錯誤可能是沒寫對中英字符，可能會報錯，都手寫的，見諒，废话不多说半句，开始复习吧！* 语句是javascrpt的基本执行单位，每条语句都是以分号结束，语句除了我们前面讲的赋值语句，算术运算等语句以外，还有一些常用的特殊语句。1：语句块{var name = "ta...原创 2019-03-12 22:34:52 · 238 阅读 · 0 评论 -
奋斗30天Javascript之getElement* 和 querySelector*（Part14）
跟著大漠先生學習《DOM系列：getElement* 和 querySelector*》一文：原文:https://www.w3cplus.com/javascript/searching-elements-dom.html©w3cplus.com跟著大漠先生學習的筆記和自己總結的一些東西。今天來講getElement*和querySelector*:getElementBy...原创 2019-03-21 15:55:24 · 1068 阅读 · 0 评论 -
奋斗30天Javascript之DOM對HTML元素訪問操作（Part11）
* DOM訪問表單控件的常用屬性和方法如下：action 返回該表單的提交地址 elements 返回表單內全部表單控件所組成的數組，通過數組可以訪問表單內的任何表單控件 length 返回表單內表單域的個數 method 返回表單內的method屬性，主要有get和post兩個值 target 確定提交表單時的結果窗口，主要有_self、_bla...原创 2019-03-18 09:51:02 · 173 阅读 · 0 评论 -
数组
数组是一种非常重要的数据类型，它语法简单、灵活、高效。 在多数编程语言中，数组都充当着至关重要的角色，以至于很难想象没有数组的编程语言会是什么模样。特别是JavaScript，它天生的灵活性，又进一步发挥了数组的特长，丰富了数组的使用场景。可以毫不夸张地说，不深入地了解数组，不足以写JavaScript。截止ES7规范，数组共包含33个标准的API方法和一个非标准的API方法，使用场景和使用方...转载 2019-12-20 09:44:27 · 167 阅读 · 0 评论 -
奋斗30天Javascript之Array.of()和Array.from()的用法（Part18）
今天來讲解一个数组遍历的新方法，这是ES5推出的新属性。文章有些摘自阮一峰老师的《ECMAScript 6 入门》一文Array.of()语义：方法用于将一组值，转换为数组。（创建一个具有可变数量参数的新数组实例，而不考虑参数的数量或类型。）语法：Array.of(element0[, element1[, ...[, elementN]]])参数：elementN...原创 2019-03-25 14:07:34 · 702 阅读 · 0 评论 -
奋斗30天Javascript之ECMAScript 6 入门之let 和 const 命令（part15）
阅读阮一峰老师《ECMAScript 6 》书的日常笔记总结* let命令let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。栗子一：let a = 1;var aa = 1; { var bb = 2; let b = 2; console.log(b); console.log(bb);}console.log(...原创 2019-03-21 21:26:30 · 267 阅读 · 0 评论 -
奋斗30天Javascript之ECMAScript 6 入门之变量的解构赋值（part17）
本文摘抄自阮一峰老師的《ECMAScript 6 入门》一文数组的解构赋值1：如果解构不成功，变量的值就等于undefined。2：如果一个数组成员是null，默认值就不会生效，因为null不严格等于undefined。3：默认值生效的条件是，对象的属性值严格等于undefined。基本用法ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Des...转载 2019-03-25 10:29:21 · 208 阅读 · 0 评论 -
奋斗30天Javascript之所有循环类型（Part16）
今天来讲的时七种循环类型：while： do-while for for...in for...of map forEach循环的用法：1:while:先判断后循环，如果为false则不会输出，为true则循环，直到遇到break停止，当指定的条件为 true 时循环指定的代码块。语法：while (条件) { // 代码块}栗子：script...原创 2019-03-22 21:07:17 · 226 阅读 · 0 评论 -
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题百度源代码如下<!Doctype html><html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml>;<...转载 2019-03-16 13:43:32 · 186 阅读 · 0 评论 -
奋斗30天Javascript之BOM模型中常用對象的介紹（Part9）
BOM - Javascript是運行在瀏覽器中的，所以提供了一系列對象用於和瀏覽器窗口進行交互，這些對象主要包括window、document、location、navigator和screen等。通常統稱為瀏覽器對象模型（Brower Object Model）window對象是整個Javascript腳本運行的頂層對象，它的常用屬性如下：document 返回該窗口內裝載的HT...原创 2019-03-16 09:37:46 · 230 阅读 · 0 评论 -
奋斗30天Javascript之事件概念和事件監聽（Part13）
最近又在重新复习js，不怎么用有些就就生疏了，每天都要复习复习在复习才行，分享一下跟着腾讯视频的日常笔记记录。有些錯誤可能是沒寫對中英字符，可能會報錯，都手寫的，見諒，废话不多说半句，开始复习吧！* 事件的概念javascript使我們有能力創建動態頁面，網頁中的每個元素都可以產生某些可以觸發javascript函數的事件。我們可以認為事件是可以被javascript偵測到的一種行為...原创 2019-03-20 11:57:43 · 195 阅读 · 0 评论 -
奋斗30天Javascript之3种调用函数方式和闭包（Part6）
最近又在重新复习js，不怎么用有些就就生疏了，每天都要复习复习在复习才行，分享一下跟着大神学习的日常笔记记录。有些錯誤可能是沒寫對中英字符，可能會報錯，都手寫的，見諒，废话不多说半句，开始复习吧！* 定义好了函数之后，javascript提供了3种调用函数的方式1：直接调用函数：这种函数的调用时最常见，最普遍的方法。对象.函数引用：//当声明的一个函数没有指名分配给哪个对象使用...原创 2019-03-13 21:29:01 · 231 阅读 · 0 评论 -
Javascript的a頁面傳值b頁面取參
日常JS問題總結第一篇PS：借鑒了大佬的博客解決了在a頁面傳參b頁面取值的方法。以後還有其他辦法再繼續添加。A.html頁面：<!DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>functio转载 2019-03-09 11:09:09 · 252 阅读 · 0 评论