Module build failed: Error: Plugin/Preset files are not allowed to export objects, only functions.

全部异常如下: 原因为版本兼容性, 修改方式如下: “devDependencies”: { “babel-core”: “^6.26.3”, “babel-loader”: “^7.1.5”, “babel-preset-es2015”: “^6.24.1”, “babel-preset-stage-2”: “^6.24.1”, “json-loader”: “^0.5.7”, “webpack”: “^3.12.0”, “webpack-dev-server”: “^2.11.3” } 删除掉node_modules,然后把以上信息加入到package.json文件中,或者直接修改“babel-loader”为7.x版本,也可以解决这个错误问题。重新安装依赖。

No parser and no file path given, couldn't infer a parser

使用vue-cli 脚手架创建项目后,执行 npm run dev 时出现了异常 是prettier出了问题,查了下,是因为prettier的版本太新了 see https://github.com/vuejs/component-compiler-utils/issues/14 执行.\node_modules\.bin\prettier -v 查看下版本,是1.13.0 那就降级,执行 npm install –save-dev prettier@1.12.0   (注意:要进入node_module下面把prettier@13的版本删除掉) 再执行 npm run dev

小程序访问豆瓣api403错误,使用nodejs代理

本来想使用xampp代理的,搞了半天太麻烦了。所以使用nodejs代理做,方便很多,具体看一下代码: var express = require(“express”); var app = express(); var proxy = require(“http-proxy-middleware”); var cors = require(“cors”); var apiproxy = [ proxy(“/”, { target: “https://api.douban.com”, changeOrigin: true }) ]; app.use(cors()); app.use((req, res, next) => { req.headers = { “accept”: “*/*”, “accept-encoding”: “gzip, deflate, sdch, br”, “accept-language”: “zh-CN,zh;q=0.8”, “cache-control”: “no-cache”, “connection”: “keep-alive”, “host”: “localhost:5000”, “origin”: “http://localhost:8080”,…

编码规范

因最近在教学过程中看到学生写的代码果然是不能看的。看得心慌的很。 特意在github上面找到了关于编码规范的的整理文档。然后克隆到了“码云”上面。一下是地址,提供给大家进行参考 “编码规范”

Emmet语法

后代:> 缩写:nav>ul>li <nav> <ul> <li></li> </ul> </nav> 兄弟:+ 缩写:div+p+bq <div></div> <p></p> <blockquote></blockquote> 上级:^ 缩写:div+div>p>span+em^bq <div></div> <div> <p><span></span><em></em></p> <blockquote></blockquote> </div> 缩写:div+div>p>span+em^^bq <div></div> <div> <p><span></span><em></em></p> </div> <blockquote></blockquote> 分组:() 缩写:div>(header>ul>li*2>a)+footer>p <div> <header> <ul> <li><a href=””></a></li> <li><a href=””></a></li> </ul> </header> <footer> <p></p> </footer> </div> 缩写:(div>dl>(dt+dd)*3)+footer>p <div> <dl> <dt></dt> <dd></dd> <dt></dt> <dd></dd> <dt></dt> <dd></dd> </dl> </div> <footer> <p></p> </footer> 乘法:*…

阿里云window下xampp配置ssl

昨天发现豆瓣禁止了小程序中访问,不得已,自己搭建服务器。小程序对网络请求的限制是https,所以不得不在折腾一下https,花了两个中午折腾出来了,踩了不少的坑。 第一步: 在阿里云上申请CA证书服务器,申请按照步骤走下去就行了 第二部: 在XAMPP下修改配置文件 1、把申请的3个SSL证书配置文件放到D:\xampp\apache\conf\ssl下(新建ssl目录) 2、配置Apache下D:\xampp\apache\conf\httpd.conf文件 #LoadModule ssl_module modules/mod_ssl.so(去掉前面的#) #Include conf/extra/httpd-ssl.conf(去掉前面的#)   3、配置D:\xampp\apache\conf\extra\httpd-ssl.conf文件 搜索1:SSLCertificateFile “conf/ssl.crt/server.crt” 修改为:SSLCertificateFile “conf/ssl/public.pem” 搜索2:SSLCertificateKeyFile “conf/ssl.key/server.key” 修改为:SSLCertificateKeyFile “conf/ssl/214193550790174.key” 搜索3:SSLCertificateChainFile “c:/Apache24/conf/server-ca.crt” 修改为:SSLCertificateChainFile “conf/ssl/chain.pem” 搜索4:SSLProxyProtocol all -SSLv3 在下行添加 SSLProtocol all -SSLv2 -SSLv3 SSLCipherSuite AESGCM:ALL:!DH:!EXPORT:!RC4:+HIGH:!MEDIUM:!LOW:!aNULL:!eNULL; 搜索5:DocumentRoot “D:/xampp/htdocs” 修改为:DocumentRoot “D:/xampp/htdocs/www”(www为网站根目录) 搜索6:ServerName www.example.cn:443 修改为:ServerName www.domainname.cn:443 第三部: 重启服务器 注: 如果感觉修改配置文件太麻烦 在D:\xampp\apache\conf\extra\httpd-ssl.conf,搜索<VirtualHost _default_:443> , 这个把下面的内容全部删除掉,包含搜索的这行,复制下面完整的配置,修改相关路径、域名证书文件等信息   <VirtualHost _default_:443> DocumentRoot…

3.TypeScript基本数据类型

当我们使用JS感觉最不舒服的,莫过于若类型了。如果你刚接触的是Java或者C等语言,突然赚到JS上会非常的不舒服。那么TypeScript提供了类型,下面让我们来看一下。 TypeScript类型如下: 1.布尔值 2.数字 3.字符串 4.数组 5.元组 6.枚举 7.Any 8.Void 9.Null与undefined 10.never   布尔类型 最基本的数据类型就是简单的true/false值,在JavaScript和TypeScript里叫做boolean(其它语言中也一样)。 let isDone: boolean = false; 数字 和JavaScript一样,TypeScript里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了支持十进制和十六进制字面量,TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。 let decLiteral: number = 6; let hexLiteral: number = 0xf00d; let binaryLiteral: number = 0b1010; let octalLiteral: number = 0o744; 字符串 JavaScript程序的另一项基本操作是处理网页或服务器端的文本数据。 像其它语言里一样,我们使用 string表示文本数据类型。 和JavaScript一样,可以使用双引号( “)或单引号(’)表示字符串。 let name: string = “bob”; name…

2.5分钟上手TypeScript

为了更快的了解TypeScript,文档中给出了5分钟快速上手的一章,用来提供给我们学习。 1.安装TypeScript 有两种主要的方式来获取TypeScript工具: 通过npm(Node.js包管理器) 安装Visual Studio的TypeScript插件 我个人喜欢使用NPM来进行安装: npm install -g typescript 2.构建第一个TypeScript文件 创建一个文件greeter.ts,注意:后缀为ts,这是TypeScript的后缀,并复制下面代码 function greeter(person) {      return “Hello, “ + person; } let user = “Jane User”; document.body.innerHTML = greeter(user); 3.编译代码 我们使用了.ts扩展名,但是这段代码仅仅是JavaScript而已。 你可以直接从现有的JavaScript应用里复制/粘贴这段代码。 在命令行上,运行TypeScript编译器: tsc greeter.ts 输出结果为一个greeter.js文件,它包含了和输入文件中相同的JavsScript代码。 一切准备就绪,我们可以运行这个使用TypeScript写的JavaScript应用了! 接下来让我们看看TypeScript工具带来的高级功能。 给 person函数的参数添加: string类型注解,如下: function greeter(person: string) {    return “Hello, “ + person; } let…

1.初识TypeScript

三年前学习过TypeScript,但是到现在已经忘得一点不剩了,然后最近又开始研究TypeScript,并且希望把学习整个TypeScript的过程记录和分享下来,希望对大家有帮助 首先了解一下TypeScript: TypeScript是JavaScript的语法糖,又微软开发,使用起来非常方便,如果你之前有写过Java,那么你上手会变得更加容易,当然它无法直接运行在浏览器中,需要进行编译成JavaScript运行在浏览器中,单这并不能影响我们喜欢使用它编写代码。 大家可以直接参考官网,如果有困难,也可以参考中文网。 接下来我们来看一下TypeScript语言都可以做哪些事情。 以上截图只是它的部分使用场景。 上图包含了常见框架已经目前最火的小程序,都可以使用TypeScript来编写代码 Vue的官网也声明,尽快增加TypeScript语法的脚手架,而更夸张的是,Angularjs2竟然官网文档给出的语法糖竟然直接就是TypeScript,这让我们不得不去学习这门语言,并且应用到实际中。

Mac下常用操作

1.窗口操作: 1.查看隐藏文件:shift+command+. 2.关闭隐藏文件:shift+command+. 3.前往任意文件夹:shift+command+G