在前面的几篇中，介绍了webpack的大部分使用方法，使用其实就是为了上线，牵扯到生产环境，就会出现新的问题，比如：
对于前后端分离，如何把一个页面的公共部分比如head, header, footer, content等组合成一个完整的html 是一个值得考虑的地方。 对于php，我们可以利用include加载其他页面，像yii框架，可以利用render将输出的内容嵌入到父模板，从而形成一个完整的页面。 那对于纯静态的html我们如何拼接呢？ 可以想到市面上的多种模板引擎，比如artTemplate, doT, ejs等，他们可以使用require或include等特殊标记的语法来引入其他模块。但如果每个页面我们都去写若
1、 什么是CSS预处理器 CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性，无需考虑浏览器的兼容性问题。CSS预处理语言有SCSS (SASS) 和LESS等等，总之都是用来实现样式的。 2、lang 因此lang的属性可选：scss（sass）、less等等 即：<style lang="scss"> 3、scss和sass的区别 scss是sass的一个升级版本，两者都是用来实现样式的，只是语法有各自的不同点。 注明：使用这个lang的属性需要安装scss（sass） 4、scoped属性 scoped是指定样式的局部作用域。 在vue中：App.vue相当于根容器，不设置scoped。所以一般在App.vue中引用公共样式。而在其它.vue页面中用scoped，代表当前样式只作用于当前.vue页面。不作用于其它.vue页面。
使用实例：http://www.au92.com/archives/labjs.html 解释说明：http://miyuki.42code.com/2012/03/jsload-labjs-requirejs/ LABjs 对外公开的 API 一共有 4 个方法，分别为 setGlobalDefaults() 方法，setOptions() 方法，script() 方法以及 wait() 方法。其中最常用的是 script() 以及 wait()。LABjs 的内部变量中，最重要的是一个叫 engine
Webpack已升级为v4版本，优化之后性能提升好几倍，请移步这个 webpack4项目配置Demo，以及 这篇升级优化点
SDK的项目折腾了一个月，终于快到收获的时候，把这过程中的一些心得体会记录一下吧~
在ES6之前，javascript并没有提供内置的模块特性，通常是开发者利用js的特性，如对象、闭包、立即执行函数等，开发出模块化技术。
对于Bootstrap这个CSS框架，很多程序员持鄙视的态度，就如鄙视jQuery一般。诚然，就算不用这个框架，而是纯手写，或者借助JS框架的模板，一样可以写出一套页面，至于页面的精良程度、是否可二次开发、是否主流浏览器全兼容、是否可复用、可扩展、那就看开发者的个人能力了——如果一些人拿着公司的高额薪水或者甲方的高额酬金，却干着一锤子的买卖，代码不可复用，不可扩展，不可二次开发，浏览器不全兼容，他只是非常快速的胡七八凑了一套页面，应付到上线，然后潇洒的鄙视一下Bootstrap，我只能对这种人说俩字：呵呵。
继 精读《请停止 css-in-js 的行为》 这篇文章之后，我们又读了一篇抵制 css-in-js 的文章，虽然大部分观点都有道理，但部分存在可商榷之处，让我们分析一下这篇文章，了解 css 还做了哪些努力，以及 css-in-js 会如何发展。
TypeScript是一种由微软开发的自由和开源的编程语言。作为JavaScript的一个超集，添加了可选的静态类型和基于类的面向对象编程。
开发环境(development)和生产环境(production)的构建目标差异很大。在开发环境中，我们需要具有强大的、具有实时重新加载(live reloading)或热模块替换(hot module replacement)能力的 source map 和 localhost server。而在生产环境中，我们的目标则转向于关注更小的 bundle，更轻量的 source map，以及更优化的资源，以改善加载时间。由于要遵循逻辑分离，我们通常建议为每个环境编写独立的 webpack 配置，即将原本的webpack.config.js配置文件拆分成三个不同配置文件，同步需修改package.json文件。
Handlebars的layout文件和partials文件，可以是我们很轻松的组织一些公共的页面或代码片段，使得前端视图可维护性非常高。
我们在开发Halo轻量博客主题的时候，还需要了解他们内部的封装模板。在这里，老蒋整理来自Halo官方的公共宏模板代码规范。我们将某些常见的全局变量封装成了一个公共模板，我们只需要引入该模板，然后调用其中的宏模板即可。
本节我们就一起来研究，在接口库调试页面，用例库步骤详情页 这俩个地方如何加入这些项目公共请求头吧。
这就引出了本篇博客的目的，一起来谈谈：项目前端部分的构建方式以及数据共享方式。
1、闭包会使函数中的变量全部存储在内存中，内存消耗很大，所以不能滥用闭包，否则会导致网页性能问题，在IE中可能会导致内存泄露。解决办法是，在退出函数之前，删除所有未使用的局部变量。
我们已经对全局请求头的增删改查功能都已经完成。接下来就是实际让其在请求中生效。
1000行JS代码，听起来挺多的，但实际上真不算什么，随便一个功能完备、代码健壮的JS应用或是模块，很轻松的就写出1000多行，看这里，我以前写的一个tabel插件，带有CRUD功能、展开、加载、上传
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/details/79556117
在日常的开发模式里，前端需要服务端提供的接口实现动态数据展示和交互时，服务端完成接口开发后会提供一个接口文档给到前端按照文档规范再进行开发。这样模式下往往会出现两种情况：一种是往前端开发的进度往与服务端开发的进度不会完全同步，这就存在了一方等待另一方的情况，这多少会影响整体项目开发进度；另一种就是当前端对接不同的服务端人员所开发的接口，如果没有了统一的接口文档规范，每个人输出的接口文档都不尽相同，在后期对项目接口的更新和维护会是很大的时间成本。
本文作者：IMWeb zixinfeng 原文出处：IMWeb社区 未经同意，禁止转载 1. 使用webpack webpack命令使用 webpack --help (webpack -h) 查看所有的命令 webpack-v 打包命令 webpack [] 不适用webpack配置文件的时候 使用webpack配置文件, 直接webpack --config 指定配置文件 (默认配置文件名称 webpack.config.js或者 webpackfile.js) Basic Opt
服务端 ：NodeJS 服务：CommonJS规范，新版本的Node也可以启用ES6 Module功能
最近在写前端的时候，接触mixins比较多，发现尤大大对于这个性质的设置颇为有趣。毕竟对于 Vue 组件来说，混入（mixins）是一种灵活分发可复用性功能的方式。一个混入对象可以包含任意组件选项（options）。当组件使用混入对象时，所有混入对象的选项将被“混进”该组件本身的选项中。
本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
说起微前端框架，很多人第一反应就是 single-spa[1]。但是再问深入一点：它是干嘛的，它有什么用，可能就回答不出来了。
系列文章传送门： 1、build/webpack.base.conf.js 2、build/webpack.prod.conf.js 3、build/webpack.dev.conf.js 4、build/utils.js 5、build/vue-loader.conf.js 6、build/build.js 7、build/dev-server.js 8、build/check-versions.js 9、../config/index.js 下面是webpack.prod.conf.js中相关代码和配
现在我们有了这个存放公共请求头的字段了，那么就去前端的P_cases.html中找到保存步骤step的js函数，给它加上公共请求头吧：
几个月前，在好奇心的鼓动下，利用Github Pages和Hexo以及Next主题搭建一个属于自己的个人主站，由于时间伧俗，搭建成功后就没有好好完善一下，可以参照文章徒手教你建自己的博客,文章里有搭建免费博客的详细步骤。
知晓程序注： 即使你认为小程序开发很简单，也无法否认小程序开发中，仍然有许多需要注意的地方。稍不注意，就会产生意料之外的问题。 知晓程序（微信号 zxcx0101）今天推荐的这篇文章，是作者通过亲身开发，找到了微信小程序开发中的坑，并在文章给出了解决方案。希望能够帮助开发小程序的你，避开这些坑。 文 | 泡芙小姐 110 1. JSON 配置文件 小程序中，包含唯一的全局配置文件 app.json，以及每个页面的配置文件 page.json。每单页页面相应的 JSON 文件会覆盖与 app.json 相同
浏览器（软件）能够运行JavaScript代码，浏览器就是JavaScript代码的运行环境
主要是针对小程序开发中页面之间进行通信的问题，在涉及支付的场景中，用户从页面支付入口进行跳转进行支付之后，回到原来页面，在原来的页面需要进行相应的状态刷新，比如用户身份状态、支付状态、文档或商品情况。
题目的答案提供了一个思考的方向，答案不一定正确全面，有错误的地方欢迎大家请在评论中指出，共同进步。
起因 将代码组织到类中的一个重要原因是让代码更加“模块化”，可以在很多不同的场景中实现代码的重用。但类不是唯一的模块化代码的方式。 一般来讲，模块是一个独立的JS文件。模块文件可以包含一个类定义、一组相关类、一个实用函数库或者一些待执行的代码。 模块化的目标是支持大规模的程序开发，处理分散源中代码的组装，并且能让代码正确运行，哪怕包含了不需要的模块代码，也可以正确执行代码。 理想状态下，所有模块都不应当定义超过一个全局标识。 模块函数 通过把模块定义在某个函数的内部来实现，定义的变量和函数都属于该函数的局部
这段时间我主讲的前端零基础课，让我感觉js这东西是越来越简单了。你当然可以说我这是越讲课越熟。确实是有这部分因素，但更主要的是，我发现js中虽然有许多的概念各不相同，但在具体的代码实现中，基本都是非常类似，甚至是完全一样的。这就导致前端新人在学习的过程中，学着学着，就分不清谁是谁了。 例如在27号的课程中，主要讲js的自定义对象。在课程中提到了，函数，方法，对象，又加个构造器，，这就已经四个概念了，但使用代码表现出来， function abc(){ console.log('abc') } 全都是一样的
初始化项目 vue create vue-asgisn cd vue-asgisn npm run serve 一、 已经初始化项目后， 为了开发方便以及维护， 新增一些文件夹 - store
Create React App是FaceBook的React团队官方出的一个构建React单页面应用的脚手架工具。它本身集成了Webpack，并配置了一系列内置的loader和默认的npm的脚本，可以很轻松的实现零配置就可以快速开发React的应用。
题目为动态组件，但为了好理解可以叫做远程加载动态组件，后面统一简化称为“远程组件”。
项目构建迁移到fis体系后，打包的问题就跟着来了。打包的基本方式是：分析依赖，合并文件，解决引入。
@types/node 使用resolve解析项目路径 vite-plugin-dts 1.4.1 自动生成ts声明文件
题记：本文我们将引导大家完成在Oracle公共云（OPC）中创建3节点InnoDB集群的整个过程，包括从OPC IaaS资源的初始配置，到InnoDB集群的创建和配置的每个步骤。 在OPC上配置三个M
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
随着golang越来越火，很多大厂小厂正在转go，特别是市面上有大型平台在使用go,如字节跳动，滴滴，知乎等这些大流量项目，证明了golang性能，使得go也受到甲方的欢迎，很多外包开发者或者外包公司开始用Go。这样Go也需要一个比较友好web用于开发基础框架，方便快速搭建应用。把通用功能预制好，项目来直接开发项目业务。
最近做的一个系统,做完之后发现命名有些不够规范,所以想要规范一下命名,这样才能使项目目录更规范与整齐,网上发现该详细的命名规范博文.但是有些命名规范已经有些不在适合,参考该博文的基础上,进行了修改.
在项目开发的过程中，有些css样式我们写成一样的，在后期维护起来特别不方便。举个栗子：项目主题的背景色和字体色调是蓝色的，而且项目已经到了一个版本在线上运行的时候，这个时候产品经理过来说我们这个项目下个版本背景和字体颜色要换成淡紫色，最迟明天要部署版本。这个时候就开始打开项目全局搜索有多少个地方涉及到这些属性，一个一个的拼命改。早知如此何必当初，是我的格局小了还是产品经理欠揍呢
我们都经常遇到这个情况，在 Web 项目目录结构划分得细致之后，从某个子组件引用公共模块时，如果使用准确的相对路径，路径可能会变得相当长：
本文以 Twitter 工程师 Bonnie Eisenman 撰写的 Learning React Native 一书的第九章内容为蓝本，总结了 React Native 项目实践的一些经验。
其实我么之前已经将webpack.config.js 按环境进行去了区分配置，那么在公共配置文件中我们能否知道当前所处的环境，并据此做逻辑区分呢？
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
