- 博客(16)
- 资源 (1)
- 收藏
- 关注
原创 接口请求状态码
http状态码状态码 响应类别 信息1xx 信息性 服务器正在处理请求2xx 成功 请求已正常处理完毕3xx 重定向 需要进行额外操作以完成请求4xx 客户端错误 客户端原因导致服务器无法处理请求5xx 服务器错误 服务器原因导致处理请求出错详细信息100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。101 (切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换200 (成功) 服务器已成功处理了请求。 通常,这表示服务器提供
2020-05-18 10:27:59 543
原创 webpack项目中使用vue
webpack项目中使用vue第一步:运行 npm i vue –S 安装vue第二步:在src->index.js入口文件中,通过 import Vue from ‘vue’ 来导入vue构造函数第三步:创建vue的实例对象,并指定要控制的el区域第四步:通过render函数渲染app根组件//导入vue构造函数import Vue from 'vue'// 导入vue单文件组件import App from './components/App.vue'const vm = n
2020-05-17 09:31:12 256
原创 webpack配置vue组件加载器
前言App.vue单文件组件代码<template> <div> <h1>App根组件</h1> </div></template><script> // 这里定义vue组件的业务逻辑 export default{ //私有数据 data(){ return{} }, methods:
2020-05-16 21:48:28 416
原创 vue中单文件组件
传统组件的问题和解决方案1.全局定义的组件必须保证组件的名称不重复2.字符串模板缺乏语法高亮, 在HTML有多行的时候,需要用到丑陋的3.不支持 CSS意味着当HTML和JavaScript组件化时,CSS 明显被遗漏4. 没有构建步骤限制,只能使用HTML和ESS JavaScript,而不能使用预处理器(如: Babel)解决方案针对传统组件的问题,Vue 提供了一一个解决方案一使用 Vue单文件组件。单文件组成结构第一步:在项目根目录中新建 components目录第二步:在com
2020-05-16 20:58:44 317
原创 webpack打包处理js文件中的高级语法
前言在js文件中定义一个User类import $ from 'jquery'import './css/at.css'import './css/at.less'import './css/at.scss'$(function() { $('li:odd').css('backgroundColor', 'blue') $('li:even').css('backgroundColor', 'lightblue')})class User { static info = 'Us
2020-05-16 20:29:57 1434
原创 webpack加载器打包样式表中的图片和字体
前言index.html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="/button.
2020-05-16 12:44:10 304
原创 webpack中loader加载器配置postCss自动添加CSS兼容前缀
配置postCSS自动添加css的兼容前缀前言在这里我使用VScode为编辑器html文件中 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</t
2020-05-16 11:52:36 446
原创 webpack中loader加载器(打包非js模块)
通过loader打包非js模块我这儿用VScode为编辑器在实际开发过程中,webpack默认只能打包处理以.js后缀名结尾的模块,其他非. js后缀名结尾的模块,webpack 默认处理不了,需要调用loader 加载器才可以正常打包,否则会报错!loader加载器可以协助webpack 打包处理特定的文件模块,比如:less-loader可以打包处理. less相关的文件sass- loader可以打包处理. scss相关的文件url-loader可以打包处理 css中与url路径相关的
2020-05-16 11:21:14 288
原创 webpack打包后自动弹出浏览器查看效果
当配置了webpack自动打包和预览页面后,每次打包都要复制 http://localhost:8080/ 到浏览器中查看效果,那么我们能不能在打包后自动打开浏览器查看效果呢,答案是可以的。在package.json中的配置注意:当我们端口被占用了就另外更换一个端口package.js代码如下:"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "webpack-d
2020-05-15 14:48:00 885
原创 webpack预览页面配置
应用场景:当我们配置了webpack自动打包工具后,通过 http://localhost:8080/ 访问到的是文件夹根目录,而没有直接打开html页面,如果要打开html页面需要在界面中点击指定的html页面才行。所以在这儿就用到webpack预览页面配置,直接把要在浏览器中访问的页面放在在根目录内存中。在这里我使用VScode编辑器在vscode中要停止自动打包,使用ctrl+c快捷键,选择 Y 接口停止自动打包功能第一步:vscode终端,在项目根目录中运行 npm install html
2020-05-15 14:30:32 674
原创 webpack自动打包功能配置
当我们在js中修改后,在浏览器打开html文件并没有任何变化,这是因为引入的js文件是之前打包的js文件,如果要实现修改后的js有变化,需要在重新打包一次,这样就大大的增加了我们的工作量,所以这儿就用到了webpack配置自动打包功能。这儿我用vscode为编辑器第一步:vscode终端,在项目根目录中,运行 npm install webpack-dev-server -D 命令,安装支持项目自动打包的工具。第二步:修改package.json -> scripts 中的start命令如下(
2020-05-15 13:44:50 1340
原创 webpack的使用、安装和配置打包的入口和出口
webpack的基本使用在这里我使用VScode为编辑器讲解 隔行变色案例第一步:创建项目空白文件,并在终端中运行npm init -y 命令、初始化包管理配置文件package.json第二步:在当前项目根目录中新建src目录第三步:在src目录中新建index.html文件在index.html中输入内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2020-05-15 13:04:54 1097
原创 Vue Router路由嵌套
路由嵌套分析点击父级路由链接显示模板内容模板内容中又有子级路由链接点击子级路由链接显示子级模板内容默认显示点击 hello链接显示 本身的组件外,还显示了自身下的子组件嵌套路由用法父路由组件模板父路由链接父路由填充位<div id="app"> <router-link to="/index">index</router-link> <router-link to="/hello">hello&
2020-05-13 13:20:46 154
原创 Vue中使用form表单提交刷新问题
vue中使用表单form默认提交行为是刷新一下,在这儿我们使用事件修饰符prevent来阻止form表单的默认行为在@click后面跟上prevent 这样就可以阻止form表单默认刷新行为了<input type="submit" value="提交" @click.prevent='had'>案例如下<!DOCTYPE html><html lang="en"><body> <div id="app"> <fo
2020-05-13 12:52:21 3704
原创 Vue Router路由及路由重定向
Vue的核心深度集成,可以非常方便的用于SPA应用程序的开发。实现路由功能七大步骤第一步:引入相关的库文件注意:必须先引用Vue,在引用vue-router 顺序不能颠倒<!-- 导入 vue 文件 --><script src="vue.js"></script><script src="vue-route.js"></script>第二步:添加路由链接router-link 是vue中提供的标签,默认会被渲染为a标签to
2020-05-12 18:03:43 2120
原创 vue中阻止冒泡事件
vue冒泡事件事件冒泡是指发生在子元素身上的事件,会冒泡至父元素身上。如我们在子元素身上点击后,也会触发父元素的点击事件,若不及时阻止,该事件还会一级一级冒上去。事件冒泡这个行为是默认存在的,故需要我们进行及时的阻止<script> window.onload = function(){ var vm = new Vue({ el:'#app', data:{ }, met
2020-05-12 11:00:52 17621
9png.zip工具安装包
2020-06-12
退出登录,为什么页面显示的是退出登录时的布局和信息?
2022-08-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人