- 博客(8)
- 收藏
- 关注
原创 HTTP请求方法精简版
HTTP/1.1协议中共定义了8种HTTP请求方法,HTTP请求方法也被叫做“请求动作”,不同的方法规定了不同的操作指定的资源方式。服务端也会根据不同的请求方法做不同的响应。GETGET请求会显示请求指定的资源。一般来说GET方法应该只用于数据的读取,而不应当用于会产生副作用的非幂等(多次重复操作和一次操作产生的影响是不一样的)的操作中。GET会方法请求指定的页面信息,并返回响应主体,GE...
2019-10-12 08:03:58 267
原创 移动端基础和常见问题
常见的移动端基础和问题移动端适配移动端布局touch事件300ms延迟点击穿透1px边框问题1.移动端适配移动端 vs PC端区别:1.css像素和物理像素:物理像素 : 他是显示设备上一个最微小的物理显示单元。不同的物理设备的物理像素的大小是不一样的。这是厂商在出厂时就设置好了的,即一个设备的分辨率是固定的css像素 : CSS中的像素只是一个抽象的单位。主要使用在浏...
2019-04-19 10:03:04 310
原创 React脚手架 扩展webpack配置
使用 react-app-rewired 扩展Webpack配置在不用使用react脚手架提供的 eject 命令打开webpack配置文件的情况下,扩展webpackreact-app-rewired 是 react 社区开源的一个修改 CRA 配置的工具安装:两个模块npm install react-app-rewired babel-plugin-import --savere...
2019-04-03 17:06:59 1213
原创 React16版本 新增的生命周期函数
组件生命周期的三个阶段Mounting(创建阶段)Updating(更新阶段)Unmounting(卸载阶段)旧的生命周期函数:如下图备注:lnitialization (初始化阶段),会执行constructor()初始化组件需要state,props和函数的绑定(bind)。但constructor属于ES6的语法,本身不属于react。所以严格来讲不算是react的生命周期函...
2019-04-03 12:55:25 1833
原创 react练习 Mock数据
在前端项目中。自己模拟接口 测试前后端分离。第一种方式:使用node的服务器模块安装 npm install serve -g,一定要安装在全局 方便使用命令在存放数据的文件夹下打开 命令终端使用serve这个命令 启动服务器 http://localhost:5000 是我们的服务器地址: (指代当前的文件夹,这样我们可以访问mock文件夹下的数据)。在react中配置服务器...
2019-03-30 14:14:28 1864
原创 React16.8脚手架配置less
官方脚手架配置less1.React默认是支持sass,但是不支持less,想使用less需要进行魔改yarn add less less-loader.2.把webpack相关文件暴露出来进行修改yarn run eject找到config目录下的一个 webpack.config.js 文件 这个文件是webpack的配置文件。里面会有很多webpack默认的依赖项,但不需理会...
2019-03-11 20:38:34 873 1
原创 简易版AJAX跨域
AJAX通过浏览器向服务器提交请求 但因为浏览器的同源策略 浏览器会检测服务器返回的数据是否和发出去的请求在同一个域下 如果不是就限制 导致AJAX不能直接跨域 所以需要服务器端在返回数据的时候特别声明 为了熟悉流程 写一个简易版的跨域node简易服务器界面这里没有处理跨域问题AJAX简易处理跨域问题服务器端设置返回请求 允许获取资源能实现跨域了 但不安全 因为所有的请求...
2019-03-03 13:56:02 148
原创 前端通信相关基础 简单的概念
数据交互的方式1.表单: 优点 :最基本 最简单的数据交互方式 ajax和jsonp提交到服务端都是表单格式 -> http所有的数据请求都是表单 劣势 : 提交数据会刷新页面 用户体验差 2.ajax: 优点 :不用刷新页面 节约流量 降低服务端压力 用户体验较好 安全性较好劣势 : 默认情况下不能跨域(跨域麻烦) 性能低 单向通信/p>3.jsonp...
2019-02-26 15:01:13 187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人