ehehjgx-CSDN博客

原创 webloader打包非js

webpack中的加载器通过loader打包非js模块：默认情况下，webpack只能打包js文件，如果想要打包非js文件，需要调用loader加载器才能打包 loader加载器包含： 1).less-loader 2).sass-loader 3).url-loader:打包处理css中与url路径有关的文件 4).babel-loader:处理高级js...

2021-08-30 10:22:35 151

原创 vue脚手架

Vue脚手架可以快速生成Vue项目基础的架构。 A.安装3.x版本的Vue脚手架：npminstall-g@vue/cli B.基于3.x版本的脚手架创建Vue项目： 1.使用命令创建Vue项目命令：vuecreatemy-project 选择Manuallyselectfeatures(选择特性以创建项目) 勾选特性可以用空格进行勾选。是否选用历史模式的路由：n ESLint选...

2021-08-21 15:42:15 71

.webpack的基本使用创建项目目录并初始化创建项目，并打开项目所在目录的终端，输入命令： npminit-y 创建首页及js文件在项目目录中创建index.html页面，并初始化页面结构：在页面中摆放一个ul，ul里面放置几个li 在项目目录中创建js文件夹，并在文件夹中创建index.js文件安装jQuery 打开项目目录终端，输入命令:npminstalljQuery-S 导入jQuery 打开index.js文件，编写代码导入jQuery并实现功能...

2021-08-20 16:24:24 122

原创 es6模块化开发babel的使用

配置es6运行环境定义：npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node npm install --save @babel/polyfil 导入模块用import关键字，暴露模块用export关键字 babel：项目跟目录创建文件babel.config.js babe...

2021-08-20 10:12:52 150

原创 vue路由

后端路由：根据不同的用户url请求，返回不同的内容本质：url请求地址与服务器资源之间的对应关系 spa:用来支持前端地址的前进和后退操作前段路由：用户事件与事件处理函数之间的对应关系 window.onhashchange：监听事件对象路由，location.hash获取到值 vue.router是vue官方的管理器基本使用： 1.引入相关文件 2.添加路由链接（router-link,是vue中提供的标签默认渲染为a标签） 3.添加路由填充位（router-view）,渲染规则

2021-08-19 14:57:31 74

原创异步函数前后端交互案例

1.首先先做界面渲染，用mounted函数，一般在初始化页面完成后，再对dom节点进行相关操作， 2.要获取到后台的数据，用axions方法通过url地址，获取到在function函数的data数据，但是这里的this不是全局，所以要用箭头函数 3.因为要获取到数据，可以用拦截器 axios.interceptors.response.use(function(res){ returnres.data; },function(error){ console.log(erro...

2021-08-19 09:40:24 144

原创 bug问题解决库

Error: Cannot find module ‘destroy 第一步：删除node_modules和package-lock.json 第二步：在命令行工具中输入npm install 重新下载项目所依赖的第三方模块，然后就可以顺利运行了。

2021-08-19 09:23:32 70

原创组件化案例开发总结

1：整个案例要用模块化开发的模式 2.首先定义全局中心 3.将要开发的模块分为几个部分，用来做局部变量 4.采用components定义局部变量的名称例： components:{ 'cart-title':CartTitle, 'cart-list':CartList, 'cart-total':CartTotal }, 5.局部变量例定义：var Cartotal，要...

2021-08-19 09:21:47 119

原创 vue前后端交互axios用法

基本用法：axios.get('/adata') .then(ret=>{ data属性名固定的，用于获取后台响应的数据 console.log(ret.data) ) 可以通过params直接传参get方法，比较方便，也可以用delete axios.get('/adata'),{ params:{ id:123 .then(ret=>{ data属性名固定的，用于获取后台响应的数据 console.log(ret.data) ) 用p...

2021-08-18 15:16:59 1027

原创 vue前后端交互promise方法和fetch方法

promise基本用法：实例化promise对象，构造函数传递函数，函数用来处理异步任务，resove和reject两个参数用来处理成功和失败两种清空，通过p.then获取处理结果data接受正确的参数info接受错误的参数。 onreadystatechange 事件当请求被发送到服务器时，我们需要执行一些基于响应的任务。每当 readyState 改变时，就会触发 onreadystatechange 事件。 readyState 属性存有 XMLHttpRequest 的状态信息。在

2021-08-18 14:02:03 230

原创 vue基础4

组件化规范：web components Vue.component('button-counter'(组件名称),{ （组件的属性） data:function(){ return{count:0 }},（提供一个具体的对象） template:'<button@click="handle">点击了{{count}}次</button>'（模板内容）组件注册注意事项 1、组件参数的data值必须...

2021-08-18 09:06:06 59

原创 vue基础3

表单操作：在表单加上属性value，在data里面进行选择 numer:转化为数值，trim:去掉开始和结尾的空格，lazy将input事件转化为change事件 lazy事件，失去焦点触发例：v-model.number 自定义指令：用法：v-focus 通过指令来控制规则例：Vue.directive('focus',{ inserted:function(el){ //el表示指令所绑定的元素 el.focus(); }})...

2021-08-16 14:49:10 55

原创 vue基础2

v-bind()处理动态的跳转也可以缩写为：href v-bind()可以绑定class=（类名，is属性），也可以写成数组形式(v-bind:class='[activeClass,errorClass]) v-bind()也可以混合使用 data:{ activeClass:'active', errorClass:'error',（数组写法） isTest:true, (对象写法)} ...

2021-08-15 15:52:51 58

原创 vue基础1

第一步：引入vue.js的库文件 var vm=new Vue({ el:'元素位置'，：元素关联位置,可以是css选择器或者是dom元素 data:{msg :'内容'}}) :模型数据 {{插值表达式}}（支持简单的计算） vue模板语法指令：v-cloak 解决闪动问题（闪动：当浏览器反应速度慢，会先显示括号的内容） v-text 指令用于...

2021-08-15 10:27:09 59

原创 github

本地仓库连接gihub远程仓库：git push+远程仓库地址 +分支名称给远程仓库起名：git mote add +别名+远程仓库地址记住仓库名字以及名称：git -u origin master（-U下一次提交用git push也适用）

2021-08-14 11:20:48 54

原创 git分支

概念：分支当前工作目录中代码的一份副本，使用分支可以从开发主线分离出来，以免影响开发主线。主分支：第一次想git仓库提交更新记录自动产生的一个分支。开发分支：作为开发分支，基于主分支创建。功能分支：作为开发具体功能的分支，基于开发分支创建。分支命令：查看分支：git branch +分支名称等于创建分支切换分支：git checkout +分支名称合并分支： git merge+合并分支 ...

2021-08-13 15:35:48 56

原创 git学习

什么是版本管理：git是用来进行版本管理，方便将来查阅特定版本的文件内容。什么是it:git是版本管理控制系统，可以在任何时间点，将文档的状态作为更新记录保存起来，也可以在任何时间点，将更新记录恢复回来。操作命名：get --version,查看版本号 ...

2021-08-13 14:50:59 69

ehengyyds的博客