田妫-优快云博客

原创网络模块封装axios

Vue中发送网络请求有非常多的方式。那么，在开发中，如何选择呢？选择一：传统的Ajax是基于XMLHttpRequest为什么不用它呢？因为配置和调用方式等非常混乱编码起来看起来就头疼所以真实开发中很少直接使用，而是使用jQuery-Ajax选择二：jQuery-Ajax相对于传统的Ajax非常好用为什么不选择它呢？首先，我们先明确一点，在Vue的整个开发中都是不需要使用jQuery了那么，就意味着为了方便我们进行一个网络请求，特意引进一个jQuery，应该不合理。jQuery的代码1

2021-08-14 22:17:30 175

原创 Vuex解释

官方解释：vuex时一个专为Vue.js引用程序开发的状态管理模式它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种课预测的方式发生变化状态管理到底是什么？状态管理模式，集中式存储管理：简单的来说，把需要多组件共享的变量全部存储到一个对象里面，然后将这个对象放在顶层的vue实例中，让其他组件可以使用。那么，多个组件就可以共享这个对象中的所有变量属性了有什么状态是需要我们在多个组件共享的呢？比如用户的登录状态，用户名称，头像，地理信息等等。比如商品的收藏。购物车中的物品等等

2021-08-12 18:11:39 387

原创 keep-alive

keep-alive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染router-view也是一个组件，如果直接被包在keep-alive里面，所有的路径匹配到的视图组件都会被缓存使用方法：<keep-alive> <router-view></router-view> </keep-alive>为什么点击关于之后，回到首页的时候，它不会在信息这里，而是重新回到了新闻这里？因为它每次都创建一个新的组件，点击其

2021-08-05 14:13:04 169

原创 http协议

协议:规定了浏览器和服务器端的数据的交互的格式。http的特性：1，基于请求和相应模型1.1，必须要先有请求，后有响应1.2，请求和相应必须成对出现2，简单快捷2.1，因为发送请求的时候只需要发送请求方式和请求路径即可http的版本HTTP1.0:对讲机HTTP1.1：电话机，具有时间间隔，长时间不响应会断开http协议的抓包分析1，准备工作，创建页面http的请求部分：三部分：1，请求行，2，请求头，3，请求体请求行：1，请求方式，2，请求路径，3，协议版本get：1

2021-08-04 22:52:25 121

原创 $router和$route

router和route在组件内打印出this.$router和在main.js中打印出的router是同一个东西但是在组件里打印出route和router就不一样了route是组件自己配置的路由。所有的组件都继承自Vue的原形导航守卫导航守卫就是路由跳转过程中的一些钩子函数，路由跳转时一个大的过程，这个过程可以细分为跳转前中后等过程，每个过程都有一个函数，这个函数，能让你操作一些其他的事。vue-router提供的导航守卫主要用来监听路由的进入和离开的vue-router提供了befo

2021-08-04 20:39:59 464

原创动态路由详解

在某些情况下，一个页面的path路径可能是不确定的，比如我们进入用户界面时，希望是如下的路径：/user/aaa或者/user/bbb除了有前面的/user之外，后面还跟上了用户的ID这种path和Component的匹配关系，我们称之为动态路由（也是路由传递数据的一种方式）代码写法是：/：后面是用户名。但是现在无法显示用户的内容，因为对不上号。做法很简单，就是在router-link下的to路径下添加用户名：结果：但是这个一般是动态获取的数据，使用v-bind：to=’‘，也可

2021-08-04 16:23:52 8422

原创 vue-router

改变url但是页面不刷新1,通过hash改变，不会刷新location.hash=''2，通过history对象history.pushState({},'','url')这种方式其实利用了栈结构，push为入栈，要出栈，使用history.back()方法3，通过history对象的replaceState()方法这个方法的效果跟上面的方法的效果一模一样，但是它是无法返回的。4，history.go()go只能在pushState中使用，因为它是要在栈中跳的。它的参数可正可

2021-08-03 15:59:02 152

原创 3，图层进阶

1，图层过滤：可以根据图层不同的性质进行查看管理图层过滤的功能区最后一个是图层过滤的开关2，图层锁定：是对图层或图层某部分进行操作保护有四个锁定按钮第一个：锁定透明像素–禁止对透明区域进行操作对旁白的透明的不能作画，但是对于旁边的画笔划过的地方依然可以编辑第二个：锁定图像像素–禁止编辑图像，但可以移动变换想要用画笔去画的时候，会提示出错误。但是可以用移动工具。第三个：锁定位置–禁止移动变换不能移动，但是可以编辑第四个：锁定全部–禁止一切的操作3，图层链接：可以多图层统一移

2021-07-29 19:30:13 126

原创 2，通道蒙版

1，面板解析将通过作为选区载入。第二个，将选区存储的通道。第三个：创建新通道，最后一个就是删除通道。2，通过存储选区，面板按钮，面板菜单都可以创建新通道，最多再存53个alpha通道3，alpha通道就是记录透明度信息的特殊图层4，选区和通道的关系。刚才在原图中通过选区工具生成了一个alpha通道，但是打开这个通道后发现没有选区，这时候点击面板的第一个按钮，或者右键–载入选区，还有一个快捷键：按住ctrl，选住这个通道。这个不光可以点击一个通道，也可以点击另一个通道，将这个通道给载入

2021-07-28 15:55:33 650

原创 1，ps的自由变换

