51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#单工程
工程化项目配置代理,解决跨域问题
注意:常见的方法:开发环境阶段---在package.json添加proxy字段进行配置,该配置方案仅用于开发环境生产环境一般需要后端工程师进行配置,如果需要前端进行配置,需要最后在工程化项目打包运行时进行配置本质:...
代码星球
·
2020-04-08
工程化
项目
配置
代理
解决
React工程化之PWA之serviceWorker
我们使用create-react-app脚手架时,会发现入口文件index.js中有这样一个引入使用。 这个文件可以视情况用或者不用,它是用来做离线缓存等任务的,实际上就是为react项目注册了一个serviceworker。这样的话,如果在线上,只要访问过一次该网站,以后即使没有网络也可以访问(此时使用的是...
代码星球
·
2020-04-08
React
工程化
PWA
serviceWorker
Webpack 3.0 前端工程化(编译ES6/ES7、编译TypeScript、打包提取公共代码、代码分割和懒加载)
(1)编译ES6----测试后有问题,先继续往下 使用webpack配合babel打包编译ES6/ES7 1、Babel是应用比较广泛的编译工具2、在webpack使用时需要借助babel-loader,之前提到过,在webpack中编译处理静态文件,都会用到loader。而babel-loader是一款编译性质的...
代码星球
·
2020-04-08
编译
代码
Webpack
前端
工程化
Webpack 3.0 前端工程化(背景、模块化、环境准备)
(1)背景 作者受Google工具的模块分割影响有了创作灵感 随着SPA的推广,前端应用复杂度快速提升。 MVC时代便有了模块化的初期思想 三大框架便将模块化概念推...
代码星球
·
2020-04-08
Webpack
前端
工程化
背景
模块化
React脚手架工程化项目里ServiceWorker.js文件作用
该文件主要涉及到离线支持和网络恢复能力一个好的渐进式Web应用,不论网络状况如何都能立即加载,并且在不需要网络请求的情况下也能展示UI(即离线时)。再次访问http://Housing.com渐进式Web应用(使用React和Redux构建)能够立即加载离线缓存的UI。我们可以用ServiceWorker实现这一需求。...
代码星球
·
2020-04-08
React
脚手架
工程化
项目
ServiceWorker.js
create-react-app 脚本搭建工程,修改默认端口号
前言:create-react-app生成的项目,默认端口号是3000。但是,总是有人蠢蠢欲动,想要修改这个3000端口。本文中的主要内容,就是使用各种方案修改这个3000端口,总有一款适合你。 主体:(1)方案13000端口是webpack配置里面写的,可以通过传递一个PORT全局变量,来修改这个端口。当然...
代码星球
·
2020-04-08
create-react-app
脚本
搭建
工程
修改
浅谈Vue工程化与ES6模块导出---export与export default
一、概述在ES6之前,社区制定了一些模块加载方案,最主要的有CommonJS和AMD两种。前者用于服务器,后者用于浏览器。ES6在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代CommonJS和AMD规范,成为浏览器和服务器通用的模块解决方案。ES6中,在JavaScriptES6中,export与...
代码星球
·
2020-04-08
浅谈
Vue
工程化
ES6
模块
工程化笔录
(1)首页-图标选择Icons区域开发 注意:这里需要添加逻辑操作,当页面加载时,遍历icons,且对icon的个数进行动态计算,将结果push到一个二维数组中 (2)axios接口调用与mock数据模拟 ...
代码星球
·
2020-04-08
工程化
笔录
Vue工程化入口文件main.js中Vue.config.productionTip = false含义
阻止启动生产消息,常用作指令。通俗理解为消息提示的环境配置。阻止启动生产消息這又是什麽意思?看下效果(1)Vue.config.productionTip=false (2)Vue.config.productionTip=true感覺多了一行信息 小结:开发环境下,Vue会...
代码星球
·
2020-04-08
Vue
工程化
入口
文件
main.js
Vue工程化之引入element-ui框架后图标失效
场景: vue-cli搭建的工程化项目,引入element框架后发现图标无效,变为方块 解决方案: 在index.html引入样式文件CDN链接即可<!--引入样式--><linkrel="stylesheet"...
代码星球
·
2020-04-08
Vue
工程化
引入
element-ui
框架
工程化---cnpm不是内部命令的解决
(1)问题描述 安装完,执行cnpm-v发现报出不是内部命令。 安装成功如下图: (2)解决方案: 之前配置过默认安装都会在D:\nodejsode_global中,所有我们cd到这个路径下,执行cnpm-v...
代码星球
·
2020-04-08
工程化
---cnpm
不是
内部
命令
vue工程化之项目引入jquery
既然写项目,那么少不了用jq,那我们就引入进来吧1、因为已经安装了vue脚手架,所以需要在webpack中全局引入jquery打开package.json文件,在里面加入这行代码,jquery后面的是版本,根据你自己需求更改。 dependencies:{ "jquery":"^2.2.1"}2、然后在命令...
代码星球
·
2020-04-08
vue
工程化
项目
引入
jquery
vue工程化之公有CSS、JS文件
1.关于公共的css 在src下面新建public.css,然后在main.js中引入进来import'@/public.css',这样所有页面中都会使用这个样式了,如果只是部分页面需要,那还是不用用这种公共配置,在页面中引入就好了。 2.关于公共的JS 创建好vu...
代码星球
·
2020-04-08
vue
工程化
公有
CSS
JS
vue工程化:返回顶部和底部的动画效果
.<template><div><divclass="scroll":class="{show:isActive}"><divid="toTop"@click="toTop(step)"><</div&g...
代码星球
·
2020-04-08
vue
工程化
返回
顶部
底部
vue工程化引入组件模板
vue脚手架搭建好项目后,组件间的引用通过componentsimportbannerComponentfrom'./banner'exportdefault{data(){return{}},components:{bannerComponent}}使用时<bannerComponent></ban...
代码星球
·
2020-04-08
vue
工程化
引入
组件
模板
首页
上一页
...
20
21
22
23
24
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他