随笔分类 - js
js相关
摘要：JavaScript在ES6语法中新增了箭头函数，相较于传统函数，箭头函数不仅更加简洁，而且在this方面进行了改进。this作为JavaScript中比较诡异的存在，许多文章对于this的解释也不尽相同，本篇文章试图厘清JS中函数与this的关系。 一、JS中函数的写法 1.常规函数的写法 在ES
阅读全文
摘要：除了常见的mock.js，最近发现一款新的前端模拟数据工具easy-mock。 官网：https://www.easy-mock.com/ 登录成功后点击右下角+号，进行项目创建 输入项目名等相关信息，创建项目 创建接口 写入数据，创建接口 创建接口完毕后，复制链接 替换接口，然后将state置空
阅读全文
摘要：JSX支持遍历语法，如下 除了上面数组遍历方式，还有另一种，如下所示 结合for循环（外部） 注意： 主流循环写法是 map，jsx里面不能用for循环，因为for循环不是表达式。可以用Array::map方法，注意给返回的每一个组件设置一个唯一的key。 .
阅读全文
摘要：前言 JavaScript 发展至今已经发展出多种数组的循环遍历的方法,不同的遍历方法运行起来那个比较快,不同循环方法使用在那些场景,下面将进行比较: 各种数组遍历的方法 for 语句 代码: var arr = [1,2,4,6] for(var i = 0, len = arr.length;
阅读全文
摘要：三元表达式也叫三目运算符，较为常见，语法 condition ? result1 : result2 二元表达式也叫二目运算符，语法 result1 || result2 如果结果1存在则显示结果1，否则显示结果2 .
阅读全文
摘要：小结： React遵循从上到下的数据流向，即单向数据流。 1、单向数据流并非‘单向绑定’，甚至单向数据流与绑定没有‘任何关系’。对于React来说，单向数据流（从上到下）与单一数据源这两个原则，限定了React中要想在一个组件中更新另一个组件的状态（类似于Vue的平行组件传参，或者是子组件向父组件传
阅读全文
摘要：先来个简单案例： <button id="btn">点击</button> <script type="text/javascript"> var btn = document.querySelector('#btn') btn.addEventListener('click',function()
阅读全文
摘要：1、ES6模块导入使用import...from...，{}里存放导入的方法 2、可以一起导入，也可以分开导入 3、named as myName中的as为重命名 4、import * as mylib from 'src/lib' 把模块里定义导出的所有方法，绑定到mylib对象上 5、impor
阅读全文
摘要：Javascript只有函数作用域，什么块儿啊、神马文件啊统统都认为是一个命名空间的，有时候因为一些重名问题导致的错误让人莫名其妙，难以调试解决。 在JavaScript中全局变量经常会引起命名冲突，甚至有时侯重写变量也不是按照你想像中的顺序来的，可以看看下面的例子： var sayHello =
阅读全文
摘要：跨域解决方案可以分为开发模式和生产模式 git查看脚手架工具，如下所示 然后进入docusaurus文档，文档里有关于跨域的相关配置 如下所示进行配置 （1）第一种方案 配置后重新测试 （2）第二种跨域方案 先利用express框架搭建简单后台服务 接下来创建路由文件 接下来启动后台服务，做下测试。
阅读全文
摘要：前言： Mock模拟数据有多种方式，简单概括下 概括： 主体： 目前为止都是使用第二种方式，接下来测试下Mock依赖包，参考文章.Mock数据模拟 .
阅读全文
摘要：新建http.js文件用来封装get和post请求 1、封装get请求 2、封装post请求 3、测试 首先在其他组件引入，注意：分析 引入类和方法的区别： React等类直接写即可 方法需要在外面用{}包围 封装之前写法 封装完成后调用httpPost写法，这里data为对象格式即可 get方法与
阅读全文
摘要：本节介绍下React下fetch的post请求 （1）编写服务端代码 /*加载express模块*/ var express = require('express') /*加载path路径处理核心模块*/ var path = require('path') /*加载body-parser中间件*/
阅读全文
摘要：Ajax 是什么？ 答：Ajax是一种可以在浏览器和服务器之间使用异步数据传输（HTTP请求）的技术。使用它可以让页面请求少量的数据，而不用刷新整个页面。而传统的页面（不使用Ajax）要刷新部分内容，必须重载整个网页页面。 Ajax 基于什么？ 答：它基于的是XMLHttpRequest（XHR）。
阅读全文
摘要：背景 提及前端与服务器端的异步通信，离不开 Ajax (Asynchronous JavaScript and XML)。实际上我们常说的 Ajax 并非指某一项具体的技术，它主要是基于用脚本操作 HTTP 请求的 Web 应用架构。最早出现在 Jesse James Carrett 于 2005年
阅读全文
摘要：关于FormData XMLHttpRequest Level 2添加了一个新的接口FormData.利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的send()方法来异步的提交这个"表单".比起普通的ajax,
阅读全文
摘要：前言： Async/Await应该是目前最简单的异步方案了,ES7 中新增了 async/await 两个关键词async顾名思义是“异步”的意思，用于声明一个函数是异步的。而await从字面意思上是“等待”的意思，就是用于等待异步完成。 主体： （1）同步操作 结果为1、3、2，这便是同步状态下的
阅读全文
摘要：本文介绍下React下fetch的get使用步骤 参考文章网络请求之fetch （1）编写基础组件模板 根组件引入 （2）json-server搭建模拟后台服务 编写模拟数据 自定义端口启动 测试如下 （3）结合生命周期componentDidMount进行fetch网络请求操作 注意：fetch后
阅读全文
摘要：（1）受控组件VS非受控组件 ***1、受控组件中，表单数据是由 React 组件的state状态值来管理的*** ***2、非受控组件，表单数据交由ref操作 DOM 节点来处理*** （2）受控组件 表单数据取决于state状态值，结合onChange事件进行操作，通过this.setState
阅读全文
浙公网安备 33010602011771号