- 博客(11)
- 收藏
- 关注
RSS订阅原创 axios的简单了解
axios的基本使用 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端 1.基本用法： axios({ url: '', method: 'GET' }).then(res => { console.log(res) }) 针对get请求中的参数拼接： axios({ url:'', params: { type: 'pop', page: 1 } }).then(res => { console.log
2020-06-15 17:35:26
133
原创 简单了解jsonp原理
jsonp是什么 jsonp和json json是一种轻量级的数据传输格式，一般被用于web应用中，大部分前后端分离的应用都以json格式进行数据传输。 jsonp主要用来解决跨域访问的问题，是一种常见的网络请求方式。 因为ajax直接请求普通文件会存在跨域无权限访问的问题，但是web页面中可以调用js文件，所以解决跨域问题的核心在于通过如何使用jsonp 1.web页面可以无条件执行跨域js文件中的代码（符合web脚本安全策略的） 假设远程服务器remoteserver.com的根目录下有个remote.
2020-05-28 22:17:25
127
原创 promise的基础了解
promise的介绍 promise的基础使用 promise是异步编程的一种解决方案，一般在遇到网络请求时我们会使用异步编程，我们会传入另一个函数，在数据请求成功时，将数据通过传入的函数回调出去，但是当网络请求非常复杂时，可能会出现回调地狱（出现嵌套多层的回调函数），那么promise可以很好的解决这个问题。 首先要new一个promise对象，promise需要传入一个函数，在执行传入的回调函数时，会传入两个参数，resolve和reject，同时这两个参数本身也是函数。 new promise = (
2020-05-18 17:24:27
83
原创 视频学习笔记08
视频学习笔记 vue-cli的入门 Vue-cli 开发大型项目，需要使用Vue CLI2 脚手架可以帮助我们完成代码目录结构，项目结构和部署，热加载，代码测试单元等事情 使用vue cli的前提是node和webpack的安装 安装vue cli：npm install -g @vue/cli 这样安装的是Vue cli3的版本，如果想按照vue cli2的方式初始化项目是不可以的，需要拉取旧版本。vue cli3和旧版使用了相同的vue命令，所以vue cli2被覆盖了，如果要使用旧版本的vue ini
2020-05-11 16:48:32
82
原创 视频学习笔记07
视频学习笔记 webpack的plugin学习 plugin是什么 plugin是插件的意思，通常是对于某个现有的架构进行扩展 webpack中的插件，就是对webpack现有功能的各种扩展，比如打包优化，文件压缩等等 loader和plugin的区别 loader主要是用于转换某些类型的模块，是一个转换器 plugin是插件，它是对webpack本身的扩展，是一个扩展器 webpack中自带的p...
2020-04-27 14:09:26
92
原创 视频学习笔记06
视频学习笔记 webpack的loader学习 loader loader是webpack中的一个核心概念，在开发中需要加载css，图片，也包括一些高级的ES6转ES5代码，将typescript转成ES5代码，将scss、less转成css，将.jsp .vue转成js文件等 loader的使用过程 通过npm安装需要使用的loader，在webpack.config.js中的modules关键...
2020-04-19 21:10:16
69
原创 视频学习笔记05
视频学习笔记 vue模块化开发学习 为什么使用模块化开发 在网页开发早期，JavaScript作为一种脚本语言，做一些简单的表单验证或动画实现，代码很少 随着ajax异步请求的出现，慢慢形成了前后端的分离 客户端需要完成的事情越来越多，代码量也会增加 为了应对代码量的剧增，会将代码组织在多个js文件中进行维护 但是仍然会出现问题，比如全局变量同名问题 这种代码编写方式对js文件的依赖顺序几乎是强制...
2020-04-10 21:58:59
77
原创 视频学习笔记04
视频学习笔记 vue中的组件之间的通信 父组件访问子组件 如果需要父组件访问子组件： 1.使用$children 2.使用$refs $refs是一个对象类型，默认是一个空的对象，使用$refs还可以在子组件的标签名中用ref定义，这样就可以取到对应的子组件的内容，而不需要通过遍历的方式或者数组下标的方式传值，要访问对应的子组件，就可以直接使用this.$refs.(用ref定义在子组件标签名中定...
2020-04-06 14:34:10
86
原创 视频学习笔记03
视频学习笔记 vue中的组件 组件化的基本使用 1.用Vue.extend()创建组件构造器对象，传入的template代表我们自定义组件的模板 2.注册组件 Vue.component(‘组件的标签名’,组件构造器) 3.直接可以用组件的标签名来引用模板 const cpnC=Vue.extend({ template:` <div> ...
2020-03-30 11:01:39
60
原创 视频学习笔记02
视频学习笔记 vue中的v-model v-model的本质 v-model实际是一个语法糖，本质是包含两个操作 1.v-bind绑定一个value属性 2.v-on指令给当前元素绑定input事件 <input type="text" v-model="message"> <input type="text" :value="message" @input="message ...
2020-03-22 11:35:25
69
原创 视频学习笔记01
视频学习笔记 ES6中的let和const ES5中的var在if和for中都没有块级作用域的概念，所以很多时候需要借用function的作用域来解决外面变量的问题。 但是在ES6中，加入了let，它有if和for的块级作用域 变量作用域 变量在什么范围内是可用的 { var name = 'Jane'; console.log(name); } console.log(name); 在...
2020-03-15 09:36:40
149
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人