- 博客(87)
- 收藏
- 关注
RSS订阅原创 Ajax——cors
CORS (Cross-Origin Resource Sharing), 跨域资源共享。CORS 是官方的跨域解决方案，它的特点是不需要在客户端做任何特殊的操作，完全在服务器中进行处理，支持 get 和 post 等请求。跨域资源共享标准新增了一组 HTTP 首部字段（响应头），允许服务器声明哪些源站通过浏览器有权限访问哪些资源。CORS 是通过设置一个响应头来告诉浏览器，该请求允许跨域，浏览器收到该响应以后就会对响应放行。CORS怎么工作的？
2022-08-20 09:52:20
256
1
原创 Ajax——跨域解决
（其实不理解为什么 response.end(`handle(${str})`)传到jsonp.html页面后有字符串变成对象了？JSONP (JSON with Padding)，是一个非官方的跨域解决方案，纯粹凭借程序员的聪明才智开发出来，只支持get请求。在网页有一些标签天生具有跨域能力，比如：img, link, iframe, script。4.4代码结果（出错的原因是js无法解析JSON）4.3推荐写在jsonp.html中。标签的跨域能力来发送请求的。JSONP 怎么工作的？
2022-08-19 21:54:15
268
原创 Ajax——同源策略
a：同源策略（Same-Origin Policy）最早由 Netscape 公司提出，是浏览器的一种安全策略。5.在以上的代码中遵循的是同源策略，在127.0.0.1页面请求127.0.0.1的文件index.html。b:同源：协议、域名、端口号 必须完全相同。dirname命令用于显示文件或目录路径。e:a.com-->b.com就是跨域。2.代码展示（index.html）d：Ajax默认遵循同源策略。_dirname表示绝对路径。c:违背同源策略就是跨域。...
2022-08-16 23:56:55
230
原创 Ajax——axios请求
出现以上bug的原因是因为请求头里面有中文字体，无法编译。只需将headers里面所有的值都改为英文即可。2.前端最常用的异步请求。
2022-08-16 22:09:08
200
原创 Ajax——jQuery发送Ajax请求
type：设置返回内容格式，xml、html、script、json、text、_default。callbac: 载入成功时回调函数。2.post请求与get请求差不多。1.jQuery的get请求。url: 请求的URL地址。data: 请求携带的参数。
2022-08-16 17:12:27
213
原创 Ajax——超时与网络异常
2.1 timeout属性等于一个整数，用来设置当请求发出后等待接受响应的时间。ontimeout（）方法则是当等待超时后，自动执行的回调方法。1.用户给服务器发送强求，但服务器有时候不及时响应，或者存在网络异常等问题导致用户体验感下降，为了提高用户的体验感我们可以设置弹框提示。......
2022-08-13 17:07:03
253
原创 Ajax——IE缓存
1.IE对服务请求结果做一个缓存，下一次请求的是本地缓存，不会渲染最新返回的结果，对于时效性较强的网页渲染不友好。2.代码（加上data.now(),代表是当前的请求）
2022-08-13 16:16:40
107
原创 Ajax——服务端响应JSON数据
1.服务端返回的是JSON数据，需要知道在页面怎么处理JSON数据。2.需求：服务端返回JSON类型的数据，将该数据渲染到页面上。
2022-08-13 11:53:08
364
原创 我的计算机哲学——API文档
1.之前一直不喜欢看官方文档，因为之前跟着师兄做项目的时候，需要学习新的前端框架，然后项目负责人一上来就是一个英文版的官方文档，这使得我确实不适应，不适应的原因有2点，一我自己本身是不喜欢看官方文档的，二看英文文献真的不习惯。这两个毛病都需要改正。2.做小程序项目更加注重的是交互，css样式反而没有要求那么高，我之前参加网页设计比赛时做出的网页算是玩转css，但是现在开发小程序不是这样的。我们可以踩在前人的审美上去开发。也即是css样式尽量使用官方文档的。...
2022-08-12 22:46:02
72
原创 Ajax——设置请求参数
每一个状态被激活，则调用一次onreadystatechange（）xhr.onreadystatechange()中的五个状态的意思。点击按钮获取服务端响应的结果。
2022-08-10 12:42:50
559
原创 Ajax——express的基本使用
使用前端Ajax需要给服务器发送请求，而express可以模拟服务端。1.为什么要使用express框架。2.安装和使用express。
2022-08-10 11:20:15
219
原创 Ajax--http请求报文&响应报文（需要计算机网络知识点）
1.http（hypertext transport protocol）协议【超文本传输协议】，协议详细规定了浏览器和万维网服务器之间相互通信的规则。头 Content-type:text/html；ie=utf-8 HTTP/1.1(协议的版本号)体 username = admin&password=admin。百事可乐行 HTTP/1.1 200(状态码) OK。体 ...
2022-08-10 10:47:04
386
原创 AJAX学习第一章
Ajax全称为Asynchronous Javascript And XML，即异步JS和XML无刷新获取数据AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式XML：可扩展标记语言XML：被设计用来传输和存储数据XML和HTML类似，不同点：HTML中都是预定义标签，XML中没有预定义标签，全是自定义标签，用来表示一些数据现在已被JSON取代比如说，有一些学生数据：name = "孙悟空";age="18";gender="男";...
2022-08-10 10:08:51
77
原创 如果想学一门语言，需要许多前趋知识点
2.我的解决方法：以想要开发的项目为中心（微信小程序），以辐射状的学习网络去学习前趋知识点，学习的知识点都不需要单单拿前趋知识点语言去单独做一个项目来巩固该前趋知识，一般情况学习一门语言都要做一个项目才可以相应地巩固我们的知识点。否则会很耗费时间，也会使得我们丧失耐心。1.如上图所示，最近组建一个团队，开发一个微信小程序。但是 ，现实大概率是充满变数的，当你没有老师或者其他人的指导时，你往往不知道要实现你的开发梦想要学习多少前趋知识点。...
2022-08-07 09:56:46
53
原创 git push -u
git push -u origin tabber是将本地的分支和远程的分支绑定，这样以后，每次的push操作都可以简化为git push而非git push origin tabber。我们可以用git branch -vv命令查看本地分支和远程分支的绑定情况。不知道git push -u中的“u”的英文是什么？哲学思考：根据自己之前一直不愿意查一些命令的对应中文意思，导致一直记不住命令，所以一直以来我是停留在知识的表层，但是真正是否能够学到知识与否，是要透过深层去领会的。...
2022-08-06 10:06:29
290
原创 React--纯组件
state或props中属性值为引用类型时，应该创建新数据，不要直接修改原数据。引用类型的比较：（因为两者的地址一样，无论怎样点击按钮，都不会进行渲染）
2022-08-04 11:52:03
518
原创 React--组件更新机制&组件性能优化
更加简洁的写法：if nextState.number!1.2过程：父组件重新渲染时，也会重新渲染子组件。但只会渲染当前组件子树（当前组件及其所有子组件）4.使用另外一个参数（nextProps）3.避免不必要的重新渲染。...
2022-08-04 10:11:27
2340
原创 React--JSX语法的转化过程
2.JSX语法按@babel/preset-react插件编译为createElement（）方法。1.JSX仅仅是createElement（）方法的语法糖（简化语法）3.React元素：是一个对象，用来描述你希望在屏幕上看到的内容。
2022-08-03 17:52:06
247
原创 React----setState（）的说明
语法：setState（update，[callback]）场景：在状态更新（页面完成重新渲染）后立即执行某个操作。
2022-08-03 14:33:58
139
原创 关于小程序TabBar跳转页面跟TabBar标签栏的icon不对应的分析（debug）
在写代码时，出现wx.switchTab跳转页面后，但对应的TabBar栏目下的active的小图标却跟要跳转的页面不对应，查了资料是因为wx.switchTab跳转时不会刷新页面，导致数据和页面不同步。解决的办法是，将需要用到的数据全局共享，而不是仅仅定义在一个页面。...
2022-08-02 10:57:09
691
原创 小程序--独立分包&分包预下载
独立分包本质上也是分包，只不过它比较清晰，可以独立于主包和其他分包而独立运行。4.独立分包的配置方法（“independent"true）6.1分包预下载指的是在进入小程序的某个页面时，，从而提升进入后续分包页面时的启动速度。由框架自动预下载可能需要的分包。2.独立分包和普通分包的区别。，在app.json中，使用。共同的预下载大小限额为2M。会在进入指定的页面时触发。preloadRule节。3.独立分包的应用场景。6.3分包预下载的限制。同一个分包中的页面享有。6.2配置分包预下载。...
2022-08-01 10:26:02
256
原创 小程序--分包
非tabBar页面可以按照功能的不同，划分为不同的分包之后，进行按需下载。subpackages之外的目录将被打包到主包中。，在构建时打包成不同的分包，用户在使用时。tabBar页面需要放到主包中。优化小程序首次启动的下载时间。当用户进入分包内某个页面时，客户端会把对应分包下载下来。都被打包到了一起，导致。4.分包后项目的构成。在小程序启动时，默认会。，下载完成后在进行展示。3.分包前项目的构成。分包前，小程序项目中。8.如何查看包的体积。...
2022-08-01 00:09:23
502
原创 小程序-全局数据共享
全局数据共享（又叫状态管理）是为了解决组件之间数据共享的问题。开发中常用的全局数据共享方案有Vuex、Redux、Mobx等。可使用mobx-miniprogram配合mobx-miniprogram-bindings实现全局数据共享。把Store中的共享数据或方法，绑定到组件或页面中使用。5.将store中的成员绑定到页面中。注意Mobx相关的包安装后，记得。6.将store成员绑定到组件中。2.小程序中的全局数据共享方案。4.创建Mobx的Store实例。在组件中使用Store中的成员。...
2022-07-30 17:27:06
700
1
原创 小程序npm包--API Promise化
在小程序中，实现APIPromise化主要依赖于miniprogram-api-promise这个第三方的npm包。APIPromise化，指的是通过额外的配置，将官方提供的、基于回调函数的异步API，的异步API，从3.而提高代码的可读性、维护性、避免回调地狱的问题。缺点容易造成回调地狱的问题，代码的可读性、维护性差！4.调用Promise化之后的异步API。1.基于回调函数的异步API的缺点。2.什么是APIPromise化。升级改造为基于Promise化。3.实现Promise化。...
2022-07-29 22:23:54
400
原创 小程序使用npm包
VantWeapp是有赞前端团队开源的一套小程序UI组件库，助力开发者快速搭建小程序应用。它所使用的是MIT开源许可协议，对商业使用比较友好。安装完Vant组件库之后，可以在app.json的usingComponent节点中引入需要的组件，即可在wxml直接使用组件。目前，小程序中已经支持使用npm安装第三方包，从而来提高小程序的开发效率。1.小程序对npm的支持与限制。2.什么是VantWeapp。根据官方文档安装步骤安装即可。3.安装Vant组件库。4.使用Vant组件。...
2022-07-29 18:03:13
581
原创 自定义组件-behaviors
3.2在组件中，使用require（）方法导入需要的behavior，挂载后即可访问behavior中的数据或方法，实例代码（在组件.js页面）3.1调用Behavior（Objectobject）方法即可创建一个共享的behavior实例对象，供所有的组件使用。组件引用它时，它的属性、数据和方法会被合并到组件中。behaviors是小程序中，用于实现组件间代码共享的特性，类似于Vue.js中的‘mixins’每个组件可以引用多个behavior，behavior也可以引用其他behavior。...
2022-07-29 17:00:53
345
原创 React--组件的生命周期
1.3创建时（挂载阶段）1.5卸载时（卸载阶段）1.2生命周期的三个阶段。1.1组件生命周期概述。只有类组件才有生命周期。
2022-07-28 12:09:41
336
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人