1，自由变换快捷键：ctrl+t1，alt+鼠标，定位参考点在菜单栏的第一个有个棋盘格，那是参考点的位置。而且在拖动参考点时，接近棋盘格的点，参考点会自动依附过去2，移动，可以通过鼠标移动，键盘移动，+shift扩大移动的步伐通过上面的菜单栏进行精确移动，上面的xy时记录参考点的位置数值是距离画布左顶角的位置3，菜单栏上的三角形是使用参考点进行相关定位重新进行自由变换时，点击这个按钮，会发现，不管是x还是y轴，都会变成0，也就是说，画面的位置是以参考点作为相对点，画面此时的位置就是归

2021-07-28 11:37:34 3856

原创 vue-router详解

什么是路由路由是一个网络工程的术语。路由就是通过互联的网络把信息从源地址传输到目的地址的活动生活中的应用：路由器路由器提供了两种机制：路由和转送路由时决定数据包从来源到目的地的路径转送将输入端的数据转移到合适的输出端路由中有一个非常重要的概念教路由表路由表本质上就是一个映射表，决定了数据包的指向什么是前端渲染？什么是后端渲染？网页发展第一阶段：后端渲染用jsp/php，jsp：Java server page早期的网站开打整个html页面是由服务器来渲染的，服务器直接生产渲染好对

2021-07-26 15:21:53 111

原创箭头函数的this问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2021-07-26 10:48:54 91

原创箭头函数的说明

箭头函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g

2021-07-25 17:37:39 81

原创 vueCLI脚手架的介绍和安装

什么是Vue CLI如果你只是简单写几个Vue的Demo程序，那么你不需要Vue CLI如果你在开发大型项目，那么你需要，并且必然需要使用Vue CLI使用Vue.js开发大型应用时，我们需要考虑代码目录结构，项目结构和部署，热加载，代码单元测试等事情如果每个项目都要手动完成这些工作，那无疑效率比较低，所以通常我们会使用一些脚手架工具来帮助完成这些事情CLI是什么？CLI是Command-Line Interface，翻译为命令行界面，但是俗称脚手架Vue CLI是一个官方发布Vue.js项目

2021-07-25 15:58:05 517

原创 webpack--搭建本地服务器

webpack提供了一个可选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现我们想要的让浏览器自动刷新显示我们修改后的结果不过它是一个单独的模块，在webpack中使用之前想要先安装它npm install --save-dev webpack-dev-server@2.9.3devserver也是作为webpack中的一个选项，选项本身可以设置如下属性：contentBase：为哪一个文件夹提供本地服务，默认是根文件夹，我们这里要填写./distpo

2021-07-19 17:24:08 246

原创 webpack-plugin

认识pluginplugin是什么？plugin是插件，通常是用于对某个现有的架构进行扩展webpack中的插件，就是对webpack现有的功能的各种扩展，比如打包优化，文件压缩等等。loader和plugin的区别：loader主要用于转换某些类型的模块，它是一个转换器plugin是插件，它是对webpack本身的一个扩展，是一个扩展器plugin的使用过程：1，通过npm安装需要使用的plugins（某些webpack已经内置的插件不需要安装）2，在webpack.config.js中

2021-07-19 15:34:21 171

原创创建Vue时template和el的关系

SPA（simple page application）单页面应用多页面通过路由跳转vue-router(前端路由)一般开发时只有一个index.html页面，所以在里面，一般只有这个，外面的壳，而没有里面的内容el和template区别（一）：提出问题模型：如果外面希望将data中的数据显示在界面中，就必须是修改index.html如果外面后面自定义了组件，也必须修改index.html来使用组件但是html模板在之后的开发中，我并不希望手动的来频繁修改，是否可以做到？定义template

2021-07-19 11:42:46 499

原创 webpack学习之配置vue

1，要想使用vue，就得先配置vue，命令为npm install vue@2.5.21 --save这个时候不需要加-dev，因为需要全程很多地方都要用到。2，下载完，就可以使用。但是，一定要加这句话：import Vue from ‘vue’千万不要忘记后面的vue是小写的而且要加单引号，因为会报错：然后就可以编写代码使用vue了，如下例：// 使用vue进行开发import Vue from 'vue'const app = new Vue({ el: '#app',

2021-07-17 21:13:30 163

原创 webpack学习之图片文件处理

1，webpack只有打包处理js代码的功能，要想处理图片文件，必须安装loader：url-load命令：npm install --save-dev url-loader@1.1.2这个后面@带的是版本号，我用的webpack的版本是3.6.0，现在的webpack的版本是4.0.0，所以如果不带版本号，下载的就是默认的最新的，只能适配最新的webpack版本。2.下载过后就要配置。如图所示，webpack.config.json中进行配置。具体的配置看官网https://www.webpack

2021-07-17 18:18:41 469

weixin_44020809的博客

原创网络模块封装axios

原创 Vuex解释

原创 keep-alive

原创 http协议

原创 $router和$route

原创动态路由详解

原创 vue-router

原创 3，图层进阶

原创 2，通道蒙版

原创 1，ps的自由变换

原创 vue-router详解

原创箭头函数的this问题

原创箭头函数的说明

原创 vueCLI脚手架的介绍和安装

原创 webpack--搭建本地服务器

原创 webpack-plugin

原创创建Vue时template和el的关系

原创 webpack学习之配置vue

原创 webpack学习之图片文件处理

原创 2021-07-16

原创 leetcode35 search insert position

原创 leetcode28-Implement strStr()

原创 leetcode-27 Remove Element

原创 leetcode26-Remove Duplicates from Sorted Array

原创 leectode20-Valid Parentheses

翻译 leetcode14

原创 Roman to Integer

原创 leetcode-Palindrome Number

原创 second and leetcode-Reverse Integer

空空如也

空空如也