- 博客(45)
- 收藏
- 关注
RSS订阅原创 计算机基础
计算机组成数据存储计算机内部使用二进制0和1来表示数据所有数据，包括文件、图片等最终都是以二进制数据（0和1）的形式存放在硬盘中的。所有程序，包括操作系统，本质都是各种数据，也已二进制数据的形式放在硬盘中。平时我们所说的安装软件，其实就是把程序文件复制到硬盘中。硬盘、内存都是保存的二进制数据。数据存储单位程序运行打开某个程序时，先从硬盘中把程序的代码加载到内存中CPU执行内存中的代码*注意：*之所以要内存的一个重要原因，是因为cpu运行太快了，如果只从硬盘中读取数据，会浪费
2021-08-07 23:06:58
120
原创 编程语言（概念）
编程**编程：**就是让计算机解决某一个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。**计算机程序：**就是计算机所执行的一系列的指令集合，而程序全部都是我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机向计算机语言发出指令。***注：***上面所定义的计算机指的是任何能够执行代码的设备，可能是智能手机、ATM机、黑莓PI、服务器等等。计算机语言计算机语言： 指用于人与计算机之间通讯的语言，它是人与计算机之间传递信息的媒介。**种类：**总的来说可以分成机器语言，汇
2021-08-07 22:26:24
254
原创 集成开发环境：IDE
集成开发环境：IDE（IDE，Integrated Development Environment ）是用于提供程序开发环境的应用程序，一般包括代码编辑器、编译器、调试器和图形用户界面等工具。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。所有具备这一特性的软件或者软件套（组）都可以叫集成开发环境。如微软的Visual Studio系列，Borland的C++ Builder、Delphi系列等。该程序可以独立运行，也可以和其它程序并用。IDE多被用于开发HTML应用软件。例如，
2021-08-06 21:13:25
699
原创 反向代理数据
什么是反向代理反向代理指代理服务器来接受客户端上的连接请求，然后将请求发给内部网络上的服务器，并将从服务器上得到的结果返回给连接的客户端总结反向代理数据：经常在前后端分离项目中采用，前端与后端开启两个服务器，通过代理联系在一起反向代理原理：服务端不存在同源策略，没有跨域限制...
2021-06-10 10:51:45
136
原创 JSONP跨域请求数据
JSONP方案JSONP(JSON with Padding)是一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题，利用script标签不受同源策略影响实现的总结JSONP方案：利用script标签实现的，优点：兼容性非常好，缺点：只能发送GET请求...
2021-06-10 10:28:12
64
原创 跨域与CORS
Ajax跨域操作浏览器的同源策略浏览器同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能都会受到影响CORS方案CORS全称是“跨域资源共享”（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发送xhr请求，从而克服了Ajax只能同源使用的限制，CORS方案只需要由服务器发送一个响应标头即可总结同源策略：浏览器的安全机制，要求三个相同CORS方案：跨域资源共享，服务器
2021-06-10 10:15:43
40
原创 better-scroll滑动库
better-scroll滑动库BetterScroll是一款重点解决移动端（已支持PC）各种滚动场景需求的插件。它的核心是借鉴 iscroll 的实现，它的API设计基本兼容iscroll，在iscroll的基础上又扩展了一些feature以及做了一些性能优化官网：https://better-scroll.github.io/docs/zh-CN/better-scroll相关方法下拉上拉的配置：pullDownRefresh，pullUpLoad,threshold下拉上拉事件：sro
2021-06-07 14:44:55
1808
1
原创 axios创建实例与并发
axios创建实例利用axios.create()创建新实例axios并发操作利用axios.all()实现并发操作总结axios提供了一些高级用法，例如：创建新实例、并发操作等，有助于解决更复杂的业务需求
2021-06-07 14:24:22
144
原创 axios取消重复请求
axios取消请求使用cancel token取消请求：总结axio可以利用cancel token 方式在请求过程中取消请求，利用这种方式实现重复请求
2021-06-06 19:20:39
65
原创 axio请求与响应拦截器
axio拦截器请求拦截器：响应拦截器总结axios拦截器，可以在请求前或响应前做一些统一处理，例如携带请求头信息，添加全局loading，添加全局错误处理等
2021-06-06 17:09:25
188
原创 axios请求与响应配置参数
请求配置参数全局配置的写法：响应配置参数总结axio配置参数：浏览器与服务器之间交互时，携带的一些信息和一些功能的实现，如请求超时，修改发送与响应数据等
2021-06-06 16:58:35
406
原创 axio的基本操作
什么是axiosaxios是一个基于promise的HTTP库，可以用在浏览器和Node.js中。从浏览器中创建XMLHttpRequest,从Node.js创建http请求中文官方：http://www.axios-js.com/axio的优势axio GET请求第一种方式：第二种方式：axio POST请求...
2021-06-06 16:41:54
469
原创 API接口文档
什么是接口文档在项目开发中，web项目的前后端是分离开发的。应用程序的开发，需要由前后端工程师共同定义的接口，编写接口文档，之后大家都根据这个接口文档进行开发，到项目结束前要一直维护编写接口文档接口文档大概需要编写内容为：接口说明、请求方式、请求URL、请求参数，返回参数等示例：https://developers.weixin.qq.com/miniprogram/dev/framework/liveplayer/studio-api.html...
2021-06-04 19:06:59
73
原创 发送JSON数据
POST发送JSONPOST通过修改请求头信息，进行JSON数据发送，通过setRequestHeader()方法进行设置总结发送JSON数据：保证了前后端数据格式的统一，方便其前后端操作，并且可以发送更加复杂的数据结构给后端...
2021-06-04 18:17:22
962
原创 响应JSON数据到页面
DOM方式DOM是HTML文档的编程接口。DOM将文档解析为一个由节点和对象组成的结构集合，也叫DOM树。简言之，它会将web页面和脚本或程序语言连接起来拼接模板字符串模板字符串使用反引号( ``)来代替普通字符串中的用双引号和单引号，可以使用多行字符串和字符串插值功能前端模板引擎模板引擎可以让（网站）程序实现界面与数据分离，业务代码与逻辑代码的分离，提升开发效率，良好的设计也提高了代码的复用性总结如何把JSON数据渲染到页面：DOM操作、拼接模板字符串、前端模板引擎，或
2021-06-04 12:00:25
171
原创 JSON数据
什么是JSONJSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它使得人们很容易的进行阅读和编写。同时也方便了机器进行解析和生成JSON规范Key属性和字符串类型值，必须使用双引号值的类型范围：string、number、object、array、boolean、null最后一组 “名称/值”对 不能有逗号JSON方法JSON.parse()方法用来解析JSON字符串JSON.stringify()方法将一个JavaScrip
2021-06-04 11:18:50
77
1
原创 Ajax请求和响应操作
Ajax请求操作GET发送数据GET请求通过 查询字符串参数 的方式把请求体内容传给后端，要求通过附加url后面进行传输POST发送数据POST请求默认通过 纯文本 的方式把请求体内容传给后端，要求通过send（）方法参数进行传输POST请求可以通过 "名称/值"对 的方式把请求体内容传给后端，要求通过setRequestHeader()方法进行设置总结GET发送数据：url？后面，通过查询字符串参数形式发送POST发送数据：send()方法参数，数值类型为纯文本、
2021-06-03 19:19:22
120
原创 Ajax基本框架
创建XMLHttpRequest 实例Ajax通过原生的XMLHttpRequest对象发出HTTP请求，得到服务器返回的数据后再进行处理。XMLHttpRequest对象是Ajax的主要接口，用于浏览器与服务器之间的通信。监听请求是否成功完成xhr实例下的load事件，用来监听请求是否已经成功完成发出HTTP请求xhr实例创建成功后，使用open（）和send（）方法发出HTTP请求总结基本框架，步骤一：创建xhr对象基本框架，步骤二：监听请求是否完成基本框架，步骤三：发出
2021-06-03 12:55:33
383
原创 koa搭建后端环境
什么是Koa基于Node.js平台的下一代web开发框架官网：https://www.koajs.com.cn/Koa2环境搭建安装Node.js脚手架安装：npm i -g koa-generator创建koa2应用：koa2 项目名安装项目依赖：npm install启动koa框架：npm run dev通过http://localhost:3000访问koa2应用访问资源：/public路由：指如何定义应用的端点以及如何响应客户端的请求总结Koa框架：快速搭建一个后
2021-06-03 12:32:50
496
原创 局部刷新与异步
前端要想访问数据库要先访问后端，通过后端再去访问数据库什么是Ajax技术Ajax即“Asynchronous JavaScript And XML”（异步JavaScript和XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个页面的情况下，能够更新部分王爷的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的部分更新。局部刷新与异步案例总结局部刷新：部分网页内容进行更新，常见需求：下拉刷新
2021-06-02 22:05:17
197
1
原创 数据库与后端语言
什么是数据库数据库是“按照数据结构来组织、存储和管理数据的仓库”。是一个长期储存在计算机内的、有组织的、可共享的、统一管理的大量数据的集合。什么是后端语言后端语言，在Web应用中实际上就是向前端提供需要显示网页内容的数据，这些数据大多从数据库中获取。当然后端语言不只是操作数据，还有安全、分布式、负载均衡等。总结数据库：用来存储数据的，类似excel表格形式，常见数据库有：MySQL、Qracle、Mongodb等。后端语言（Web）：处理业务逻辑和数据的，常见后端语言：PHP、JAVA
2021-06-02 21:41:17
970
原创 HTTP协议
什么是HTPPhttp是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端（浏览器）可能发送给服务器什么样的消息以及得到什么样的响应。HTTP请求与响应的组成http请求信息（Request Headers），用来描述一些元数据。http请求体，也就是请求正文。http响应头信息（Response Headers），用来描述一些元数据。http响应体，也就是响应正文。HTTP请求方法指定客户端（浏览器）想对指定的资源（服务器）作何种操作GET请求与POST请求
2021-06-01 21:07:55
38
原创 浏览器与服务器
什么是浏览器万维网（Web）服务的客户端浏览程序。可向万维网（Web）服务器发送各种请求，并对从服务器发来的超文本信息和各种多媒体格式进行解释、显示和播放什么是服务器指一个管理资源并为用户提供服务的计算机软件，通常分为文件服务器、数据库服务器和应用程序服务器。运行以上软件的计算机或计算机系统也被称为服务器总结：浏览器：用于发起请求，享受服务的服务器：用于响应请求，提供服务的...
2021-06-01 20:39:57
693
原创 Ajax简介
简介Ajax即“Asynchronous JavaScript And XML” （异步JavaScript和XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需加载整个网页的情况下，能够更新部分网页的技术1999年，微软公司发布IE浏览器5.0版本，第一次引入新功能：允许JavaScript脚本向服务器发起HTTP请求。这个功能当时并没有引起注意，直到2004年Gmail发布和2005年Gloogle Map发布，才引起广泛的重视。2005年2月，Ajax这个词第一次正式提出为什么
2021-06-01 20:20:32
47
原创 Vue单向数据流的理解
当组件中有很多参数需要传递时，可以在data中创建一个对象，使用v-bind=“对象”来简化代码举例：注： 1. html中不支持大写字母，如果名字过长建议使用-连接2.属性传的时候，使用 content-abc 这种命名，接的时候，使用 contentAbc 命名例如：**单向数据流的概念：**父组件的数据可以流向子组件，但子组件不能*反向修改父组件的数据如何解决：...
2021-05-18 20:41:52
178
原创 Vue组件间传值及传值校验
**父子组件传递：**父组件调用子组件的标签，通过标签上的属性，向子组件传递值，子组件通过props先来接收对应的属性的内容，之后可以在模板template中使用传递过来的数据了静态传参：固定的字符串动态传参：内容由data中的数据决定传值校验如果传递的类型不对，会有警告required:true要求必须传参数default:默认值validator:对参数深度校验举例：参数不符合要求有提示...
2021-05-18 20:13:00
151
原创 Vue 组件的定义及复用性，局部组件和全局组件
全局组件的定义：*举例：*创建一个vue实例，包含一个子组件counter组件的复用性：每个组件可以被反复使用，独立不会相互影响例：注：.component定义的组件是全局组件，只要定义了，不仅在父组件能用，在其他组件也能用。性能不高，但是使用起来简单。局部组件的定义：*举例：*创建一个Vue实例，有一个子组件counter，需要添加components来注册组件注：1.局部组件，定义了要通过components注册之后才能使用，性能比较高，使用起来比较麻烦，局部组件定义名称无法使用“-”，建
2021-05-17 20:45:47
333
原创 Vue中计算属性computed与methods的区别
计算属性computed与methods的区别1.computed：当计算属性依赖的变量发生变更时，才会重新执行计算2.methods：只要页面重新渲染，就会重新执行计算watcher：侦听器，会侦听某一个属性的变化，变化时会做一些异步操作，同步操作的话，不如computed简洁。注：computed与method都能实现的一个功能，建议使用computed，因为有缓存computed与watcher都能实现的一个功能，建议使用computed，因为更简洁...
2021-05-16 17:51:13
113
原创 Vue基础语法笔记
v-if与v-show两个指令的差异点：v-if是通过这个元素在dom上的存在与否来控制它的展示或者隐藏的v-show是通过style样式来控制，隐藏display：none，显示display会被去掉如何更新数据，让数组的内容变化1.使用数组的变更函数：push，pop，shift，unshift，splice(对一部分内容做变更)，sort(排序)，reverse（取反）举例：this.listArray.push('hello');this.listArray.pop(); //从后往
2021-05-16 17:49:21
56
原创 理解Vue中的生命周期函数
生命周期函数定义：在某一刻会自动执行的函数1.beforeCreate：分析完事件与生命周期函数之后（实例创建之前）会立即执行2.created：分析完数据的依赖注入和双向绑定后（实例创建之后）会被自动执行的函数3.beforeMount：在组件内容被渲染到页面之前，会被自动执行的函数4.mounted:在组件内容被渲染到页面之后自动执行的函数5.beforeUpdated:当data中的数据发生变化的时，会立即自动执行的函数6.updated：当data中的数据发生变化的时，页面重新渲染后，
2021-05-15 17:21:16
139
原创 Git（五）：git多人分支集成协作时的常见场景
git多人分支集成协作时的常见场景不同人想要查看版本路线如何进行操作1.git log //查看提交记录2.git log --oneline //查看简单的提交记录3.git log --oneline --graph //查看当前版本路线3.不同人想要删除不想要的分支如何操作1.git push origin --delete 分支名 //删除远程分支2.注：删除分支时，确认该分支不要了，确认该分支的代码是否已经合并到了主分支上不同人修改了不同文件该如何让处理1.git
2021-05-12 16:17:53
113
原创 Git（四）：git常见问题及解决方法
git常见问题及解决方法文件有变化时如何查看文件的前后变化一、第一种方式1.git log --pretty==oneline 要查看文件的名字2.查看具体内容：复制上图id，git show id号二、第二种方法git log --p 文件名操作失误情况下如何一键复原一、针对文件较少的1.git diff(找到不同，绿色是改动之前的内容，红色是改动之后的内容)2.改动不同的地方二、第二种方式（还原到上一次提交的状态）1.git status(查看文件状态)2.git check
2021-05-12 16:17:26
354
原创 Git（三）：git基本操作
想要删除不需要的文件如何让操作一、手动删除1.在本地删除（delete删除文件）2.git status（状态：删除文件）3.git add .（‘把剩余文件加到暂存区）4.git status(状态：已删除)二、命令行删除1.git rm 文件名2.git status(现在直接是已删除状态)想要给文件重命名时如何进行操作一、手动重命名1.右键修改文件名2.git status(状态：删除了demo2.html 添加了home.html)3.git add home.html
2021-05-12 16:17:02
56
原创 Git(一)：简介
Git简介Git历史Git版本控制工具是05年4月3号开始开发，4月18号已经完成了第一个多分支合并。Git与SVN的对比1.Git是分布式的SCM，SVN是集中式的。集中式版本控制系统：所有电脑都需要从中央服务器中嵌套代码，只有中央服务器有版本控制的数据库，其他电脑上是没有的，当其他电脑上需要操作时，大部分时间都需要和中央服务器做交互，这样就会有一个问题，当中央服务器崩溃掉时候，备份没做怎么办，或者中央服务离线的时候，其他电脑没法与中央服务器交互怎么办，当然这种情况还是比较少。分布式版本控制系
2021-05-05 12:08:51
51
原创 TypeScript学习笔记（十）：Generice泛型
Generice泛型举例：let lastIntArry=<T>(arry:T[])=>{ return arry[arry.lenth-1];}const l1=lastIntArry([1,2,3,4]); //ts会自动匹配l1的类型为numberconst l2=lastIntArry(["a","b","c","d"]); //ts会自动匹配l2的类型为stringconst l3=lastIntArry<string|number>(["a","
2021-05-05 10:57:59
83
原创 TypeScript学习笔记（九）：Interface接口
interface 接口let drowPaint=(point:Point)=>{ //用接口来限制drowPaint的参数 console.log({x:ponit.x,y:point.y});}drowPaint({x:12,y:13});interface Point{ x:number; y:number;}高内聚，低耦合：高内聚，简单来说就是，功能相关的事物应该放在同一个集合中，形成一个模块。而这些模块应该是相互独立的，不同模块之间应该保持低耦合的状态。
2021-04-29 13:22:39
55
原创 TypeScript学习笔记（八）：Object对象类型
Object对象类型基本上使用花括号并且以键值对形式实现的数据都属于对象类型JavaScript中对象Object：key to valueTypeScript与JavaScript不同的是：key to type 键类型对，ts会自动给变量匹配类型const person{ name:"sophia"; age:18;}console.log(person.firstname) //会报错，因为在typescript中比可以调用未定义的变量object与any的区别：可以把o
2021-04-29 12:31:06
2246
原创 TypeScript学习笔记（七）：函数及Lambads与this关键字的使用
Typescript函数一、函数类型1.函数的书写（a）命名函数 function add(x:number,y:number):string{ return "hello typescript"; //函数定义为string类型返回值必须为string类型}(b)匿名函数let myadd=function(x:number,y:number):string{ return "hello ts";}...
2021-04-29 12:05:55
178
1
原创 TypeScript学习笔记（六）：static和使用技巧
static使用：需要通过类名来进行调用举例：class Person{ static name:string; tell(){ alert("姓名："+Person.name) }}let p=new Person();Person.name="sophia";p.tell();使用技巧：class Greeter{ greeting:string; constructor:(message:string){ this.greeting=message; }
2021-04-28 19:54:27
262
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人