写本记时(2018-06-25)的各版本 "webpack": "^4.6.0"  //可直接使用4x以上的开发模式,刷新很快 "webpack-dev-server": "^3.1.4"   //当天安装 "html-webpack-plugin": "^3.2.0", //当天安装 如果要使用es6,先看其它教程安装好babel,这里主要记录基于html-webpack-plugin…

webpack前置知识1(模块化开发) 新建 模板 小书匠  在开始对模块化开发进行讲解之前,我们需要有这么一个认识,即 在没有过多第三方干扰时,成本低收益高的事物更容易获得推广和信赖. 模块化开发就是这样的事物,它具有以下优点 1.开发效率高 1.1各模块并行开发 1.2复用性高 2.可维护性高 上面的文字生涩难懂,到底什么是模块化开发?我们知道一个成熟稳健的社会,模块化是必然的,即社会分工是明确的.最初的网页开发如同原始社会那样,仅需要些许动画和表单需求即可满足,这时的代码量非常小,即社会分…

原文地址:初学seaJs模块化开发,利用grunt打包,减少http请求 未压缩合并的演示地址:demo2 学习seaJs的模块化开发,适合对seajs基础有所了解的同学看,目录结构 js — —dist   //压缩后的目标文件夹 —lib   //各个模块 —drag    //拖拽模块 —scale   //缩放模块 —seajs    //seajs库 —seajs_drag    //入口的主文件main.js —main.js /*——————————————————————————…

Andorid Studio 模块化开发相关配置 下面以宿主APP模块和Uer_Module模块为例: 第一步:在项目根目录gradle.properties配置文件中添加如下代码 isNeedUserModule=true #isNeedUserModule=false 第二步 在user_module中的build.gradle文件中加入了如下代码来控制此库是library还是APP: if (!isNeedUserModule.toBoolean()) { apply plugin: 'c…

webpack配置自动打包重新运行npm run dev出现报错 运行npm run dev出现如下报错 Listening at http://localhost:8080(node:2328) UnhandledPromiseRejectionWarning: Error: spawn cmd ENOENT at Process.ChildProcess._handle.onexit (internal/child_process.js:217:19) at onErrorNT (inter…

写在前面的话 上次写过一篇关于webpack入门的博客,当时只是说借助node来完成开发,并用webpack打包以让浏览器识别.其实其主要思想就是实现前端模块化开发. 众所周知,历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来.这在开发大型的.复杂的项目时就变得很困难.这就需要一种模块加载机制,在ES6之前,就有一些模块加载方案,比如CommonJS和AMD,上篇文章就是用到CommonJS规范.但现在,ES6已经填补…

一.JS模块化 命名空间,COMMONJS,AMD/CMD/UMD,ES6 module 1.什么是命名空间 库名.类别名.方法名 弊端:在命名空间重复生命,要记住完整的路径名(而且很长) var NameSpace = {} NameSpace.type = NameSpace.type || {} //已经定义了就是它自己,没有定义就赋值一个空对象给它,避免命名空间覆盖的问题 NameSpace.type.method = function () {} 2.什么COMMONJS (服务器端使…

本项目前端采用vue-cli的脚手架,后端采用Flask的Web框架.项目通过完成用户管理.权限管理.商品管理.订单管理.统计管理等功能,综合了前后端的知识,希望使大家都能受益. 1.使用到的技术如下所示. 前端技术: Vue        前端框架 Element-UI    UI框架 Axios         发送请求 Echarts   绘制图表 后端技术: Python主流语言 flask  web框架 MySQL存储主要数据 Redis存储缓存数据 2.项目需求 3.vscode创建…

