随笔分类 -  JavaScript

Web-Components 定义,使用以及示例
摘要：1. 定义 web-componets 类似于vue以及react中组件定制，将一组ui以及公共逻辑抽取，并且封装成为一个公共组件。在页面可以随处调用 2. 实现web component的基本方法 创建一个类或函数来指定web组件的功能 class Dialog extends HTMLEleme 阅读全文
posted @ 2022-05-16 14:05 半糖也甜吖 阅读(1025) 评论(0) 推荐(2)
babel 使用以及配置
摘要：1. babel是什么 Babel 是一个 JavaScript 编译器 Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是 Babel 能为你做的事情： 阅读全文
posted @ 2022-03-24 17:02 半糖也甜吖 阅读(1720) 评论(0) 推荐(0)
使用crypto-js库进行加密解密
摘要：1.安装crypto-js npm install crypto-js -S 或 yarn add crypto-js 2.新建解密文件AES.js import CryptoJS from 'crypto-js'; // 密钥 const key = CryptoJS.enc.Utf8.parse 阅读全文
posted @ 2021-05-18 08:18 半糖也甜吖 阅读(1519) 评论(0) 推荐(0)
JS常用工具类
摘要：1.获取当前dom相对于document的偏移量 1 const getOffset = el => { 2 console.log(el); 3 const {top, left} = el.getBoundingClientRect(); 4 const {scrollTop, scrollLe 阅读全文
posted @ 2020-08-31 16:07 半糖也甜吖 阅读(581) 评论(0) 推荐(0)
ES6扩展运算符使用。
摘要：1.基本使用 数组 let arr = [1,2,3,4,5]; let arr2 = [...arr]; console.log(arr2); //[ 1, 2, 3, 4, 5 ] console.log(arr2 == arr); //false 对象 let obj = {a:1,b:2}; 阅读全文
posted @ 2020-01-13 13:17 半糖也甜吖 阅读(493) 评论(0) 推荐(0)
JS 不声明第三个变量的情况下实现两数变换
摘要：1. 2. 3. 4. 5. 6. 阅读全文
posted @ 2019-12-21 17:21 半糖也甜吖 阅读(415) 评论(0) 推荐(0)
JS 原生JS封装AJAX,以及使用Promise封装AJAX示例以及使用
摘要：1.代码： 1 function ajax(options) { 2 options = options || {}; 3 options.type = options.type || 'get'; 4 data = options.data || {}; 5 // 处理数据 6 var str = 阅读全文
posted @ 2019-11-30 16:10 半糖也甜吖 阅读(787) 评论(0) 推荐(0)
隐式类型转换
摘要：简单数据类型转换 复杂数据转换 逻辑非转换 阅读全文
posted @ 2019-11-23 11:01 半糖也甜吖 阅读(160) 评论(0) 推荐(0)
JS案例展示
摘要：1.进度条拖拽 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht 阅读全文
posted @ 2019-11-16 09:55 半糖也甜吖 阅读(1243) 评论(0) 推荐(0)
JS数组去重整理合集
摘要：1.利用splice 1 var arr = [1,2,3,4,5,6,7,8,9,9,8,7,6,5,4,3,2,1]; 2 3 function repeat(arr){ 4 for(var i = 0;i<arr.length;i++){ 5 for(var j = i+1;j<arr.len 阅读全文
posted @ 2019-11-09 16:29 半糖也甜吖 阅读(309) 评论(0) 推荐(0)
JavaScript 深浅拷贝以及特殊类型拷贝问题
摘要：1. 数组 当数组只有一个层级时 rest运算符，如下代码 const arr = [1, 2, 3, 4, 5]; const arr2 = [...arr]; console.log(arr arr2); //false arr[0] = 111; console.log(arr[0], arr 阅读全文
posted @ 2019-11-02 11:16 半糖也甜吖 阅读(203) 评论(0) 推荐(0)
JavaScript Array返回值以及是否改变原数组。
摘要：1. push：最后一位新增；//改变原数组 1 arr.push("123"); 2 返回值是数组的长度； 3 var b = [1, 2, 3, 4] 4 console.log("没改变之前的数组长度" + b.length); 5 //4 6 var n = b.push(123); 7 c 阅读全文
posted @ 2019-10-28 20:50 半糖也甜吖 阅读(982) 评论(0) 推荐(0)
js思维案例题目
摘要：1.根据一个数字日期，判断这个日期是这一年的第几天例如： 2016和02和11，计算后结果为42 1 var y = 2016;//+prompt("请输入年份") ; 2 var m = 2; 3 var day = 11; 4 var aDays = 0; 5 switch (m) { 6 ca 阅读全文
posted @ 2019-10-22 18:27 半糖也甜吖 阅读(705) 评论(0) 推荐(0)