
JS
前端该溜子
这个作者很懒,什么都没留下…
展开
-
react的useContext使用实例
有些技术长时间不用就忘记了,所以做个简单易懂的笔记useContext的作用,简单来讲就是声明一个公共值,由父组件来控制他,然后子组件就能随时获取到该值的变化,不用总是传来传去首先新建一个文件来存放公共值import {createContext} from 'react'//给他默认值为1const UnitContext = createContext('1')export { UnitContext }然后父组件页面代码上//前面先引入值UnitContext export原创 2022-05-27 17:17:07 · 495 阅读 · 0 评论 -
根据月份获取当前天数
//封装const getDay = (month)=>{//获取当前年份 let yeat = new Date().getFullYear() let day = new Date(yeat,month,0).getDate() let monthDay = [] for(let i = 1; i <= day; i++){ monthDay.push(i) } return monthDay}const num = getDay(1) //打印出来为数组..原创 2022-05-20 12:01:37 · 273 阅读 · 0 评论 -
http请求axios封装
来抄作业import axios,{AxiosError,AxiosRequestConfig,AxiosResponse,Canceler,CancelTokenSource} from 'axios'export interface AjaxResponse{ request:()=>Promise<AxiosResponse> //Axios异步函数 cancel:Canceler //关联的cancel方法}const baseConfig={ validateS原创 2022-05-18 16:21:07 · 375 阅读 · 0 评论 -
你对Ajax的了解有多少
首先对ajax的认识,我们要明白他是对数据库的一个请求,就是把数据库里的数据拿到script脚本里面,然后再渲染到我们需要的页面,所以它不是另一种语言,是一个由JS敲出来的公式那么ajax可以用来干什么?基本就是用来增删改查,我们对页面的数据都需要从后台获取那么进入正题,ajax是什么样子的?首先是原生JS里面的:GET请求四部曲// 1.创建 // 兼容性的处理 var xhr; if (window.XMLHttpRequest){ xhr = new XMLHttp.原创 2020-09-12 15:57:38 · 228 阅读 · 0 评论 -
JS数组去重、字符串去重、冒泡排序(简单易懂)
1.数组去重 //声明原数组 var arr=[2,2,2,4,4,4,5,5,5,6,6,6,] //声明新数组准备放置不重复的数组 var arr1 = []; //for循环遍历 for(var i = 0;i<arr.length;i++){ //用indexOf检索是否有该元素,没有返回-1 if(arr1.indexOf(arr[i]) == -1){ //则添加到新数组 arr1.push(ar原创 2020-07-28 20:40:34 · 643 阅读 · 0 评论 -
JS实现图片拖拽
html:<div class="d1"> <img src="t018daab9697ad1ffb0.jpg" alt="" draggable="true"> </div> <div class="d2"></div>CSS里调整样式.d1{ width: 450px; height: 550px; border: solid 1px ; f原创 2020-07-21 19:12:32 · 616 阅读 · 0 评论 -
如何用canvas画布绘制时钟(详解!)
先生成画布:<canvas class="can" width="500px" height="500px"></canvas>调画布样式:.can{ border: 1px solid; display: block; margin: auto; }JS部分: var can = document.getElementsByClassName("can")[0]; var cantxt = can原创 2020-07-21 19:07:23 · 1941 阅读 · 0 评论 -
JS预编译的奥义
预编译的作用-首先我们要了解,预编译是什么, 就是在函数(JS)执行的前一刻,会创建一个叫做执行期上下文对象,分为AO规则和GO规则(1)AO规则:函数在执行前的一瞬间, 生成一个AO对象2. 看参数, 形参作为AO对象的属性名, 实参作为AO对象的属性值3. 看变量声明, 变量名为AO对象的属性名, 值为undefined, 如果变量名和形参重名, 不用管4. 看函数声明, 函数名为AO对象的属性名, 值为函数体, 如果遇到同名( 变量名或者形参名), 直接覆盖( 函数体去覆盖属性值原创 2020-07-06 20:03:23 · 194 阅读 · 0 评论