![](https://csdnimg.cn/release/downloadcmsfe/public/img/no-data.51c5211b.png)
![](https://csdnimg.cn/release/downloadcmsfe/public/img/good-course.ff455529.png)
- Webpack中文手册 pdfWebpack 中文手册 pdf 版
5 1156浏览
会员免费 - Webpack2 中文文档 pdfwebpack 2 中文文档 pdf
4 474浏览
会员免费 - webpack快速入门手册webpack打包技术整理,教你快速掌握webpack模块打包技术
5 204浏览
会员免费 - Vue.js面试题整理带答案 .pdf关于Vue的各类面试题 下面列举一些题目 什么是MVVM? mvvm 和mvc区别?它和其它框架(jquery)的区别是什么?哪些场景适合? vue的优点是什么? 组件之间的传值? vue.cli中怎样使用自定义的组件?有遇到过哪些问题吗? vue如何实现按需加载配合webpack设置 不用Vuex会带来什么问题? 。。。。。。
0 2921浏览
会员免费 - 基于vue+echarts 数据可视化大屏展示的方法示例获取 ECharts 的路径有以下几种,请根据您的情况进行选择: 1) 最直接的方法是在 ECharts 的官方网站中挑选适合您的版本进行下载,不同的打包下载应用于不同的开发者功能与体积的需求,或者您也可以直接下载完整版本;开发环境建议下载源代码版本,包含了常见的错误提示和警告。 2) 也可以在 ECharts 的 GitHub 上下载最新的 release 版本,解压出来的文件夹里的 dist 目录里可以找到最新版本的 echarts 库。 3) 或者通过 npm 获取 echarts,npm install echarts –save,详见“在 webpack 中使用 echarts” 由
0 2386浏览
会员免费 - 十几万字前端学习笔记.pdf十几万字的前端学习笔记,可都是我一个字一个字敲出来的,我还是很在乎的。分享给大家。里面包含HTML、css、H5、C3、JS、ES6、webpack、工作经验、VUE、面试题.....
0 1018浏览
会员免费 - Pro MERN Stack(Apress,2017)Assemble the complete stack required to build a modern web app using React: MongoDB (a NoSQL database) and Express (a framework for web application servers), which runs on Node (JavaScript on the server side), complement React very nicely. This book will also cover many other tools that go into building a complete web application: React Router, React-Bootstrap, Redux, Babel, and webpack. Though the primary focus of Pro MERN Stack is to equip you with all that is required to build a full-fledged web application, a large portion of the book will be devoted to React. The popular MEAN (MongoDB, Express, AngularJS, Node) stack introduced Single Page Apps (SPAs) and front-end Model-View-Controller (MVC) as new and efficient paradigms. But it has its shortcomings such as lack of support for SEO friendly server-side rendering and being too prescriptive by being a framework. Facebook’s React is a technology that competes indirectly with AngularJS. It is not a full-fledged MVC framework. It is a JavaScript library for building user interfaces (in some sense the View part). Yet, it is possible to build a web app by replacing AngularJS with React – hence the term MERN stack. What You Will Learn Discover the details of React, the React Way, and how to get the maximum out of this library See the basics of MongoDB, Express, and Node, enough to build a web app Work with other tools complementary to React, including React-Bootstrap and React Router Use the tools required to build JavaScript based SPAs Tie all the components together to build a complete web app. Who This Book Is For Developers and architects who have prior experience in any web app stack other than the MERN stack will find the book useful to learn about this modern stack. Prior knowledge of JavaScript, HTML, and CSS is required.
5 159浏览
会员免费 - vue2.0项目集成Cesium的实现方法安装cesium 在已有项目中执行, npm i cesium 修改配置 build/webpack.base.conf.js 1、定义 Cesium 源码路径 const cesiumSource = '../node_modules/cesium/Source' 'use strict' const path = require('path') const utils = require('./utils') const config = require('../config') const vueLoaderConfig = require('./vue-loader.con
1 2870浏览
会员免费 - 工程求解器 Engineering Equation Solver (EES) 2021 最新教程Engineering Equation Solver (EES) 2021 最新教程
0 1178浏览
会员免费 - 详解Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)VueJS可以说是近些年来最火的前端框架之一,越来越多的网站开始使用vue作为前端框架,vuejs轻量、简单,对于前端友好,学习路线平坦,这使得前端开发变得更加简易,而基于vuejs的前端组件库也越来越多。其中ElementUI,就是饿了么团队开发的一款基于vue的前端组件库。构建网站的必备环境: NodeJS(npm)Webstorm (前端IDE)Nginx(后期用来转发请求到后台服务器) 由于我们需要使用npm的包管理器,所以首先得先安装nodejs, 直接在node官网下载 windows系统直接下载 .msi。下载完毕直接双击安装就ok啦 安装完毕,打开cmd 输入命令 npm
0 2075浏览
会员免费 - webpack 思维导图webpack 思维导图 webpack 思维导图 webpack 思维导图
0 239浏览
会员免费 - Webpack4中文手册(4.39.3).pdfwebpack4中文手册,手工导出带书签,包含概念、配置、Api、指南、loader、插件,方便大家离线使用,感谢webpack中文网的各位贡献人员
0 689浏览
会员免费 - vue-video-player实现实时视频播放方式(监控设备-rtmp流)监控设备播放效果如下 1、vue项目安装vue-video-player npm install vue-video-player –save 2、编写视频播放组件(放上完整的组件例子,父组件调用时给videoSrc和playerOptions.sources[0].src赋值就可以播放了,具体操作有注释) 注:style样式部分用了lang=scss,如果自己的项目没用他请用自己的方式改一下样式部分避免报错 <template> <div class=video-js> <div v-if=videoSrc class=no-video> 暂未
0 2002浏览
会员免费 - React全栈 Redux Flux webpack Babel整合开发React全栈 Redux Flux webpack Babel整合开发,完美书签!
0 66浏览
会员免费 - maptalks+three.js+vue webpack实现二维地图上贴三维模型操作我们不是走在坑里就是走在前往坑的路上_(:зゝ∠)_ 最终效果如图:(地图上添加一个“三维地图”的toolbar按钮,点击后在二维地图上贴上建好的三维模型点击显示弹框) 以下都在已经引入并且初始化maptalks地图的基础上,如何引入使用maptalks可以查看以下文章 https://www.jb51.net/article/192983.htm 1、安装maptalks.three包 npm install maptalks.three 2、安装three包 npm install three 3、安装obj-loader和mtl-loader包 npm i –save thr
1 1193浏览
会员免费 - VSCode搭建Vue项目的方法在vscode上搭建一个vue项目—初学总结。 1.假设Vscode、nodejs等已经安装好了。 2.全局安装vue-cli,vue-cli可以帮助我们快速构建Vue项目。 安装命令: npm install -g vue-cli 打开VScode的终端,调出命令输入框。点击终端-新建终端,输入上述命令,回车,等待安装完成。 3.安装webpack,它是打包js的工具 安装命令: npm install -g webpack 安装方法同上。 4.安装完成之后就可以开始创建vue项目,首先创建一个文件夹用来存放你的项目,用vscode打开对应的文件夹,并在终端cd到对应的文件夹。比如我
0 4431浏览
会员免费 - 使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)1. 根据官方指引,构建项目框架 # 安装vue $ cnpm install vue@2.1.6 # 全局安装 vue-cli $ cnpm install --global vue-cli # 创建一个基于 webpack 模板的新项目my-project $ vue init webpack my-project # 进入项目目录 $ cd my-project # 安装依赖,走你 $ cnpm install # 运行项目 $ cnpm run dev 2. 运行项目之后,会看到以下界面,恭喜你,项目环境搭建成功 normal. 3. 根据项目结构,构建项目目
0 1045浏览
会员免费 - vue项目实战总结篇这篇文章把小编前段时间做的vue项目,做个完整的总结,具体内容请参考本文。 这次算是详细总结,会从项目的搭建,一直到最后的服务器上部署。 废话不多说了。干货直接上。 一、 必须node环境, 这次就不写node环境的安装了。过两天我会写个node环境的安装随笔。 二、 node环境配好后。开整vue。 1. 安装vue脚手架。 npm install -g vue-cli 2. 用脚手架搭项目(只是一行命令) vue init webpack-simple (项目名字) 或 vue init webpack (项目名字) 二者区别(个人理解): vue init
0 1952浏览
会员免费 - 可视化数据平台的前端实现前言 随着公司的发展和进步,数据大屏的业务日益增长,公司目前的做法大致可以分为两种 人肉 or 第三方工具平台 . 人肉:很简单,一个前端配备,熟练的 html + css + js 技能就完事了 ; 优点:开发灵活多变 不足:效率低,页面复用度不高(几乎为0复用度),大量重复性工作,占用前端开发时间 等 当然,也有人会说,目前比较主流的前端框架,像 Vue ,React 都是组件化,模块儿化的工程,组件复用性很高,也对,这点毋庸置疑,但也改变不了大量重复性的工作和消耗前端资源的劣势 ;甚至还有人会说,当组件封装的够多,质量够好,工程架构的得体,就可以解决上述的缺点,很对 !这就是我要分享给大
0 1501浏览
会员免费 - webpack 打包工具,中文说明webpack是目前使用范围最广范,功能最强大的前端打包工具,是现在mvvm框架开发避不开少的工具。webpack是前端程序人员必须具备的技能,webpack在最近几年内前端必不可少的的技术。 任何形式的资源都可以被视为模块,webpack兼容了目前比较流行的,vue.js,angularjs,React。
0 328浏览
会员免费 - vue项目启动出现cannot GET /服务错误的解决方法上午做了项目,中午吃完饭后回来再跑一次服务器, 出现 Cannot GET/: 控制台中并没有报错;npm run dev命令行窗口也没有报错。 原因 在网上查了一堆,发现这个问题还挺多呢,而且各个回答的解决方式都竟然有许多不同… 于是把能改的地方都改了…(基本上相当于将配置信息改回来) 关闭 history 模式 关闭history模式,用/#/路由的方式开启,(history模式要跑在服务端里面); 更改端口号 更改端口号(没改的话打开原端口号自动加上登陆次数) 在 webpack.base.conf.js 配置信息里面,把自己改动的部分先注释掉再重新跑一下服务,在
0 3481浏览
会员免费 - Vue CLI4 Vue.config.js标准配置(最全注释)前言: Vue.js CLI工具 不知不觉发展到了4.0时代,CLI给人最直白的感受是没有了build文件夹跟config文件夹,所有的配置都在Vue.config.js完成。那么该文件的配置至关重要。现在我们来看一下最新配置是怎么配置的。 安装 npm i -d vue-cli-configjs // vue.config.js const path = require('path'); const CompressionWebpackPlugin = require("compression-webpack-plugin"); // 开启gzip压缩, 按需引用 const pro
0 1911浏览
会员免费 - vue小白入门教程一、vue是什么 Vue 是一套用于构建用户界面的 渐进式框架 。 压缩后仅有17kb 二、vue环境搭建 你直接下载并用 [removed] 标签引入, Vue 会被注册为一个全局变量。 但在用 Vue 构建大型应用时推荐使用 NPM 安装。 这里推荐一下是用淘宝的cnpm,非常的快 npm install -g cnpm --registry=https://registry.npm.taobao.org 然后进行安装 # 全局安装 vue-cli npm install --g vue-cli # 创建一个基于 webpack 模板的新项目 vue init webpack my-
0 711浏览
会员免费 - 详解vue.js+UEditor集成 [前后端分离项目]首先,谈下这篇文章中的前后端所涉及到的技术框架内容。 虽然是后端的管理项目,但整体项目,是采用前后端分离的方式完成,这样做的目的也是产品化的需求; 前端,vue+vuex+vue router+webpack+elementUI的方案完成框架的搭建,其中用到了superUI来作为后端登陆之后的主页面框架,中间集成vue的大型单页应用; 后端,springboot+spring+springmvc+spring serurity+mybatis+maven+redis+dubbo +zookeeper的方式来构建项目框架和管理,提供给前端restful风格的接口。此处还提供app端、PC WEB
1 785浏览
会员免费 - webpack构建vue项目的详细教程(配置篇)本篇文章主要介绍了webpack构建vue项目的详细教程(配置篇),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
0 2085浏览
会员免费 - maptalks+three.js+vue webpack实现二维地图上贴三维模型操作主要介绍了maptalks+three.js+vue webpack实现二维地图上贴三维模型操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
0 1257浏览
会员免费 - Vue项目webpack打包部署到服务器的实例详解主要介绍了Vue项目webpack打包部署到服务器的实例详解的相关资料,需要的朋友可以参考下
0 2214浏览
会员免费 - 基于vue-cli、elementUI的Vue超简单入门小例子(推荐)这个例子还是比较简单的,独立完成后,能大概知道vue是干嘛的,可以写个todoList的小例子。 开始写例子之前,先对环境的部署做点简单的介绍,其实和Vue官方的差不多。 #如若没有安装过vue-cli,先全局安装一下vue-cli $ cnpm i -g vue-cli #到自己喜欢的目录下创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # # #之后会有如下询问 ? Project name (my-project) #回车 ? Project description #回车,也可以写点项目描述 ? Author #回车,或者输入
0 1281浏览
会员免费 - 基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果效果图如下所示: 在线地址: github.czero.cn/fancy 点击下载安卓apk安装包 源码地址: github.com/czero1995/f… 项目主架构 使用的库 vue-cli (vue+webpack脚手架) vue-router(路由跳转) vuex(状态管理) axios(数据请求) mock.js(模拟后台数据) vue-touch(手势判断) fastclick(解决移动端浏览器 300 毫秒点击延迟问题) vue-lazyload(图片懒加载) swiper(轮播) 设计布局: 将页面的固定布局 positio
5 517浏览
会员免费 - vue项目引入字体.ttf的方法1、下载所需要的字体,.ttf格式本文以(FZCYJ.ttf 为例) 2、在src下新建common文件,文件夹中包含以下文件 3、打开font.css @font-face { font-family: 'FZCYJ'; //重命名字体名 src: url('FZCYJ.ttf'); //引入字体 font-weight: normal; font-style: normal; } 4、配置webpack.base.conf.js 文件 5、App.vue引入字体 6、可在body中设置字体 body{ font-family: FZCYJ; } 以上这篇vue项目引入字
0 6762浏览
会员免费 - vue表单验证你真的会了吗?vue表单验证(form)validate前言 很久没有写文章了,学习了一下webpack,基础的一些组件,今天带来form表单验证组件(element.iviewui)的一期教程(作为一个菜鸡毕竟经历众多项目可以给一些新手一点提示 (QQ群技术讨论)838293023备注(github进来的 github 技术文档 技术文档会持续更新 效果图 1.原理解释 考虑 我们看一下我们可以用form去整体触发校验也可以单个input来触发form-item 进行校验 童鞋们现在可能感觉还是没懂,没关系继续往下看。 2.派发和广播 为什么要用广播和派发呢。通常我们和业务没有关系的组件尽量不要使用vuex和bus(事件总线)。 下
0 5435浏览
会员免费 - vue项目中使用百度地图的方法1.在百度地图申请密钥: http://lbsyun.baidu.com/ 将 [removed][removed] 中的 密钥替换成你申请的,在 vue项目的index.html引用。 2. 在build 文件下下的 webpack.base.conf.js贴入代码 externals: { "BMap": "BMap" }, 3. map.vue代码(demo可以直接使用,demo使用了vue-clipboard2插件,请自行安装) <t
0 1993浏览
会员免费 - webpack 单独打包指定JS文件的方法背景 最近接到一个需求,因为不确定打出的前端包所访问的后端IP,需要对项目中IP配置文件单独拿出来,方便运维部署的时候对IP做修改。因此,需要用webpack单独打包指定文件。 CommonsChunkPlugin module.exports = { entry: { app: APP_FILE // 入口文件 }, output: { publicPath: './dist/', //输出目录,index.html寻找资源的地址 path: BUILD_PATH, // 打包目录 filename: '[name].[chunkhash].js', // 输出文件名 ch
0 2550浏览
会员免费 - 详解vue-cli 脚手架项目-package.json使用vue-cli脚手架新建的项目中,含有package.json。 package.json是npm的配置文件,里面设定了脚本以及项目依赖的库。 npm run dev 这样的命令就写在package.json里。 { "name": "vue-manage", // 项目名称 "version": "1.0.0", // 版本 "description": "Reimbursement Manage", // 描述 "author": "LXG", // 作者 "private": true, //是否私人项目 "scripts": { "dev": "node bui
0 3241浏览
会员免费 - 压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)大家都知道,Vuejs的 CLI工具 是基于 webpack 来实现的,所以在项目打包后,会生成的文件会很大。主要原因是 webpack 将我们所有文件都打包成一个js文件,即使再小的项目,打包之后文件都会变得很大。下面讲讲最近我遇到的相同问题。
0 2813浏览
会员免费 - vue如何搭建多页面多系统应用本文为大家分享了vue如何搭建多页面多系统应用,供大家参考,具体内容如下 一、多页面多系统应用 1、思路 使用Vue搭建多页应用。所有系统都在同一目录下。配置多入口多出口。每个系统之间可以链接。每个系统内依然采用Vue单页应用开发。 2、组件复用性 可以将所有的系统公共组件放到系统目录最外面,以达到组件复用。在系统内部依然将自己独立的组件封装,复用。这样可以最大限度的提高组件的复用性。 3、路由 每个系统单独进行路由配置 4、数据管理 每个系统数据仓库单独处理 5、目录结构 6、效果 在做Vue项目的时候,需要用对多个类似系统做一个集成。想过很多种方法,比如:完全单页应用,分开独立应用,
0 2091浏览
会员免费 - 在Vue项目中使用d3.js的实例代码之前写一个 Demo里面 有些东西要使用d3实现一些效果 但是在很多论坛找资源都找不到可以在Vue里面使用D3.js的方法,npm 上面的D3相对来说 可以说是很不人性化了 完全没有说 在webpack上怎么使用D3.js 最后折腾很久 看到某位外国大佬 看他的案例 成功的实现了在Vue项目里面实现D3的使用 首先安装 npm install d3 --save-dev 以防万一,然后看package.json 安装完成 在我们开始之前,让我们渲染一个Vue组件,它使用常规的D3 DOM操作呈现一个简单的折线图: [removed] import * as d3 from 'd3';
0 778浏览
会员免费 - Vue项目执行 npm run dev 报错解决方法Vue项目执行 npm run dev 报错解决方法 错误如下: Error: Cannot find module 'webpack-merge' at Function.Module._resolveFilename (module.js:440:15) at Function.Module._load (module.js:388:25) at Module.require (module.js:468:17) at require (internal/module.js:20:19) at Object. (D:\node6.2.0\node_global\etc\sellapp\co
0 9021浏览
会员免费 - 详解webpack 配合babel 将es6转成es5 超简单实例本篇文章主要介绍了详解webpack 配合babel 将es6转成es5 超简单实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
0 2617浏览
会员免费 - 后端人员的Vue的入门学习- 会创建Vue实例,知道Vue的常见属性 - 会使用Vue的生命周期的钩子函数 - 会使用vue常见指令 - 会使用vue计算属性和watch监控 - 会编写Vue组件 - 掌握组件间通信 - 了解vue-router使用 - 了解webpack使用 - 会使用vue-cli搭建项目
0 274浏览
会员免费 - vue展示dicom文件医疗系统的实现代码环境:vue、webpack、constone 资料来源及文件:https://github.com/GleasonBian/CornerstoneVueWADO 需要下载的模块:cornerstone-core、dicom-parser 需要下载的js文件:压缩文件可以忽略 显示组件:showDicom.vue <template> <div class=dicom ref=dicomImage></div> </template> [removed] import * as cornerstone from cornerstone-core; import * as dic
0 707浏览
会员免费 - 15分钟学会vue项目改造成SSR(小白教程)15分钟学会vue项目改造成SSR Ps:网上看了好多服务器渲染的例子,基本都是从0开始的,用Nuxt或者vue官网推荐的ssr方案(vue-server-renderer),但是我们在开发过程中基本上是已经有了现有的项目了,我们所要做的是对现有项目的SSR改造。那么这里,跟我一起对一个vue-cil2.0生成的项目进行SSR改造 关于这篇文章的案例源代码我放在我的github上面,有兴趣的同学,也可以去我的github查看我之前写的博客。博客 一、改造技术的分析对比。 一般来说,我们做seo有两种方式: 1、预渲染 我在性能优化的博客中说过,预渲染的问题,预渲染是一个方案,使用爬虫技术。由于
1 1577浏览
会员免费 - vue百度地图 + 定位的详解vue 百度地图 + 定位 前提需要自己有百度的密钥,如没有可以去百度地图申请 一、在主目录下的index.html引入js,例如: 二、在webpack.base.conf.js配置文件中配置BMap,在module.exports 中与entry平级,例如: 三、在项目中引入BMap: 四、代码: <template> <div class=home> <div id=allmap class=allmap></div> </div> </template> [removed] import {getStore, setStore, removeStore
0 1598浏览
会员免费 - vue 文件目录结构详解项目简介 基于 vue.js 的前端开发环境,用于前后端分离后的单页应用开发,可以在开发时使用 ES Next、scss 等最新语言特性。项目包含: 基础库: vue.js、vue-router、vuex、whatwg-fetch 编译/打包工具:webpack、babel、node-sass 单元测试工具:karma、mocha、sinon-chai 本地服务器:express 目录结构 ├── README.md 项目介绍 ├── index.html 入口页面 ├── build 构建脚本目录 │
0 3271浏览
会员免费 - 详解Vue、element-ui、axios实现省市区三级联动现在大部分电商的网站、app都需要用户或者管理者去选择设置地区等位置信息。下面我就介绍一下前端开发者用vue,axios,element-ui开发一个省市区三级联动的组件。 1.准备工作,首先我们需要全中国的省市区资源的json数据(科普一下:前六位数字是身份证前六位) 2.搭建vue-cli,安装axios,element-ui,创建vue,webpack项目 1). 在控制台或者终端执行以下代码,其中只需要路由(y),其他e2e,eslint这些不需要(y) vue init webpack threelink cd threelink npm run dev 把没用的组件删除,重新创建组
0 1214浏览
会员免费 - 使用Webpack对JS文件进行打包构建并在配置文件中指定打包路径一、介绍 Webpack 简称模块打包机 在一个Web项目中 会引入很多文件 例如css文件 js文件 字体文件 图片文件 模板文件 等 引入过多文件将导致网页加载速度变慢 而Webpack则可以解决各个包之间错综复杂的依赖关系 Webpack是前端的一个项目构建工具 基于Node.js开发 因此 若要使用webpack 必须先安装Node.js 借助Webpack这个前端自动化构建工具 可以完美实现资源的合并 打包 压缩 混淆等诸多功能 示意图: 官网:https://webpack.github.io 二、安装 在新版本中 需要分开安装webpack和webpack-cli 安装web
0 1590浏览
会员免费 - Vue 常见技术面试题如何理解MVVM?jQuery和Vue的区别?Vue拦截器vuex状态管理vue生命周期、常见的生命周期函数用过哪些vue ui框架vue中的router和route的区别计算属性和侦听属性的区别vue里面delete跟vue.delete有什么区别?如果一个空白页面使用弹窗this,那么this会弹出什么webpack是如何使用的?Vue如何实现数据的响应式?Vue如何解析模板?Vue:ssr(服务器端渲染)请你解释一下双向绑定?请你介绍一下vue脚手架?请你介绍一下webpack? 如何理解MVVM? MVVM是Model-View-ViewModel的缩写,它是一种基于前端开发的架构模式
0 1109浏览
会员免费 - 详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)在用vue做前端开发的时候,因为一般跑vue使用的webpack自带的node服务,而我们实际要使用的数据确是后台服务器上的,所以这就涉及到服务器请求跨域的问题。本来在诸如axios之类的网络请求参数里面配置 withCredentials: true, 就可以解决跨域问题的,但是现在浏览器比如chorme有做了新的跨域限制,比如要服务器端配置允许跨域才行,详见跨域问题解决,是英文的,看起来需要花点功夫;那有没有不需要服务器端配置就能解决浏览器的跨域问题的办法呢?答案肯定是有的!! 这里就说chorme吧,因为chorme基本都是前端主流浏览器了,配置方法如下: 版本号49之前的跨域设置 具
0 2494浏览
会员免费 - webpack教程之webpack.config.js配置文件本篇文章主要介绍了webpack教程之webpack.config.js配置文件 ,具有一定的参考价值,有兴趣的可以了解一席
0 1585浏览
会员免费 - 在Vue环境下利用worker运行interval计时器的步骤今天在code review时,发现之前遗留的问题: 在一个视频播放页面,有一个40ms的interval一直在阻碍,导致视频延时逐渐增大 于是写了一个worker单独把计时器拉出去跑了 实现步骤如下 由于用的是vue-cli,在webpack下要安装worker-loader依赖才能单独加载worker.js npm install worker-loader --save-dev 更改 vue.config.js 文件的配置项 configureWebpack:{ module: { rules: [ { test: /\.worker\.js$
0 654浏览
会员免费 - 压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)问题 由于这次项目是在初学 Vue 之后的第一个正式项目,没有考虑到类似 路由懒加载、 按需加载的问题 ,所以呢,也算是没经验。 到了这些天,项目写得差不多了,准备放到服务器测试,才发现这个问题。 优化前: app.js 2.3MB vendor.js 2.4MB vendor.css 612kB app.js.map 9.13MB vendor.js.map 16.21MB //不一一列举.... 优化 接下来看看优化方法。 优化步骤1: 不生成.map文件 在 webpack.prod.cong.js 文件下,修改配置项 sourceMap 设置为 false 或者删除:
0 2307浏览
会员免费 - 浅谈VUE单页应用首屏加载速度优化方案单页应用会随着项目越大,导致首屏加载速度很慢!!!以下给出在下知道的几种优化方案 使用CDN资源,减小服务器带宽压力 路由懒加载 将一些静态js css放到其他地方(如OSS),减小服务器压力 按需加载三方资源,如iview,建议按需引入iview中的组件 使用nginx开启gzip减小网络传输的流量大小 webpack开启gzip压缩 若首屏为登录页,可以做成多入口,登录页单独分离为一个入口 使用CDN资源,减小服务器带宽压力 在index.html中引入cdn资源 ... <body> <div id=app> </div> <!-- bui
0 1036浏览
会员免费 - 从vue基础开始创建一个简单的增删改查的实例代码(推荐)1、安装vue-cli cnpm install vue-cli -g –执行全局安装 2、创建一个webpack的基础项目;命令:vue init webpack myproject; 以下是项目的目录结构及说明 build是webpack配置 build.js // 生产环境构建代码 check-versions.js // 检查node&npm等版本 utils.js // 构建配置公用工具 vue-loader.conf.js // vue加载器 webpack.base.conf.js // webpack基础环境
0 418浏览
会员免费 - Vue中跨域及打包部署到nginx跨域设置方法众所周知,我们在做前后端分离项目的时候,经常需要在本地起前端工程,接口希望拉取服务端的实际数据而不是本地的mock数据,而如果本地程序直接访问远程接口, 肯定会遇到跨域问题。 什么是跨域?实现跨域的多种方式? 这里我就不详细介绍了,大家自行百度哈 为什么要实现前端跨域 一般来讲,前后端分离的项目在大公司都会由后台设置允许跨域访问,因为后台设置允许跨域是很简单和方便的,但是某些情况下,一些小公司或者你工作的场所后台不怎么配合的情况下,这就需要前端来配置跨域请求来方便我们使用接口 vue项目中的配置 以vue-cli搭建的项目为例, 在webpack配置文件 /config/index.js, 由
5 1135浏览
会员免费 - 解决vue项目打包上服务器显示404错误,本地没出错的问题1、使用脚手架搭建一个vue项目 2、运行,在本地运行没问题,接着打包上服务器,遇到404的错误,如下 这是webpack打包的结果,解决办法如下 1、修改build文件夹下的utils.js文件,大约在51行添加 publicPath:../../ if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:../../ }) } else { return ['vue-style-loa
5 1613浏览
会员免费 - 使用Vue开发动态刷新Echarts组件的教程详解需求背景:dashboard作为目前企业中后台产品的“门面”,如何更加实时、高效、炫酷的对统计数据进行展示,是值得前端开发工程师和UI设计师共同思考的一个问题。今天就从0开始,封装一个动态渲染数据的Echarts折线图组件,抛砖引玉,一起来思考更多有意思的组件。 准备工作 项目结构搭建 因为生产需要(其实是懒),所以本教程使用了 ==vue-cli==进行了项目的基础结构搭建。 npm install -g vue-cli vue init webpack vue-charts cd vue-charts npm run dev 安装Echarts 直接使用npm进行安装。 npm in
0 660浏览
会员免费 - Learning webpack step by stepWhy webpack? We have a bunch of different script tags and adding all these scripts. It’s looks messy and when it calls to the server to load all these scripts, that is worse for performance → Webpack gathers all these dependencies, and builds a bundle. For the SPA, you can easily split your application into multiple files and load just the code the page requires — Code Splitting Also we can transform React or ES6 into vanilla JavaScript, or preprocess SASS, LESS… to CSS.
0 74浏览
会员免费 - 深入理解webpack process.env.NODE_ENV配置主要介绍了深入理解webpack process.env.NODE_ENV配置,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
0 2745浏览
会员免费 - introduction to webpackintroduction to webpack
0 54浏览
会员免费 - HTML5知识点思维导图(手工整理)HTML5学习思维导图,可以用来梳理学习的思维体系,使自己对HTML5知识体系产生更清晰的认知
5 480浏览
会员免费