antdesignpro使用原生js_51CTO博客
前言这篇文章主要根据自己最近一个月从学习react到最近实际使用ant-design-pro,谈一谈自己的使用心得,个人见解有误的地方望大家指正!1、为什么要选择ant-design-pro?其实我来目前公司之前,公司前端技术栈是vue+vuex+elementui+axios,但是奈何公司前端利用vue做出来东西表现确实一般,更重要的是代码有点乱,用我自己的话说就是野路子太多(当然野路子多会很方
在html5中,新增了很多语义化的标签。如footer、header之类的,今天的主角是dialog标签顾名思义,就是用来定义对话框的。目前只有Chrome和Safari支持该标签,所以用的不多,不过确实挺好用的别担心,有官方的polyfill。 使用方法1. 基础的用法可以open属性控制dialog是否显示,效果如下: 看看浏览器渲染的默认样式: 是挺丑的,
7个常用的原生JS数组方法一、Array.map()二、Array.filter()三、Array.reduce()四、Array.forEach()五、Array.find()六、Array.every()七、Array.some()总结 一、Array.map()作用: 循环遍历数组并修改,在原数组基础上返回一个新的修改版本,原数组不变。代码:let arr = [{name: 'hl',a
1.数组检测obj instanceof Array//trueArray.isArray(obj)//trueObject.prototype.toString.call(obj)//"[object Array]"2.转换方法arr.toString()、arr.valueOf()3.栈方法push()在数组末端推入,pop()在数组末端弹出4.队列方法shift()返回数组第一项,数组长度减
Ant Design of React在Mac下的简单搭建使用Ant Design of React在Mac下的简单搭建使用1. `Ant Design of React `简介特性2. 环境要求1. `node` 环境1. 方案一:直接使用安装包2. 方案二:使用`brew`安装2. `npm`3. `brew`4. `yarn`3. 项目初始化1. 安装`create-react-app`2
一、原生js实现ajax$.ajax({ url: '', type: 'post', data: {name: 'zhaobao', age: 20}, dataType: 'json', success: function (data) { }, error: function () { } }) function ajax(options) { opt
转载 2023-08-07 14:40:20
150阅读
JS 实现 Promise===============MDN Promise 参考地址: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise   github源码地址:https://github.com/ronliruonan/sv-boo
# 如何使用原生 Axios 进行 HTTP 请求 Axios 是一个非常流行的 JavaScript 库,专门用于处理 HTTP 请求。对于刚入行的开发者,使用 Axios 可以极大地简化发送 API 请求的流程。本文将指导你如何使用原生 Axios,并提供详细的步骤和代码示例。 ## 流程概述 使用原生 Axios 的流程可以分为以下几个步骤: | 步骤 | 描述
原创 2天前
15阅读
JS的数据类型】 Ø 原始类型: l string l number l boolean l undefined l null Ø 引用类型: 基于对象而不是面向对象.内置对象.对象类型的默认值是null. 【JS的运算符和语句】 运算符与Java中一致. l 全等于 === :类型和值都一致返回true 语句与Java一致: 【JS的输出】 Ø alert() 向页面中弹出一个提示框!! Ø
1.什么是 ajax        ajax的出现刚好解决了传统方法的缺陷,ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,ajax可以使i网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。2.XMLHttpRequest 对象     &nbs
转载 2024-01-03 15:03:37
46阅读
1、什么是Ajax AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。是指一种创建交互式网页应用的网页开发技术,用于浏览器和服务器之间进行数据交互。AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。2、Ajax的基本使用 使用Ajax无外乎就是以下四个步骤:1.创建
转载 2023-11-02 22:06:48
82阅读
一、JS原生ajaxviaajax:一种请求数据的方式,不需要刷新整个页面;ajax的技术核心是 XMLHttpRequest 对象; ajax 请求过程:创建 XMLHttpRequest 对象、连接服务器、发送请求、接收响应数据;原文来自:http://caibaojian.com/ajax-jsonp.html下面简单封装一个函数,之后稍作解释ajax({ url: "./T
Ajax简介ajax = 异步 JavaScript 和 XML。 ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。我们知道,传统的网页(不使用ajax)如果需要更新内容,必须重新加载整个网页。Ajax的出现,使得使网可以实现异步更新,这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 注意:ajax本身不支持跨域请求,需要在服务器端处理。工作原理ajax
转载 2023-12-03 00:49:24
42阅读
我们可能已经用过很多JS插件,比如著名的轮播图插件Swiper.js,滚动条插件iScroll.js等等,用起来非常方便,大大提高了我们的工作效率。那么它们基本实现原理是怎样的呢?我们又该如何DIY一个可以复用的JS插件呢?接下来,我将以图片无缝循环轮播为例,手把手教你封装一个方便复用的原生JS插件。开始之前,我们先看看实现后的具体效果吧 → 图片无缝循环轮播 。一、面向过
分别使用原生Ajax 和Jquery的方式实现数据请求Ajax是什么?“Asynchronous Javascript And XML”(异步JavaScript和XML),并不是新的技术,只是把原有的技术,整合到一起而已。 1.使用CSS和XHTML来表示。 2. 使用DOM模型来交互和动态显示。 3.使用XMLHttpRequest来和服务器进行异步通信。
// 先定义一个简化的输出函数cwindow.c = function(oper, result){ result ? console.log(oper, '=>', result) : console.log(oper); }>>> 一、选择器 document.querySelector(selectors)          // 接受一个CSS选择器作
下面小编就为大家分享一篇原生JS实现ajax与ajax的跨域请求实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧一、原生JS实现ajax第一步获得XMLHttpRequest对象第二步:设置状态监听函数第三步:open一个连接,true是异步请求第四部:send一个请求,可以发送一个对象和字符串,不需要传递数据发送null第五步:在监听函数中,判断readyState=4&am
组件化组件化的实现和使用步骤1.1 注册组件的基本步骤1.2 组件化的基本使用全局组件和局部组件父组件和子组件注册组件语法糖组件模块抽离方法组件数据的存放组件中的data为什么必须是函数?父子组件的通信父传子props驼峰标识子传父父子组件通信—结合双向绑定案例父子组件访问父访问子 children-refs子访问父 parent-root 组件化的实现和使用步骤组件化: 如果我们将一个页面所有
1.js代码一般使用引入外部文件的方法,如果使用内嵌式代码需要放在body内容最后,以防htm元素内容未加载,获取不到 获取元素一般使用内置对象document的方法:document.getElementById(“填写id”),返回是元素的对象 //获取元素对象 var o = document.getElementById(); var o = document.getElement
原文地址:​​https://github.com/camsong/You-Dont-Need-jQuery/blob/master/README.zh-CN.md​​前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQ
转载 2022-11-17 14:50:39
136阅读
  • 1
  • 2
  • 3
  • 4
  • 5