Loading

2021年4月29日
jQuery两种方法添加数据表格到HTML
摘要： jQ创建表格的两种方法 1.模板字符串法 $(function () { //模板字符串的方式添加到页面 $('#btn').click(function () { let str = '' data.forEach(function (value) { str += ` <tr> <td>${va 阅读全文
posted @ 2021-04-29 14:27 大黄树 阅读(480) 评论(0) 推荐(0)
原生JS和jQuery创建元素的方法
摘要： jQ创建元素的方法 1.原生代码 .creatElement('tr')` .innerHTML = '<h1>加油</h1>' document.write('<h1>加油</h1>') 2.jQ代码 .html('加油')//会覆盖 A.append('<p>加油</p>')//不会覆盖，添加到 阅读全文
posted @ 2021-04-29 14:25 大黄树 阅读(149) 评论(0) 推荐(0)
jQ的显式迭代和隐式迭代
摘要： jQ的显示迭代 隐式迭代 let lis = document.querySelector('li') lis.forEach(function (value, index) { value.style.opacity = (index + 1) //随着li的增加，越来越不透明 }) 显示迭代 / 阅读全文
posted @ 2021-04-29 14:24 大黄树 阅读(106) 评论(0) 推荐(0)
2021年4月28日
一次搞懂JavaScript对象
摘要： 索引 1. 对象与类 支持面向对象编程语言通常利用继承其他类达到代码重用和可扩展性的特性。而类有两个主要的概念： 类（Class）：定义了一件事物的抽象特点。类的定义包含了数据的形式以及对数据的操作。 对象：是类的实例。 其中类（Class）定义了一件事物的抽象特点。类的定义包含了数据的形式以及对数 阅读全文
posted @ 2021-04-28 19:16 大黄树 阅读(100) 评论(1) 推荐(0)
Promise关键问题
摘要： 1.修改promise的状态 let p = new Promise((resolve, reject) => { //1. resolve 函数 // resolve('ok'); // pending => fulfilled (resolved) //2. reject 函数 // rejec 阅读全文
posted @ 2021-04-28 14:47 大黄树 阅读(472) 评论(0) 推荐(0)
jQ的四类基本选择器
摘要： jQuery的四种选择器 jQ选择器与css选择器本质上相差不大，但是在使用容易混淆格式或属性 1.基础选择器 $('#id名') $('.类名') $('.类名1 .类名2') $('标签名.类名') 2.层级选择器 1.子代：> children $('基础选择器1>基础选择器2')//,代表选 阅读全文
posted @ 2021-04-28 14:29 大黄树 阅读(925) 评论(0) 推荐(0)
jQ的隐式迭代和设置样式属性
摘要： jQ中的隐式迭代 意义：不需要原生迭代了，在jQ内部自动帮你实现了循环 代码实现: let arr = document.querySelectorAll('li') for(let i = 0;i < liArr.length;i++) { arr[i].onclick = function () 阅读全文
posted @ 2021-04-28 11:57 大黄树 阅读(76) 评论(0) 推荐(0)
2021年4月27日
jQuery的入口和jQurey的对象切换
摘要： jQuery jQuery的导入 通过script标签的src属性，link标签是导入层叠样式表 jQuery和原生JS的入口函数 1.jQ在页面结构加载完毕就会执行 原生JS的入口函数是等图片、层叠样式、DOM树加载等内容加载完毕才会执行，代码如下： window.onload = functio 阅读全文
posted @ 2021-04-27 10:16 大黄树 阅读(65) 评论(0) 推荐(0)
2021年3月31日
filter()的返回值
摘要： Arr.filter()方法 filter(callback(element[, index[, array]])[, thisArg)) 参数： 1.回调函数， 2.元素 3.元素的索引 4.调用filter的数组 5.执行callback时的this的值 最后要返回一个新数组根据判断条件返回的t 阅读全文
posted @ 2021-03-31 21:21 大黄树 阅读(1807) 评论(0) 推荐(0)
Vue中Axios发送请求的方法
摘要： 1.1Axios发送get请求 //get请求无参数 axios.get('https://autumnfish.c123123n/api/joke') .then(res => { // 请求成功的回调 // console.log('res:', res) console.log(res.dat 阅读全文
posted @ 2021-03-31 20:04 大黄树 阅读(585) 评论(0) 推荐(0)