entry顾名思义,就是打包的入口文件 module.exports = { // 这个文件要做打包,从哪一个文件开始打包 entry: './src/index.js', // 打包文件要放到哪里去,就配置在output这个对象里 output: { // 打包好的文件名字 filename: 'bundle.js', /** * 打包出的文件要把他放到哪一个文件夹下,path后面要放一个绝对路径 * __dirname指的是webpack.config.js所在的当前目录的这个路径 * 下面…

编辑2016年7月26日——增加了下载网址,修改了一些错误. 摸索了一周,走了很多弯路,磕磕绊绊,总算是弄好了NDK的开发环境,在这里总结一下吧. 一.Android NDK开发环境 首先下载安装JRE.JDK,不必多说.然后下载NDK包,建议下载r11版本后的,自带C/C++的编译器, 不需要使用外部编译器的麻烦了,而且同时支持32位和64位的ARM处理器.下载完NDK包后,解压缩即可,需要之后关联到Eclipse.然后下载ADT Bundle,即安卓开发工具套装,里面集成好的Eclipse的…

1:安装(windows下) 官网下载.msi文件 运行安装时只需要安装server就行了 在环境变量中配置到bin目录:e.g:C:\programFile\...mysql\bin 完成后进入windows shell输入net strata mysql56(56为版本号)会提示“请求的服务已开启”or“正在启动....”即是表明配置成功了 2:切记每段SQL语句都以 “ ; ” 结尾! 3:注释 #.....    or    --...............   or        …

直接script引入下载静态的vue.js文件则最后用copy-webpack-plugin复制到一样的目录即可 使用npm安装的vue无法直接用 import vue from "vue",因为这样引用的是vue.common.js查资料:为什么会引 vue.common.js,from 'vue' 不该引的是 vue.js 么?这就要引入另一个知识点:package.json.package.json 中的 main 属性决定了,当项目被引入时,输出的是哪个文件,而 vue 的 p…

环境: webpack4.6 + html-webpack-plugin 多页面多入口 经多次研究,稍微靠谱可用的配置 optimization: { splitChunks: { minSize: 30000, cacheGroups: { common: { chunks: "initial", minChunks:3, name: "common", enforce: true } } } }, 注意name这个属性,是提取出来的块的名称,不完美的是,还要在h…

刚转好的UBUNTU14.04.01 TLS . 试了一下GCC,结果如下不能编译 gcc -o hello hello.cpp gcc: error trying to exec 'cc1plus': execvp: 没有那个文件或目录 Baidu 首先是配置gcc,在ubuntu安装完成已经有gcc了(gcc是由GNU之父Stallman所开发的linux下的编译器,全称为GNU Compiler Collection, 目前可以编译的语言包括:C, C++, Objective-C, Fo…

一.配置前的准备: 1.安装jdk: 下载地址: https://www.oracle.com/technetwork/java/javase/downloads/index.html 2.安装Eclipse: 下载地址: http://www.eclipse.org/downloads/ Eclipse无需安装,解压即可. 3.安装Python: 下载地址: https://www.python.org/ 二.在Eclipse中安装Pydev插件: 进入Eclipse界面中,点击Help,选择…

最近使用GeneXus15 U3版本做了几个手机端的项目,感觉还不错,开发速度很快,而且想要的功能也都实现了.其中有一些常用的配置和小技巧和大家分享一下. 基础环境要求 如果想开发Android程序,则需要JDK1.8及其以上版本和Android-sdk. 如果想开发iOS程序则需要x-code环境.GeneXus针对android-sdk和xocode的具体要求,可以参考wiki上的说明,说明的已经很详细了. Android Requirements iOS Requirements 按照要求…

在mac上装环境,折腾了我好久.先用是mac自带的php,但自带的PHP很多扩展都需要自己安装.libevent,memcache等扩展都安装好了之后,发现pdo_mysql.dll扩展又没有,悲剧的是下班回来好几天都没搞好.因为年底比较忙,所以只有下班回来才能调环境.后来不行我就想用个xampp集成环境,刚好在公司用的也是xampp,一般的扩展都集成了,不用再安装了. 后来下了一个xampp,但是问题又出现了,之前能用的memcache扩展不能用了,我又重新安装,但都不行.犯的第一个错误是安装…

1.安装系统:别的没什么说的,就是安的时候把网线拔了,不然到 configure apt的时候会卡起很久不走的2.配置网络 编辑/etc/network/interface打开/etc/networt/interface 添加下面几句:auto eth0iface inet eth0 static #设置静态IP地址address 192.168.1.235gateway 192.168.1.1保存,退出,重启网络$/etc/init.d/networking restart此时已经可以ping…

 前言 前面铺垫了那么多,今天我们就用MVC5 + EF6 + Bootstrap3来正式创建一个基本查询页面. 为什么从查询页面開始?嘿嘿.由于小弟的.Net生涯就是从查询页面開始的,记得正式工作的第一个月就是各种模块的查询.先做查询有什么优点?首先查询仅仅读数据.不写数据.对数据库本身的数据安全不造成影响也不怕写入脏数据的麻烦.其次增删改查这四个操作里面.查询的难度应该是最小的,不用考虑事务流程等方面的问题. 本节最后将会生成例如以下页面: 创建Model 关于Model.数据库上下文.…

Created by 蓝色布鲁斯,QQ32876341,blog http://www.cnblogs.com/zzyan/ iDempiere官方中文wiki主页 http://wiki.idempiere.org/zhiDempiere 中文社区www.idempiere.org.cniDempiere 中文社区QQ群 65713012 本文说明如何在windows下面配置iDempiere的eclipse 开发环境,同时提供配置好的环境下载.请同时参照第一篇 绿色版iDempiere环境…

一.Apache 因为Apache官网只提供源代码,如果要使用必须得自己编译,这里我选择第三方安装包Apache Lounge. 1. 进入Apachelounge官方下载地址:http://www.apachelounge.com/download/. 2. 首先下载并安装vc redist,这是Apache运行必需的一个组件(如果已经安装过就无需再安装). 3. 下载Apache解压版,将解压后的文件夹放在你想要安装的路径下. 4. 修改配置文件(Apache安装目录/conf/httpd.…

 前言 前面解说了怎样创建一个查询页面并给查询页面加入排序.搜索及分页功能.今天我们来讲讲怎样向这个列表加入数据. 解说的顺序将依照加入数据的步骤的时间顺序来进行,方便大家理清逻辑关系. 本节将涉及前面讲到的非常多知识点,并且还有非常多新知识点.帮助大家温故知新,融会贯通. 创建页面预览例如以下: 新建链接 首先在之前创建好的查询页面上加入一个可以跳转到创建页面的链接.将这个链接加入到标题和搜索栏之间.代码例如以下: <h2>Students</h2> <p> @H…

环境准备 VMware上安装CentOS7 XShell/Xftp NexusOSS-3.10 jdk1.8 安装 使用root用户登录,将安装包均放置在/usr/local文件夹下 使用Xshell.Xftp.FileZilla或MobaXterm将上述jdk及nexus安装包上传至/usr/local tar -zxvf jdk-8u211-linux-x64.tar.gz tar -zxvf nexus-3.10.0-04-unix.tar.gz 此时安装就已经完成了,其实已经可以直接使用…

一.Jar包的导出 1.在Package Explorer中选中项目,右键,点击“Export”   2.在弹出框一次选择Java-->JAR file,点击Next   3.在新弹出的窗口选择Jar报的保存路径并为Jar包命名,点击Finish,包导出完毕   4.在Javadoc保存目录中点击“index.html”即可看见生成好的帮助文档 二.Javadoc:自定义Jar包的说明文档的导出 1.在Package Explorer中选中项目,右键,点击“Export”   2.在弹出框一次选…

设置构建触发器 Poll SCM H/2 * * * * 设置 构建脚本 # #xodebuild & jenkins 自动构建并上传至pgyer.com #2017年5月9日 # #定义一些变量 PROJ_NAME="zhixinStuApp" cd ./${PROJ_NAME} ARCHIVE_NAME="${PROJ_NAME}#${BUILD_NUMBER}#Pro.xcarchive" LIBRARY_PATH="~/Library&qu…

组件化开发,一般是将重复的代码抽取成一个组件,供其他地方复用,一般情况下,提到组件化开发,都是指前端的组件化开发. 模块化开发,一般是将同一类功能模块的代码放到一起统一进行管理,是基于代码层面的,一般情况下,提到模块化开发,都是指后端. JavaScript原始功能 在ajax请求的出现,慢慢形成前后端分离.我们通常会将代码组织到多个js中,方便维护.但是这种维护方式,依然不能避免一些灾难性的问题.比如变量的污染. flag = true // aaa.js <script src="./…

本文旨在通过一个一个实战例子来学习webpack如何配置,更加深入的学习webpack在实战项目中如何配置. 我们学习哪些配置呢? [基础配置] 打包JS 编译ES6 编译typeScript 打包公共代码 代码分割和懒加载 打包css 打包less sass 提取css为独立文件 postCss的使用 js Tree-shaking css Tree-shaking 图片处理(css中引入图片.base64编码) 压缩图片,自动合成雪碧图sprite.retina处理 字体文件处理 处理第三方…

之前写了react-native在mac上得环境搭建,但是如果只开发android的话,只要用windows系统就可以了,下面就来说下react-native的windows开发环境配置. 1.下载配置jdk 下载jdk1.8,下载之后安装jdk并配置环境变量,网上有很多教程,这里就不写了 2.下载配置sdk 之前有写过sdk的下载与安装,不熟悉的话可以看下:windows系统Android-sdk的下载与环境变量配置 3.下载配置gradle 下载gradle,配置gradle的环境变量,将g…

几个月前写了一篇有关gulp和browserify来做前端构建的博客,因为browserify用来做js的打包时可能有些麻烦(特别是在写React的时候),所以这里再强烈推荐一款js打包工具-webpack.webpack很强大,不光可以模块化加载js,甚至还有jsx,css,图片等等.可以看看webpack托管到github的官网,相信你看一眼就能懂webpack的强大之处了.进入webpack官网>> = =说到此处,不免有些尴尬,由于博主的英文so 一般,对webpack的认识还不够深,…

前言 上篇我们已经配置好了本地开发服务器,但是配置的相对比较凌乱,一个文件中有些是开发时用到的配置,有些是生成时用到的配置,有些是开发和生成都要用到的配置,所以我们这里把环境分为3个环境 webpack.base.config.js:webpack基础配置,开发和生成环境都需要用到的配置 webpack.dev.config.js:开发环境的配置 webpack.prod.config.js:生成环境的配置 配置分离 development(开发环境) 和 production(生产环境) 这两…