weixin_46285310的博客

原创 ElementUI的使用

使用Vue搭建项目的时候，我们会用到一些组件，当然呢一个小的项目的开发不必去浪费太多时间在封装组件上，我们可以去使用现成的组件，去使用已经造好的轮子这里推荐一个组件库Element，一套基于vue2.0开发的为程序开发者准备的组件库1 安装推荐使用npm安装，这样可以很好的配合webpack打包工具使用npm i element-ui -S2 引入在项目的main.js 文件里加入import ElementUI from 'element-ui'import 'el

原创 Vue路由守卫

1.路由守卫先说我的理解，路由守卫类似一个安保系统，要向进入园区，必须经过安保的同意，同意了就放行，继续操作，那么路由守卫也是一样的包含 全局守卫 独享守卫 组件内守卫1.1 全局守卫应用于整个页面，处理对应的事件，分为前置守卫和后置守卫 to：进入到哪个路由去 from：从哪个路由离开 next：路由的控制参数，常用的有next(true)和next(false) <!--1.定义组件-->let comA ={ data(){},

原创 关于Vue3(Vue-cli3)打包以及打包之后显示空白和图片不显示的问题

今天进行打包之后遇到一个问题就是，打包上传到服务器里面，图片不显示，之后查了一下，最新的vue3里是这么进行配置的打包：Vue项目创建好之后，右键在新终端中打开，注意一定要在项目的根目录里，输入npm run build 进行打包，等打包好之后，类似这样左侧项目目录会出现一个dist文件夹，这就是你打包好之后的文件夹当然你可以修改它的名称上传到服务器里进行访问，这就是打包关于上传到服务器里显示空白和图片不显示怎么去做网上大多都是有关于vue2及以下版本的配置，在build文.

原创 CSS布局之三种布局

css布局：在我的理解不就是左一块右一块拼接起来的嘛，类似于盖房子，一块一块的区域，只不过是css布局是平面上的。这里css布局要指出是按左中右，上中下排序（今天用到了布局有点忘掉了，顺便记录一下）1.这第一种按我的记忆来说应该是浮动布局1.1浮动嘛：就是浮动元素是脱离文档流的，但不脱离文本流，这是什么意思呢，word里有一种图片环绕的方式是文字环绕，对就是这种效果。浮动自然是有左浮动和右浮动在此基础上再进行扩展左上还是左下（float:left;float:right;）1.2需要注意

原创 关于jacascript算法中排序问题的认识

一：这里就简单对冒泡排序、选择排序、插入排序的算法进行总结梳理1.冒泡排序冒泡排序相对来说是一种简单的排序算法，相对来说较好理解，重复比较，向后移。通俗的来说就是比较算法中相邻的2个元素，如果第一个呢比第二个大，第一个就往后移（第一个元素和第二个元素交换位置），依次进行比较，直到所有顺序都调换过来，最大的那个放在最后1.1动图表示1.2代码演示var arr = [223, 4, 5, 734, 2, 33, 23, 99]; for (v...

原创 一天一个小知识

vue自定义组件首先在components里创建自己的自定义组件 例如我的自定义组件为planquery其次需要在main.js 里去注册import Planquery from '@/components/Planquery'全局组件挂载：Vue.component('Planquery',Planquery)标红的是你的组件名称 使用的时候直接用标签形式就可<planquey>...

原创 html基础

html基础超文本标记语言标签可以嵌套使用，但是要缩进全局属性：id元素为页面的唯一标识，不可以出现相同俩个idhtml5新增的标签语义化标签，表单元素，表单属性，表单事件，多媒体标签header，main，footernav：导航栏，aside侧边栏，section独立内容，video视频，audio音频header 整个也面的标题​声明文档格式 有利于浏览器的解析​​默认网址页面​cookies，sessionStorage和localStorag

原创 超详细的maven环境配置和项目创建

maven项目上遇到的坑1. 环境配置首先呢电脑开发环境里要有jdk和maven，jdk呢我的已经配置好了1.1 java环境配置我的jdk放在了这里，可以根据自己电脑的配置 去官方下载对应jdk版本，之后去配置环境变量，右键此电脑，高级系统设置，环境变量，系统环境变量之后就是Path里，打开cmd运行java -version检测netstat -aov1.2 maven环境配置出现如上图那么环境就配置成功了，接下来就是配置你..

原创 超详细的跨域问题解决办法

什么是跨域简单来理解就是越界了，访问了你不该访问的：当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域在前端领域中跨域一直是一个令人头疼的问题，有时候在访问接口去获取数据就会报跨域问题，当然一个项目由一个团队来配合完成，这个跨域问题一般会由后端的伙伴来去解决为什么会跨域官方解释：出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说

原创 Jquery之ajax交互

ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。ajax交互分为四步　　1）填写地址　　2）返回结果　　3）解析结果　　4）展示数据举个栗子来尝试一下：$('btn').click(function(){ $.ajax({ type:"get", //请求方式

转载 CSS布局之三种布局

css布局：在我的理解不就是左一块右一块拼接起来的嘛，类似于盖房子，一块一块的区域，只不过是css布局是平面上的。这里css布局要指出是按左中右，上中下排序（今天用到了布局有点忘掉了，顺便记录一下）1.这第一种按我的记忆来说应该是浮动布局1.1，浮动嘛：就是浮动元素是脱离文档流的，但不脱离文本流，这是什么意思呢，word里有一种图片环绕的方式是文字环绕，对就是这种效果。浮动自然是有左浮动和右浮动在此基础上再进行扩展左上还是左下（float:left;float:right;）1.2，需要注.

原创 Node.js之非阻塞IO 与 事件循环

非阻塞IO1 阻塞和非阻塞的区别：1.1 阻塞：什么是阻塞： 无数据准备好，系统调用比如read，recvfrom就会挂起，等到有数据准备好或者有数据了才继续执行系统调用，最后才从系统调用的函数中返回非阻塞IO1.2 非阻塞：什么又是非阻塞呢：非阻塞就是是通过忙轮询去检测是否有数据准备好，没有数据准备好就一直轮询，直到有数据准备好了可以开始进行数据的复制了为止。(之后的步骤不受到影响)1.3 理解光从定义上来理解有点不好去理解，那么我们来用例子去说明剖析一下：这么

原创 JavaScript事件循环

原创 如何干净清除mysql.doc

1.控制面板——》所有控制面板项——》程序和功能，卸载mysql server!2.删除mysql文件夹下的my.ini文件及所有文件3.运行“regedit”打开注册表4.删除HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Services\Eventlog\Application\MySQL5.删除HKEY_LOCAL_MACHINE\SYSTEM\ControlSet002\Services\Eventlog\Application\

原创 ECMA Script 知识点总结脑图完整版

相对前俩版总结有了一定知识内容更新，较为完整，对于es6的基础知识更为全面一点

原创 一个简单的async流程

constbaseURL='请求地址';asyncfunctionfindAll(){letresult=await$.get(baseURL+'/index/category/findAll')console.table(result.data);}//方法调用findAll();...

原创 ECMA Script6 知识点更新上一版

这一版知识点总结图更新了对象，数组API的拓展和Promise的总结

原创 Visual Stduio Code如何去自动生成作者信息等

大型项目开发，都是多人合作，需要明确每个开发的功能模块，以便遇到问题及时找到对应负责人解决、统计开发量等，当然哪个代码块需要标明作者等相关信息Visual Stduio Code 系统默认可以设置，新版本自带，我们不需要去安装插件打开vscode，左下角找到设置搜索打开这里可以设置，编辑的作者，时间，vscode的版本号等，相关信息的自动生成可以自己去设置...

原创 ES6知识点的总结

以一个图来展现ES6知识点，后续继续完善

原创 完整的创建一个webpack项目

1.建立webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具1.1 首先先得有一个nodejs环境，没有的话需要去nodejs官网下载官网：https://nodejs.org/zh-cn/1.2 新建一个package.json我这里是在Visual Studio Code 里创建的，到集成终端中打开，进入到项目的根目录下运行 npm init -y 当然这里会出现许多选项(默认参数:版本号等等)，作为新手呢，第一次直接进行下一步，最后选择yes，到此

原创 解决‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序

解决办法：在终端运行命令：npm install --global vue-cli当然如果不行也可以通过：cnpm install -g vue-cli如果还是不行就删除node_moudles之后，重新下载依赖，通过以下命令下载依赖，注意一定要在项目根目录下运行npm install 或者 cnpm install...

原创 Vue路由守卫与axios拦截器的对比

1 分类路由守卫：全局路由守卫，路由独享守卫，路由组件内守卫拦截器：请求拦截器(request)，响应拦截器(response)2 作用路由守卫作用：先说我的理解，路由守卫类似一个安保系统，要向进入园区，必须经过安保的同意，同意了就放行，继续操作，那么路由守卫也是一样的拦截器的作用：我的理解是拦截请求和响应，比如在登录一个页面的时候，当用户不输入密码或者输入错误，或者想要跳过这步操作，就会进行拦截，让你进行一个登录的操作，当然重定向也可以实现共同点：都是对操作进行防护，都类似

原创 Vue插槽，组件，可复用技术

1. 插槽1.1 分类插槽分为：普通插槽，具名插槽，作用域插槽1.1.1 普通插槽插槽允许我们在调用子组件的时候为子组件传递模板插槽可以放任何东西，默认不指定位置是放在main里<slot></slot><template v-slot="default"> 默认插槽</template>1.1.2 具名插槽为了不混淆，默认插槽，内容是放入main里，为了实现我们想要的效果，这里就有了具名插槽，说白了就是具有名

原创 Vue组件的认识

Vue1.Vue组件：1.1 定义Vue组件是Vue实例，可以多次调用，可以扩展HTML元素，组件是可以复用的，与new Vue接收相同的选项，等生命周期函数钩子。如何去定义呢：let component = { //里面放的是一个函数，和ES语法不同 data(){ return{ //返回值对象的唯一拷贝，为了保证组件内部数据不会相互影响 msg:'数据' } }, template:`

原创 Async总结

async是异步操作的关键字，是generator函数的语法糖，具体语法呢：async function 函数名称( 参数名称 ){函数体}，来举个栗子：1.1这里返回的是一个promise对象：Promise 对象只有：从 pending 变为 fulfilled 和从 pending 变为 rejected 的状态改变。只要处于 fulfilled 和 rejected ，状态就不会再变了即 resolved（已定型）。async function helloAsync(){...

原创 ES6中class类的讲解

传统的javascript中只有对象这个概念，而没有类的概念，它是基于原型的面向对象的一种语言原型的特点就是将自身的属性共享给新的对象，如果要生成一个对象的实例，应该怎么做呢，首先需要定义一个构造函数，然后通过new操作符来完成：// 函数名和实例化构造名应该相同大写function Person(name,age){this.name = name;this.age = age;}Person.prototype.say = function(){...

原创 this的指向问题

函数this的指向this的指向，这个确实比较难以搞懂，那么今天就来谈谈this的指向到底是指向哪里呢，先说说什么是this在js中this确实是个难点，有时候，确实一下搞不清this到底是指向的哪里，在js里this是关键字，始终指向一个对象，是一个指针this的指向不是由定义this而决定的，随着解析来的1.1、在全局作用域里this始终指向window，来举个栗子console.log(this === window); //trueconsole.log(window.al

原创 ES6语法

ES6语法初始一：学习ES6之前也学过ES5，当然这就不做过多介绍了，ES6也是对ES5的一个升级，都知道javascript包含了ECMAScript，和Dom、Bom那么ES就是ECMAScript，ES6涵盖ES2015，ES2016，ES2017是一个标准当然ES6也增加了许多新特性：比如ES6新增了let和const命令1.1、Let命令：用于声明一个变量，类似于var，但是声明的变量只在包含let的代码块里有用，变量的值可以改变，当在代码块外调用就会报错{let a ..

原创 Visual Studio Code使用Vue无法加载该怎么办

cnpm : 无法加载文件 C:\Users\tt\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本遇到这个问题不要慌，在window开始菜单里搜索PowerShell，右键以管理员的身份运行，打开之后呢，类似于终端那个样子，之后直接输入set-ExecutionPolicy RemoteSigned，选择Y或者选择A之后就可以正常运行了，如果还是不行，就去电脑的磁盘里找到node_modules删除之后，也就是依赖，环境的依赖包，删掉之后使用cnpm .

原创 Web存储，通信总结

Web存储，通信，这些底层的原理，不仅在面试中会有提问，当然在项目中也会涉及到，很重要第一：Web存储1.1 Cookiecookies 是基于http规范，用来识别用户，产生于服务器，保存于客户端，当然Cookie是服务器发送到浏览器的一小段数据，会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上(这里之后的应用就是用户在浏览器访问某些东西，查找一些内容，都会生成一些cookie数据，当然这是我了解到的，因为之前在访问个人博客地址时候，访问不到，可能是访问的太多次数了，需要清除一下.

原创 如何在Vue中引入iconfont

首先在了解了Vue的基础上，知道和一般的html代码里引入的方式会有所不同，那么如何引入呢第一步：首先在某图标库里搜索你想要的图标第二步：点击图标添加到购物车里如下图所示第三步：点击右上角购物车，会出现一个列表我们这里选择添加到项目，如果没有，则再右下角新增一个项目第四步：点击之后会跳转到项目里如图，这里我们选择Font class如有特殊需要，点击项目设置，设置一些选项，这里有一个前缀可以设置，避免与你的vue项目里的css或者命名参生冲突第五步：...

原创 js之事件绑定

js的事件绑定是很重要的一部分，js中的事件有很多，那么操作去让相应的事件执行相应的事情呢？这里就涉及到事件的绑定，那么什么是事件绑定呢？这里就要提到事件：事件呢通俗理解就是事情，比如你要去买一本有关java学习的书，事件呢包含三要素：事件目标，事件处理程序，事件对象 比如这里：事件目标：是去买书，处理程序：整个买书的流程，事件对象呢：书 这里只是简单的提一下事件，接下来来说说事件绑定事件绑定：把事件写在dom节点上就实现了绑定事件，这么说有些人可能就不理解了，说白了，就是html事件处理程序，喊一

原创 变量声明和函数声明的优先级

1.当声明一个变量a，在node里输出时，值为undefined，当声明一个函数a的时候，再次输出一下，a为函数图1（声明变量a）、图2（声明函数a输出的结果）如此我们暂时定为函数的优先级会高一点，我们再往下看2.当我们声明变量a的同时给a赋值，再次声明函数a，进行调用的时候，这时候发现，会提示a不是一个函数，这里难道是我们声明有问题吗？它会覆盖？变量声明优先级高于函数声明优先级？假定一个猜想，可能和声明的顺序有关我们接下...

原创 2020-11-19

@微信小程序开发之错误日@TOC需要定义全局变量如果您看到了，解决了你的问题，请点个赞

原创 如何在activity_main_xml中查看代码

在activity_main_xml中查看代码第一步：我们打开Androidstudio中Android>app>res>layout>activity_main.xml，如图所示：第二步：打开后会如图所示找不到代码区域别担心，接下来我们点击右上角那个，如图所示：之后就会出现写代码区域，如图：如果解决了你的问题，希望可以留下您的点赞，非常感谢！...