3 上海_彭彭

尚未进行身份认证

暂无相关简介

等级
TA的排名 1w+

Vue-Promise 异步操作 总结

1. Promise 是一个构造函数, 我们可以用new Promise() 获取一个Promise 实例2. Promise 有两个函数,分别是 resolve 成功之后的回调函数, reject 失败后的回调函数。3. Promise 可以访问.then() 方法4. Promise 表示一个异步操作,每当我们new 一个Promise 的实例, 这个实例 就表示一个具体的异步操作。5...

2019-10-23 16:04:24

webpack- 两种方法解决: You are using the runtime-only build of Vue where the template compiler is not报错

安装 vue安装命令如下:npm i vue -S在webpack 使用vue在main.js 导入 vueimport Vue from 'vue'var vm= new Vue( { el:'pp', data:{ msg:'我是个好学生,爱学习,爱劳动,自己的事情自己做' } })...

2019-08-22 15:23:03

webpack中配置babel 来处理高级js类型语法

安装 babel 相关的插件npm i babel-core babel-loader babel-plugin-transform-runtime -Dnpm i babel-preset-env babel-preset-stage-0 -D这个两套都需要安装在webpack 的配置文件添加匹配规则...

2019-08-21 18:56:51

webpack-babel解决babel-loader@8.0.5 requires a peer of @babel/core@^7.0.0 版本兼容的问题

#第一套包,相当于babel的转换工具npmibabel-corebabel-loaderbabel-plugin-transform-runtime-D#第二套包,babel的语法npmibabel-preset-envbabel-preset-stage-0-D##安装第一个包出现报警告babel-loader@8.0.5requiresapeero...

2019-08-21 18:29:20

webpack-使用url-loader处理字体文件

把字体文件放到 icons 文件下在css 引用这个 .icon{ width: 50px; height: 50px; background: url("../icons/check-circle.svg"); background-size: cover; }in...

2019-08-21 16:56:20

webpack-使用url-loader处理url 图片

