什么是CDN？ CDN称为内容分发网络(Content Delivery Network) 他是指通过相互连接的网络系统，利用最靠近每个用户的服务器； 更快，更可靠的将音乐，图片，视频，应用程序以及其他文件发送给用户； 来提供高性能，可扩展性以及低成本的网络内容传递给用户 在开发中，使用CDN主要有 ...
转载
2021-07-24 10:40:00
524阅读
2评论
We can separate our custom application code from the common libraries we leverage, such as React and ReactDOM. In this lesson we'll configure webpack
转载
2019-03-18 20:35:00
94阅读
2评论
Loaders cnpm install vue-loader@14 vue-template-compiler --save-dev webpack.config.js module: { rules: [{ test: /\.vue$/, use: ['vue-loader'] }], }, A
转载
2021-07-07 16:44:00
108阅读
Loaders cnpm install vue --save webpack.config.js resolve: { // 解决运行时报错 alias: { 'vue$': 'vue/dist/vue.esm.js' } } 使用 import Vue from "vue";
转载
2021-07-07 14:36:00
61阅读
不想在index.html文件中全局引入CDN资源，那么如何在Vue单文件组件中引入？下面来瞅瞅~虚拟DOM创建Vue 通过创建一个虚拟 DOM 来追踪自己要改变的真实 DOM什么是虚拟DOM？return createElement('h1', this.blogTitle)createElement实际返回的是createNodeDescription而非实际上的DOM元素，因为它所包含的信息
转载
2023-11-30 15:02:09
433阅读
通过cdn引入vue进行使用unpkg在国内镜像↓<!-- import Vue before Element -->
<script src="https://unpkg.zhimg.com/vue@2/dist/vue.js"></script>
<!-- import axios -->
<script src="
转载
2023-10-08 21:58:31
662阅读
Vue2基础(CDN方式)一、环境搭建1.Vue的引入<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.13/vue.js"></script>2.安装vue Devtools(v2)3.关闭cdn开发模式提示tip:关闭提示编码：使用了Vue的全局配置对象，更多配置请参考：API — Vue.js (vuejs.
转载
2024-04-03 11:48:32
67阅读
vue-day01vue?vue简明例子模板语法1. 使用```{{}} ```Mustache语法将数据绑定到对应的实例2.使用 v-once指令3.v-html指令4.v-bind指令和v-on指令5.动态参数，修饰符，指令缩写动态参数修饰符指令缩写 vue?Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层
转载
2023-08-18 18:27:44
210阅读
前言 如果我们想在webpack中使用vue，就需要在webpack中配置vue 配置vue 首先，我们需要在项目中安装vue，安装命令如下： npm install vue --save 安装完成后，我们在主入口main.js文件中导入vue并创建一个实例 import Vue from 'vue
原创
2021-07-13 11:05:34
277阅读
Webpack是一个现代JS应用的静态模块打包的工具 学习Webpack需要我们安装NodeJS 配置CNPM & CRM 使用切换镜像的方式配置：【不建议】 npm config set registry http://registry.npm.taobao.org 安装镜像管理工具： npm i
转载
2020-07-24 21:52:00
128阅读
2评论
1.安装webpack项目环境bashnpminstallwebpacksavedev2.安装css的loaderbashnpminstallsavedevcssloader3.安装style的loaderbashnpminstallsavedevstyleloader
原创
2021-12-29 17:58:22
225阅读
Webpack作用：Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分ack-cli -vWebpack的配置：创
原创
2022-12-09 12:02:44
120阅读
文章目录前言一、使用webpack来进行vue-cli模块化开发二、Webpack配置区分开发环境和生产环境三、vue项目打包3.1
原创
2022-05-10 10:26:25
1407阅读
点赞
v-html 有xss风险computed有缓存,data不变就不会重新变化watch如何深度监听watch正常监听不到引用值对象属性的变化,需要在watch开启deep实现深度监听data(){
return{
styleData:{
fontSize:'40px', --------- 这里使用驼峰写法
backg
转载
2021-04-20 22:06:30
228阅读
2评论
8.webpackWebpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。中文官方网站：https://www.webpackjs.com/官网给出的解释：本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(de...
原创
2021-08-18 10:49:52
141阅读
一、介绍： 1. js应用的模块打包工具 二、webpack安装 1. 环境：node环境 2. npm install webpack -g 说明：npm install 命令；webpack是工具名，可以指定版本如：webpack@5.58.3； -g表示全局安装，如果不想全局安装，仅为某项目安 ...
转载
2021-10-20 19:12:00
164阅读
2评论
8.webpackWebpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。中文官方网站：https://www.webpackjs.com/官网给出的解释：本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)
原创
2022-03-04 15:39:42
68阅读
1、项目根目录初始化package.json: npm init2、下载css与style的loader配置webpack中的css解析npm install css-loader style-loader --save-dev3、下载babel，webpack配置es6语法npm install babel-core babel-loader babel-plugin-transform-
原创
2022-11-20 00:41:19
101阅读
CDN 进入vue官网，下载最新核心库。https://unpkg.com/vue@next ...
转载
2021-08-18 15:05:00
343阅读
2评论
第一步：npm init -y第二步：npm install --save-dev vue 第三步：npm i --save-dev vue-loader vue-template-compiler 第四步：npm install webpack webpack-cli --save-dev添加配置文件：webpack.config.jsc...
原创
2021-07-14 11:43:20
236阅读
