目录一、npm二、webpack使用三、常见loader3.1 postCSS-loader3.2 file-loader3.3 uri-loader3.4 asset module type四、插件4.1 cleanWebpackPlugin插件4.2 htmlWebpackPlugin插件4.3 CopyWebpackPlugin插件五、其他配置 一、npmnode环境–>>np
转载
2024-05-15 15:06:36
28阅读
一、案例环境前置准备： 创建一个空目录用于案例演示 mkdir vue-sample 初始化案例和安装webpack cd vue-sample npm install webpack@3.6.0 --save-dev 安装Vue npm install vue --save 保留之前的webpac
转载
2020-10-30 14:07:00
61阅读
2评论
正文version: "3"
services:
mariadb:
container_name: mariadb
image: mariadb:10.6.5
ports:
- 3306:3306
environment:
- MYSQL_ROOT_PASSWORD=root
- TZ=Asia/Shanghai
v
Axios【AJAX I\O System】 创建案例项目并且安装Axios npm install axios --save 接口测试网址： http://httpbin.org/ 案例提供的数据地址： http://123.207.32.32:8000/home/multidata 在Main.
转载
2020-11-03 10:23:00
78阅读
2评论
一、概述 Promise是异步编程的解决方案 异步事件的处理： 封装的异步请求函数不能立即获取结果， 通常会传入另外一个函数，在请求成功的时候将数据通过传入的函数回调出去 如果只是一个简单的请求，那么这种方案非常的麻烦 但是，如果请求非常复杂的时候，就会出现回调地狱 <script src="htt
转载
2020-11-02 10:11:00
72阅读
2评论
一、插槽基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- slot的使用目的是对组件中设置一个空白的自定义元素位置 在实际Vue实例
转载
2020-10-29 09:43:00
81阅读
2评论
视频地址： https://www.bilibili.com/video/BV15741177Eh?p=119 common.css /* 演示案例是base.css */ body { padding: 0; margin: 0; } 四个组件只是写了H1的标题，其他没动： 路由配置： impor
转载
2020-11-03 10:11:00
131阅读
2评论
一、JS的演变： 1、简单的页面控制，改变HTML标签和CSS样式 2、AJAX异步请求，控制前后数据传输问题 3、更强大的功能，几乎依赖JS实现 工程管理问题： 简单页面只需要在页面嵌入script标签里面写JS即可完成业务功能的实现 继续向下复杂，JS不得不需要独立出来放入文件中加载实现 JS文
转载
2020-10-29 11:24:00
154阅读
2评论
ng-init :初始化应用时创建变量，并给变量赋值。初始化多个变量时用分号 ; 隔开。<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js...
原创
2019-03-12 12:53:32
114阅读
ng-show/ng-hide是通过修改CSS样式方式控制元素显示与隐藏，对应的DOM元素会一直存在于当前页面中，而ng-if根据表达式的值动态的在当前的页面中添加删除页面元素。如果赋值表达式的值为false，那么这个元素就会从页面中删除，否则会添加一个元素。ng-if创建元素时用的是被它编译后的代码，如果ng-if内部的代码被其它方式修改过，那么修改只会对本次展现有效，页面元素重新渲染后修改效果会消失，而ng-sh
原创
2021-07-15 09:58:00
290阅读
一、What is CLI Command Line Interface 命令行接口 但是说是命令行界面，在官方又被称为脚手架 一个单词三个意思，所以令人困惑 但是根据实际意义用途来说就是帮助开发者更快的获取需要的东西 二、安装 前提还是NodeJS支持： 全局安装vue-cli npm insta
转载
2020-10-31 21:58:00
62阅读
最近工作遇到了这么一个问题，嵌套了2层ng-repeat的页面结构，第二层select组件在赋值时控制器取不到对应的值：页面片段：li.list-group-item.space-list-item(ng-repeat="space in current.spaces")
span
原创
2017-06-29 15:03:26
2237阅读
https://docs.angularjs.org/api/ng/directive/ngClass 翻译 1. 表达式生成一个空格饭分隔的class字符串 1. 一个对象，它的每一个key在其值为true的时候作为class来用 1. 一个数组，数组的项可以是第一种/第二种， 或者他们的混合 n
转载
2017-06-17 09:03:00
200阅读
项目地址 vue-cli3-project 欢迎 star1. 创建一个vue项目相信大部分人都已经知道怎么创建项目的，可以跳过这一节，看下一节。1.1 安装@vue/cli# 全局安装 vue-cli脚手架
npm install -g @vue/cli等待安装完成后开始下一步1.2 初始化项目vue create vue-cli3-project选择一个预设可以选择默认预设，默认预设包含了ba
转载
2023-08-04 20:26:02
52阅读
difference between ng-if and ng-show/ng-hide
原创
2016-05-05 17:49:01
509阅读
1. 摘要简单来说地址栏中，不同的地址（URL）对应不同的页面，这就是路由。同时，点击浏览器的前进和后退按钮，浏览器就会在你的浏览历史中向前或向后导航，这也是基于路由。在 Angular 里面，Router 是一个独立的模块，定义在 @angular/router 模块中，Router 可以配合 NgModule 进行模块的延迟加载（懒加载）、预加载操作（参考《Angular入门到精通系列教程（1
转载
2024-07-24 19:59:58
61阅读
一、ng-content<ng-content>是内容映射，所谓内容映射，是指在组件内嵌入模版代码，方便
原创
2019-12-14 00:19:10
163阅读
在这个文档里有介绍。在开发过程中，你通常会使用 ng serve 命令来借助 webpa署方式就是为开发环境构建，并把其输出复制到 W
原创
2022-04-10 11:44:07
419阅读
#ng-disable 禁用标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script&nbs
原创
2017-08-13 22:28:06
893阅读
