![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
大前端
文章平均质量分 52
时光之里
Before Dawn
展开
-
umi中配置多环境运行打包发布
前提日常工作中,分为多个环境(开发,测试,预发,正式),不同环境下 api 不同,资源存放地址不同,这事,需要根据环境不同,运行不同的代码或者打包出不同的代码。方案我们常见的 process.en.NODE_ENV 来区分环境,默认是 dev,product 两个值,本地开发 dev,打包是 product,假如还有测试 test,预发 pre,就需要我们手动设置了。实施步骤安装因为 window 和 mac 下用到的命令不同,需要使用 cross-env 来解决不同系统的命令兼容问题np原创 2021-02-04 17:16:46 · 3224 阅读 · 0 评论 -
Nginx配置
Nginx配置brew install nginx # 下载 安装 Nginxsudo nginx -t # 查看是否安装成功运行结果:nginx: the configuration file /usr/local/etc/nginx/nginx.conf syntax is oknginx: configuration file /usr/local/etc/nginx/ngin...原创 2018-11-02 11:59:09 · 504 阅读 · 0 评论 -
使用dawn本地构建
使用dn本地构建dn build -e daily #打包日常dn build -e build #打包线上add commit push # 添加 提交 推送到仓库git push origin daily/1.0.1 # 推动到日常或者预发git tag #查看taggit tag publish/1.0.2 #打taggit push origin publish/1.0...原创 2018-11-01 15:18:27 · 157 阅读 · 0 评论 -
日常预发线上环境区分与CDN与Diamond关系
日常预发线上环境区分场景实例 项目环境 仓库版本 备注 日常 1.0.3 预发 1.0.2 已发布到预发的 预发 1.0.3 切换至,并未发布到预发 线上 2.1.1 234真心一问问题一: 前端1.0.3版本还没有推送到预发上面,预发怎么能切换至1.0.3呢?探究之路原创 2018-01-31 18:23:54 · 1956 阅读 · 0 评论 -
js模块化CommonJs AMD CMD UMD ES6
CommonJs,AMD,CMD区别CommonJsCommonJs是服务器端模块的规范,Node.js采用了这个规范。根据CommonJS规范,一个单独的文件就是一个模块。加载模块使用require方法,该方法读取一个文件并执行,最后返回文件内部的exports对象。 例如:// foobar.js //私有变量 var test = 123; //公有方法 function foobar原创 2017-11-27 13:21:19 · 255 阅读 · 0 评论 -
js为什么需要模块化开发
何为模块化开发与按需加载何为模块化开发?为了回答这个问题,首先解释何为“模块”:“模块”是为完成某一功能所需的一段程序或子程序。模块是系统中“职责单一”且“可替换”的部分。所谓的模块化就是指把系统代码分为一系列职责单一且可替换的模块。模块化开发是指如何开发新的模块和复用已有的模块来实现应用的功能。何为按需加载按需加载需要从时间和空间两方面理解。空间上:只加载当前页面的模块时间上:只有当用户表现出需要原创 2017-11-27 13:12:02 · 6199 阅读 · 1 评论 -
.eslintrc文件配置
.eslintrc文件配置{ // 环境定义了预定义的全局变量。 "env": { //环境定义了预定义的全局变量。更多在官网查看 "browser": true, "node": true, "commonjs": true, "amd": true, "es6": true,原创 2017-11-24 10:00:42 · 5201 阅读 · 0 评论 -
简单了解midway
=midway初步====================midway架构名词框架 Frame库 Library架构 Architecture中间件 Middleware模块 Module脚手架Webx一个优秀的后端 MVC web 框架。webx框架的的层次SpringExt:基于Spring,提供扩展组件的能力。它是整个框架的基础。Webx Framework:基于S...原创 2018-11-01 15:00:44 · 2609 阅读 · 0 评论 -
antd 按需加载,antd定制主题,antd上传组件,在线换肤
antd 按需加载组件,antd按需加载样式使用 babel-plugin-import,babel模块化导入插件,兼容antd,antd-mobile,lodash等库配置:{ "libraryName": "antd", style: "css" }使用style:导入真正的css源文件,并且可以在编译期间进行优化。style: "css":预先捆绑的css文件按原样导入。相当于:re...原创 2019-05-27 15:38:11 · 1955 阅读 · 0 评论 -
关于跨浏览器、跨平台、跨域、性能代码交互优化等问题总结
跨浏览器兼容性问题首先是现在市场上浏览器种类比较多,而不同的浏览器他的内核也不一样,这就导致了各个浏览器对网页的解析也是不一样的。最常见的问题应该就是网页元素混乱,错位。解决:使用 Normalize.css 解决 默认的内外边距不同通过document.createElement让浏览器支持新的元素;使用 IE 条件注释引入 html5shiv.js 解决 IE9 以下,对 H...原创 2019-05-15 17:05:19 · 837 阅读 · 0 评论 -
20190510 webpack基础
交换变量的值let x = 1;let y = 2;[x, y] = [y, x];从函数返回多个值//返回一个数组function exp(){ return [1,2,3]}let [a,b,c] = exp()//返回一个对象function exp(){ return { status:'ok', data:'success'原创 2017-05-04 21:55:55 · 273 阅读 · 0 评论 -
从零搭建webpack+react+router+redux项目踩坑之旅
使用 webpack 从零搭建 reactwebpack区分命令npm init -y # 跳过回答问题,直接生成默认的 package.jsonnpm install webpack webpack-cli --save-dev # --save-dev 在package文件的devDependencies节点写入依赖,生产环境也要使用npm install --save lodas...原创 2019-04-30 13:29:09 · 846 阅读 · 0 评论 -
前端工程化
前端工程化要解决的问题:如何提高整个系统的生产效率;即:系统化、模块化、规范化的过程制定各种规范前后端接口规范,其他文档规范接口命名规范,采用驼峰命名接口修改及时更新文档正确严格get post使用使用 resful api使用 Markdown 写周报统一团队编码规范目录结构、文件命名好的文件名称,方法名称代码风格规范,编码规范ESLint检查...原创 2019-04-25 11:03:11 · 181 阅读 · 0 评论