安装 url-loadernpm i url-loader file-loader -Dfile-loader 是依赖包。在images 文件夹放一个图片 ,test.jpg配置 规则如下: module: {//这个节点用于配置所有的第三方模块加载器 rules:[//所有第三方模块的匹配规则 {test: /\.css$/,use:['st...

2019-08-21 16:06:19

webpack-配置处理less 文件的loader

Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。安装 less-loadernpm i less-loader -D安装依赖包less,npm i less -D定义less匹配规则 module: {//这个节点用于配置所有的第三方模块加载器 rules:[...

2019-08-21 13:33:31

webpack-loader处理css样式表

我们想在main.js 导入咱们的样式 ,import './CSS/index.css'在 css 目录下创建 inex.css然后把 index.html 的style 放到这个文件里*{ padding: 0; margin: 0;}.form{ width: 500px; margin: 100px auto 0;}table{ ...

2019-08-21 00:11:27

html-webpack-plugin的两个基本作用

我们知道前面 bundle.js 是保存在内存中 ,优点就是速度快, 那咱们也想让 html 也放到内存中, 就要用到一个插件html-webpack- plugin首先先安装这个插件npm i html-webpack-plugin -D导入 在内存中生成html 页面的插件进入 webpack.config.js 里 添加内容如下:const path= require(...

2019-08-20 22:56:19

webpack-dev-server的 常用命令参数01

自动打开浏览器"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack-dev-server --open", "build": "webpack --mode production"在dev 执行命令里 使用webpack-dev-serve...

2019-08-20 19:02:04

前端应用_webpack-dev-server的基本使用_ 实现自动打包

在使用之前要先要先安装,安装的命令如下:npm i webpack-dev-server -D 看是否有提示 需要安装webpack ,webpack 官方支持在本地安装npm i webpack -D我的安装目录如下: "devDependencies": { "webpack": "^4.39.2", "webpack-cli": "^3.3.7", ...

2019-08-20 18:28:39

前端应用_webpack_基本的配置文件使用

咱们的目标是 ,直接用webpack 就直接帮我们打包,不需要输入 源文件 和目标文件 webpack .\src\main.js -o .\dist\bundle.js 如何能做到呢, 就需要我们配置文件了在项目目录下添加一个配置文件名字为 webpack.config.js ,添加这个配置文件的目的就是 添加 入口的文件 和打包后的文件路径 。const path= requ...

2019-08-20 14:14:05

webpack4.0-解决webpack 报The 'mode' option has not been set, webpack will fallback to 'production' fo

升级webpack4.0后,打包报如下错误:WARNING in configurationThe 'mode' option has not been set, webpack will fallback to 'production' for thisvalue. Set 'mode' option to 'development' or 'production' to enable de...

2019-08-20 13:53:46

前端应用-webpack-解决webpack 报错Module not found: Error: Can't resolve '.\dist\bundle.js' in 'D:\tasks_

当我使用命令webpack.\src\main.js.\dist\bundle.jsmain.js是源文件,bundl.js是生成的文件,但是报错如下:这是为什么呢?原因是我的webpack版本过高,原来的命令已经不适用了如下查询版本号:那应该如何解决?更换打包命令为:webpack.\src\main.js-o.\dist\bundle.js其中...

2019-08-20 11:46:43

前端应用_webpack_基本的使用方式

webpack 安装的两种方式使用 npm i webpack -g 是全局安装 , 安装一次以后就不需要安装了在项目根目录中运行 ‘npm i webpack --save-dev’ 安装项目依赖中, 只是针对这个项目, 其他项目不可以用创建项目目录结构安装 jquery在主目录执行 npm init -y 进行初始化执行 npm i jquery ...

2019-08-19 18:41:09

前端应用_webpack_理解webpack的概念

在网页中引用的静态资源?jscssimages模板文件.ejs , .jade .vue[webpack中定义组件的方式推荐的方式]网页引入静态资源多了 以后有什么问题?网页加载速度慢, 因为 有可能有很多的二次请求请求js1>依赖请求js2>依赖请求js3要处理错综复杂的依赖关系如何解决上述两个问题 ?合并 ,压缩 >>&g...

2019-08-19 15:16:40

前端应用_Vue_计算案例-computed监听文本框数据的变化

总结:computed 实际是个方法, 但是用的时候 把他当作一个属性, 不需要在后边加()一直监听数据的变化, 如果有变化立即返回一个值computed 还有一个功能就是 缓存的共功能, 就是 当数据不变化的时候就一直保存之前的值, 不管你使用多少次代码如下:<!DOCTYPE html><html><head> <meta cha...

2019-08-18 13:17:16

前端应用_Vue_计算案例-使用watch和keyup监听文本框数据的变化

我们想达到效果就是, 当我在一个文本框输入1 ,在另一个文本框输入2 , 这个时候不需要点击任何button ,第三个文本框要显示3 ,没有出发事件 ,就像达到 两个值相加, 关键点要用到的是监听文本框的数据。下边我介绍两个方法,第一个是 keyup 事件触发, 当我抬起鼠标的时候就自动触发一个相加事件第二个 就是 神奇的 watch 监听,他可以监听到 新的值变化,推荐这个, 比较灵活...

2019-08-18 12:09:48

前端应用_Vue_使用router 设计经典布局

使用经典布局的关键是这个, 在根目录配置三个组建 ,让他同时显示如下:var routerObj=new VueRouter({ routes:[ {path:'/',components:{ default: tmp1, left:tmp2, main:tmp3, }}], ...

2019-08-17 19:15:01

前端应用_Vue_路由-路由的嵌套

总结:如果想嵌套 组建,在组建的routes 里使用children 关键字 再套一个路由配置如下: var routerObj=new VueRouter({ routes:[ // {path:'/',redirect:'/login'}, {path:'/login',component:tmp1, children:[...

2019-08-17 18:02:10

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周上午根据用户上周周三的博文发布情况由系统自动颁发。