使用的是 webpack 模板 1. 首先安装 npm install lodash --save npm install lodash-webpack-plugin babel-plugin-lodash --save-dev 第二行的部分插件 webpack 模板已经默认安装 2. 修改 .babelrc plugins 中添加 lodash,我的项目添加完如下: "plugins": ["transform-vue-jsx", "transform-

前言 本篇文章默认您大概了解什么是TypeScript,主要讲解如何在React旧项目中安装并使用TypeScript. 写这个的目的主要是网上关于TypeScript这块的讲解虽然很多,但都是一些语法概念或者简单例子,真正改造一个React旧项目使用TypeScript的文章很少. 所以在这里记录下改造一个React项目的实践. 博客内容部分参照 TypeScript中文网,这个网站有官方文档的中文版. 安装TypeScript及相关库 对于集成了TypeScript的脚手架可以略过这一步,这

如何在项目中安装webpack,webpack-cli? 前提:电脑安装了 node和npm包管理工具 1 创建项目文件夹或者在已有的项目中打开终端  输入相关命令: npm init 因为已经安装好了node 的 npm 包管理工具,使用npm 在项目中初始化,使得项目符合 node 规范. 根据终端提示一步一步输入后 这样项目文件夹中就会多出一个 package.json文件,一些项目的基本信息:项目名称,版本,描述和javascript脚本等. 可以添加比如下图中 "private&quo

擦 ,今天在Django项目中引用静态文件jQuery.js 就是引入报错,终于找到原因了! 问题在于我使用的谷歌浏览器,默认使用了缓存,导致每次访问同一个url时,都返回的是缓存里面的东西.通过谷歌浏览器里面的开发者工具network下面的选项能禁用缓存. 禁用缓存后,则在django开发环境里面,运行python manage.py runserver,如DEBUG的值设为True时,可以正常加载显示静态文件:如设为False时,是不能成功加载显示静态文件的.

在CentOS7.4中安装jdk的几种方法及配置环境变量 一.下载jdk jdk下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 下载jdk-8u152-linux-x64.rpm 或 jdk-8u152-linux-x64.tar.gz(根据自己的系统位数选择对应的包) 如图: 二.安装jdk 1.因为我安装的CentOS7.4系统自带jdk1.8,所以为了演示如何安

设计模式(一)单例模式:创建模式 先聊一下关于设计的几个原则(1)单一原则(SRP):一个类应该仅有一个引起它变化的原因 :意思就是 (一个类,最好只负责一件事情,并且只有一个引起它变化的原因(2)开闭原则(OCP): 应该对扩展开放,但是对修改关闭:意思是(模块通过扩展的方式去应对需求的变化,应该尽量在不修改源代码的基础上面扩展)(3)依赖倒置原则(DIP):高层模块不应该依赖低层模块,两者都应该依赖其抽象:抽象不应该依赖细节,细节应该依赖抽象          高层模块不应该直接依赖于底层模

create-react-app:eject和不eject(使用react-app-rewired)这2种情况下的antd组件按需引入配置: 不eject(使用react-app-rewired)配置: 详细说明:https://ant.design/docs/react/use-with-create-react-app-cn eject后,配置: 按需引入antd的2种方式: 出处:https://blog.csdn.net/well2049/article/details/78801228

CocoaPods是什么? http://code4app.com/article/cocoapods-install-usage http://blog.csdn.net/jjmm2009/article/details/41944959 当你开发iOS应用时,会经常使用到很多第三方开源类库,比如JSONKit,AFNetWorking等等.可能某个类库又用 到其他类库,所以要使用它,必须得另外下载其他类库,而其他类库又用到其他类库,“子子孙孙无穷尽也”,这也许是比较特殊的情况.总之小编的意思

一.Mint UI 是 由饿了么前端团队推出的 一个基于 Vue.js 的移动端组件库,具有以下特性:       使用文档: http://mint-ui.github.io/#!/zh-cn Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要.通过它,可以快速构建出风格统一的页面,提升开发效率. 真正意义上的按需加载组件.可以只加载声明过的组件及其样式文件,无需再纠结文件体积过大. 考虑到移动端的性能门槛,Mint UI 采用 CSS3 处理各种动效,避免浏览器

CocoaPods是什么? 当你开发iOS应用时,会经常使用到很多第三方开源类库,比如JSONKit,AFNetWorking等等.可能某个类库又用到其他类库,所以要使用它,必须得另外下载其他类库,而其他类库又用到其他类库,“子子孙孙无穷尽也”,这也许是比较特殊的情况.总之小编的意思就是,手动一个个去下载所需类库十分麻烦.另外一种常见情况是,你项目中用到的类库有更新,你必须得重新下载新版本,重新加入到项目中,十分麻烦.如果能有什么工具能解决这些恼人的问题,那将“善莫大焉”.所以,你需要 Coco

1.首先我们要打开我们的终端: 2.在终端输入 这条命令  gem sources -l 2.1如果是和我是一样的显示,则镜像已添加,无需更改,如果不一样,则需要进行更改 这里输出的如果是 https://rubygems.org/ 镜像的话, 我们要删除这个镜像,然后添加镜像:https://ruby.taobao.org/ 具体操作命令如下: <1> 删除原始镜像:gem sources --remove https://rubygems.org/ <2> 添加新的镜像:gem

在维护别人的项目的时候,在项目文件夹中安装npm install模块的时候,报错如下: npm ERR! path D:\ShopApp\node_modules\fsevents\node_modules\abbrev npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall access npm ERR! enoent ENOENT: no such file or directory, access 'D:\ShopApp\nod

1,  建立或打开项目后,在“程序包管理器控制台”中执行以下命令添加包引用: Install-Package Swashbuckle.AspNetCore 2,在项目中打开Startup.cs文件,找到 Configure 方法,在其中添加如下代码: app.UseSwagger(); app.UseSwaggerUI(c => { c.SwaggerEndpoint("/swagger/v1/swagger.json", "MsSystem API V1")

在vue项目中我们常用npm install 安装模块或插件 有两种命令把他们写入到 package.json 文件里面去 例如安装axios 安装到开发环境npm axios --save-dev 安装到生产环境npm axios --save 在 package.json 文件里可以看到,使用 --save-dev 安装的 插件,被写入到 devDependencies对象里面去, 而使用 --save 安装的插件,则是被写入到 dependencies对象里面去   package.jso

安装:cnpm install echarts -S (安装依赖并引入到 package.json) 官网安装说明:http://echarts.baidu.com/tutorial.html#%E5%9C%A8%20webpack%20%E4%B8%AD%E4%BD%BF%E7%94%A8%20ECharts 按需引入,以加快打开速度: 按需引入的模块列表见 https://github.com/ecomfe/echarts/blob/master/index.js // 引入基本模板 let

参考:vue+mockjs 模拟数据,实现前后端分离开发 (Github-Demo可查看全部代码),Mockjs ,Axios 很多时候前后端分离的项目在开发过程中前端所需数据和后端接口并不会同步开发,此时在接口对接之前就可以使用mockjs来自定义模拟数据 vue项目中的请求一般也是使用Axios进行请求,而axios的的一个特点就是会自动拦截请求,今天搞了一下午,也参考了很多文章,差不多完成了demo axios的使用参考官网. 脚手架搭建好之后 npm install mockjs //

在最近的项目中,使用到了spring相关的很多东西,有点把spring的配置给搞混了,从网上查到的资料以及整理了一下. 在Web项目中,启动spring容器的方式有三种,ContextLoaderListener: ContextLoaderServlet :ContextLoaderPlugIn  1.在web.xml中配置ContextLoaderListener,如 <context-param>         <param-name>contextConfigLocati

vux是个vue的移动端框架. 目前移动端UI框架这么多,为啥选择vux呢?vux虽然说是个个人维护项目,但是有15000+个star,应该不比其他的团队开源框架差. 最重要的是,目前要做微信公众号和小程序的开发,想着UI风格最好和微信的一致,于是,就决定入坑vux.... 确实,刚开始安装使用就遇到了问题,现在记录一下正确的步骤. 本人使用webstorm IDE. 前面安装vue, nodejs,配置全局的vue-cli都不表了,网上很多教程. 1.创建一个vue项目,选择路径,项目名等信息

1,使用save会在package.json中自动添加. ----npm install node-sass  --save ----npm install sass-loader  --save 2,通常使用npm安装会出现以下报错,安装失败.(网路问题) 3,可以通过淘宝的npm镜像安装node-sass,解决以上问题. ----npm install -g cnpm --registry=https://registry.npm.taobao.org  (安装淘宝镜像) ----cnpm 

1.安装cnpm的nodejs包管理工具,命令行: npm install -g cnpm --registry=https://registry.npm.taobao.org   2. 每个vue项目需要配置自己单独的node_modules模块,具体构建过程如下: step1: cd到你的项目根目录下 step1: 执行 “cnpm install” 安装node_modules模块 安装完成后,刷新项目目录,可以查看该模块:

观察一下发现,mpvue项目打包css的规律是:根组件App.vue里的style样式全部打包到 dist  /  static / css / app.wxss ..   参照微信小程序的原生引入使用方式. 把weui.wxss手动放置到app.vue同级文件夹.然后在App.vue的style里引入一下.@import “./weui.wxss”. 重启项目  npm run dev,生效.