随笔分类 -  前端-JS

1 2 下一页
React-antd-tree-transfer
摘要:import { Tree,Button,Card } from 'antd';import {useEffect, useState} from 'react';import './App.css'const treeData = [ { title: '0-0', key: '0-0', // 阅读全文
posted @ 2023-01-17 03:45 程序员草莓 阅读(285) 评论(0) 推荐(0)
ES历史和ES6
摘要:一、数组,字符串,对象常用方法。 ES数组: ES1(1997年):join() ,reverse(),sort, toString ES3(1999年):concat, pop ,push,shift,slice,splice,toLocalstring() ,unshift, ES5(2009年 阅读全文
posted @ 2022-03-02 15:22 程序员草莓 阅读(184) 评论(0) 推荐(0)
Promise
摘要:前提准备: 1. 区别实例对象和函数对象 1 Function Fn(){}; 大写的默认是构造函数。 const fn = new Fn(); 加new调用,Fn被称为:构造函数。fn被称为:实例对象(对象) 括号左边是函数。点的左边是对象。 2 Fn.call(); Fn是函数对象 $('#te 阅读全文
posted @ 2021-07-29 00:34 程序员草莓 阅读(66) 评论(0) 推荐(0)
AJAX
摘要:1了解XML 2 学习XMLDOM对象。XMLHTTPRequest https://www.w3school.com.cn/xmldom/dom_http.asp https://segmentfault.com/a/1190000004322487 https://developer.mozil 阅读全文
posted @ 2021-07-23 18:32 程序员草莓 阅读(61) 评论(0) 推荐(0)
除了干燥的js,js的动画效果必须掌握。
摘要:js基本语法+es6(异步)+js内部原理(闭包,原型链,继承)。 我们BOM浏览器进行操作,DOM文档,事件。:js文档理论 offset,client,scroll。+ 动画特效。 + js交互案例。:页面一些特性。 记住50个案例,就好! BOM: 1 分时间问候案例。 2 隐藏明文案例 3管 阅读全文
posted @ 2021-06-19 23:24 程序员草莓 阅读(92) 评论(0) 推荐(0)
ES6
摘要:1 var 和 let const var a = 2; var 变量提升。var是全局作用域 let a = 10; let 声明变量,没有变量提升。 let 是一个块级别作用域。 let不能重复声明。(可以被修改) const 有以上特征,声明常量,无法修改。开发一般默认是const,除非有明显 阅读全文
posted @ 2021-06-17 20:21 程序员草莓 阅读(76) 评论(0) 推荐(0)
BOM
摘要:1什么式BOM对象。 BOM由系列对象构成,每个对象都提供很多方法和属性。 BOM兼容性比较差,只学最基础的。顶级的对象是window。 浏览器的窗口进行交互的对象。 window里面包含了document。应该是window.document。window.name是特殊属性。 window双重角 阅读全文
posted @ 2021-06-13 19:31 程序员草莓 阅读(753) 评论(0) 推荐(0)
DOM高级
摘要:1元素注册事件两种方式。 2 删除事件两种方式。 3 DOM事件流3个阶段。 事件对象,阻止事件冒泡。 4 事件委托。 5 常用鼠标和键盘事件。 1 注册事件概述: 传统方式和方法监听方式。 1.传统注册方式:以on开头的时间。 btn.onclick=function(){} 注册事件的唯一性。后 阅读全文
posted @ 2021-06-12 23:44 程序员草莓 阅读(67) 评论(0) 推荐(0)
DOM重点核心-基础
摘要:获取元素有哪两种方法方法? 1 利用DOM提供的方法获取元素。 document.getElementbyId(),document.getELmenntbyTagName() document,getElementsByClassName('') document.querySelector('' 阅读全文
posted @ 2021-06-12 23:09 程序员草莓 阅读(52) 评论(0) 推荐(0)
js dom 事件委托的 target 和currentTarget
摘要:参考博客:https://blog.csdn.net/weixin_42458965/article/details/105687926 https://www.cnblogs.com/guojiabing/p/12213332.html target是事件触发的真实元素。(点击!) current 阅读全文
posted @ 2021-02-22 15:13 程序员草莓 阅读(250) 评论(0) 推荐(0)
js dom 事件委托(事件冒泡机制的使用)
摘要:参考视频:https://www.bilibili.com/video/BV1vt411Q7SE?from=search&seid=4135034233922091596 https://www.bilibili.com/video/BV1yi4y1F79t?from=search&seid=413 阅读全文
posted @ 2021-02-20 18:33 程序员草莓 阅读(176) 评论(0) 推荐(0)
js dom 阻止事件冒泡,阻止事件的默认行为
摘要:参考博客: https://www.cnblogs.com/plane-hjh/p/7880131.html https://www.cnblogs.com/leftJS/p/10948138.html http://caibaojian.com/javascript-stoppropagation 阅读全文
posted @ 2021-02-20 17:56 程序员草莓 阅读(606) 评论(0) 推荐(0)
js dom(DOM2事件模型) 事件流,事件捕获,事件冒泡
摘要:参考视频: https://www.bilibili.com/video/BV1m7411L7YW/?spm_id_from=333.788.videocard.0 参考博客: https://blog.csdn.net/chenjuan1993/article/details/81347590 h 阅读全文
posted @ 2021-02-20 17:45 程序员草莓 阅读(472) 评论(0) 推荐(0)
ES6 扩展运算符2
摘要:ES6 扩展运算符: 用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中。 参数 对象 可以遍历属性, 拷贝到 对象。 1 对象的 扩展运算符。 const p = {name:'caomei',age:18}; console.log({...p}) // {name: "caomei",ag 阅读全文
posted @ 2021-02-19 17:51 程序员草莓 阅读(58) 评论(0) 推荐(0)
箭头函数的使用
摘要:const a = () => 1 const.log(a()) ; // console.log(a()) :1 const a = b => 1+b const.log(a(9)) ; // console.log(a()) :10 返回一个对象:{}是默认成为一个函数, const a = b 阅读全文
posted @ 2021-02-08 17:15 程序员草莓 阅读(86) 评论(0) 推荐(0)
前端开发!
摘要:一 。js 数据类型有几种? 1基本 :null undefined number string bool。 symbol object, typeof ()是一个一元运算符,括号可以省略,拥有很高的运算符。 2 复杂数据类型: object。 typeof (object):object。 二 。 阅读全文
posted @ 2021-01-31 23:35 程序员草莓 阅读(99) 评论(0) 推荐(0)
ES6高阶函数
摘要:面试视频 :https://www.bilibili.com/video/BV1Cy4y1q7xz?from=search&seid=5116431860248709638 学习笔记:https://www.jianshu.com/p/2975c25e4d71 学习笔记:https://segmen 阅读全文
posted @ 2021-01-28 17:48 程序员草莓 阅读(210) 评论(0) 推荐(0)
ES6扩展运算符
摘要:博客链接:https://blog.csdn.net/astonishqft/article/details/82899965 用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中。 const [first, ...rest] = [1, 2, 3, 4, 5]; first // 1 rest 阅读全文
posted @ 2021-01-27 15:30 程序员草莓 阅读(65) 评论(0) 推荐(0)
js箭头函数
摘要:https://segmentfault.com/a/1190000020134330 为什么要引用js箭头函数: (更简短的函数并且不绑定this。) 1 简短的函数: 无参数 ()=>{return } 有1个参数 (v)=>{return } 有两个参数 (v1,v2)=>{return } 阅读全文
posted @ 2021-01-18 20:34 程序员草莓 阅读(230) 评论(0) 推荐(0)
js类和对象,继承(6中方式)
摘要:博客: https://www.cnblogs.com/ranyonsue/p/11201730.html 视频: https://www.bilibili.com/video/BV1iK4y1h76D/?spm_id_from=333.788.recommend_more_video.1 http 阅读全文
posted @ 2021-01-17 23:23 程序员草莓 阅读(115) 评论(0) 推荐(0)

1 2 下一页