JS基础
truman_legend_1995
lemon_1900
展开
-
前端常用查询网站
前端常用查询网站MDN: https://developer.mozilla.org/zh-CN/ 源码教程抽奖插件 https://100px.net/印记中国 https://docschina.org/ 大部分外网文档中文翻译vite https://cn.vitejs.dev/guide/ vite中文网es6入门 https://es6.ruanyifeng.com/#docs/class前端加密 https://mp.weixin.qq.com/s/V-g2P原创 2021-04-21 10:49:47 · 657 阅读 · 0 评论 -
前端常用的工具
前端常用的工具1.element-resize-detector 元素大小改变的时候 对应操作2.vue-gemini-scrollbar 滚动效果3. qs 解析和转换json格式字符串4. moment 时间转换包5. lodash 常用工具函数 debounce等6. tinymce 富文本7. crypto-js 加密库8.lib-flexible 移动端rem包 px2rem-loader postcss-pxtorem9.vue-directi原创 2021-04-20 15:55:45 · 195 阅读 · 0 评论 -
手写常用js工具函数--剪切内容
手写常用js工具函数–剪切内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit原创 2021-03-25 17:19:54 · 142 阅读 · 0 评论 -
JS数组内含有对象去重方法!!
JS数组内含有对象去重方法!!// 模拟假数据 let testArr = [{ id: 1, name: '张三' }, { id: 2, name: '李四' }, { id: 3, name: 'Tom' }, { id: 4, name: 'Jerry' }, {原创 2021-03-17 17:47:02 · 337 阅读 · 0 评论 -
JS正则的用法---创建及常见字符
一、正则表达式创建方法1.字面量方法// 正则表达式:就是一个规则,用来匹配字符串 // 创建正则表达式:2种方法: // 字面量方法: var reg = /张三/; var str = "哈罗,大家好,d我叫张三,今年20岁了!"; // console.log( reg.test(str) ); // console.log(str.indexOf("张三")); var reg2 =原创 2020-06-04 14:43:59 · 248 阅读 · 0 评论 -
JS---DOM中的事件、事件对象及元素的宽高等.......
4.元素的宽高以及关系① 元素自身属性// 元素的宽度,高度 var mybox = document.querySelector(".box"); console.log(mybox.style.width); // 空字符串 console.log(getComputedStyle(mybox).width); // 200px // 自身宽/高+padding console.log( mybox.c原创 2020-06-03 16:43:52 · 206 阅读 · 0 评论 -
JS内置对象Math的常用方法
JS内置对象Math的常用方法1.向上取整 Math.ceil()2.向下取整 Math.floor()3.四舍五入 Math.round()4.绝对值 Math.abs()最大值 Math.max()最小值 Math.min()7.随机数 Math.random()8.随机区间数 Math.round(Math.random()*(max-min) + min)9. 判断数字奇偶...原创 2020-05-21 15:29:41 · 321 阅读 · 0 评论 -
JS内置对象Date的常用方法及封装
JS内置对象Date的常用方法及封装let now = new Date()1.获取年份let yy = now.getFullYear()console.log(yy) // 当前年份2.获取月份let mm = now.getMouth()+1 // 注意月份为0-11 要+1补全console.log(mm) // 当前月份3.获取日期let dd = now.getDate() console.log(dd) // 当前日期4.获取小时let hh = now.get原创 2020-05-21 20:46:40 · 258 阅读 · 0 评论 -
JS经典继承案例----宠物游戏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script原创 2020-05-29 19:35:10 · 497 阅读 · 0 评论 -
JS-内置对象字符串的属性及方法
## JS字符串的属性及方法 一、字符串长度length,获取字符串的长度,空格也要计算在内,字符串的长度不可写二、字符串方法1.charAt(下标)根据下标获取字符 <script> var str = 'javascript'; console.log(str.charAt(4)); </script>2.charCodeAt(下标)根据下标获取字符的Unicode编码<script> v.原创 2020-06-03 15:38:36 · 140 阅读 · 0 评论 -
JS内置对象---数组的属性及方法!!!
JS内置对象—数组的属性及方法数组:一组数据的集合一、怎么创建数组3种方式:1.new Array()<script> var arr1 = new Array("张三","李四","王五"); console.log(arr1.length); </script>2.字面量方法<script> var arr1 = ["张三","李四","王五","赵六"]; console.log原创 2020-06-03 15:55:59 · 303 阅读 · 0 评论 -
JS----函数相关的知识!!!
一、创建函数1.函数声明 <script> function fn(){ alert(1) } fn(); </script>2.函数表达式 <script> var fn = function(){ alert(1) } fn(); </script>3.ES6 箭头函数<script> var fn = () => {原创 2020-06-03 16:06:26 · 95 阅读 · 0 评论 -
JS中常见的this对象!!!
this对象在函数里面除了有arguments对象,还有this对象函数的调用方式,决定了this的取值1.全局环境<script> console.log(this); // this => window对象 </script>2.函数环境下<button>按钮</button> <script> var fn1 = function(){ console.lo原创 2020-06-03 16:09:48 · 170 阅读 · 0 评论 -
JS中回调函数、作用域及闭包详解!!
一、回调函数1.什么是回调回调(callback):把一个函数作为一个参数传到一个主函数里面,当主函数执行完之后,再执行传进去的那个函数,这个过程就叫回调;作为参数的那个函数就叫回调函数<script> var fn = function() { console.log("我是回调函数"); } function main(callback) { console.log("我是主函数");原创 2020-06-03 16:18:43 · 1065 阅读 · 0 评论 -
JS中可能你需要用到的return,归纳详解!!!
return返回值Return语句终止函数执行,并返回一个指定的值给函数的调用者(函数名 + ()就等于 函数的返回值)如果return后面没有返回值,则默认返回undefined函数的返回值可以是任何数据类型 // function fn(){ // console.log("您好"); // } // fn(); function fn() { return "您好"; }原创 2020-06-03 16:15:28 · 654 阅读 · 0 评论 -
BOM常见的方法!!!
BOM1.什么是window对象BOM的核心是window,它表示的是浏览器的一个实例(就是浏览器的一个窗口)2.JavaScript弹窗① Alert()弹出一个警告框② Confrim()确认框,返回一个布尔值,true表示单击了确定,false表示单击了 取消③ Prompt()提示输入框,包含了一个默认值3.Location// window下有一个location属性,它也是个对象,有属性和方法//获取当前页面的地址(URL),并把浏览器重新定向到新的页面var btn原创 2020-06-03 16:22:09 · 321 阅读 · 0 评论 -
JS----DOM节点相关信息,归纳详解
1.Dom获取节点方式<h1 class="aaa">1</h1> <h1 id="bbb">1</h1> <p>2</p> <p>2</p> <p>2</p> <input type="text" name="ccc"> <script> var a = document.querySelector原创 2020-06-03 16:31:31 · 154 阅读 · 0 评论