最近在看Nuxt开发vue项目的视频,视频中讲到Nuxt项目不支持es6的import写法.并提供了解决方案: 1.在package.json中添加我标红的部分: "scripts": { "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node", "build": "nuxt bu…
node本身并不支持es6语法,我们通常在vue项目中使用es6语法,是因为,我们使用babel做过处理, 为了让项目支持es6语法,我们必须同时使用babel 去启动我们的程序,所以再启动程序中加 --exec babel-node,让node 和babel-node同时启动程序 需要在package.json文件夹中 "scripts": { "dev": "cross-env NODE_ENV=development nodemon server/i…
中文版Chrome浏览器不支持12px以下字体的解决方案 Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px,英文版则没有限制,主要是因为chrome认为汉字小于12px就会增加识别难度,尤其是中文常用的宋体和微软雅黑.而我们在实际项目中,对于数字/英文内容,其他字体的文本可能会有特殊的需求要求它们以更小的字号来显示,这个时候就需要取消浏览器的自动调整功能了. 一般解决方案是禁止webkit浏览器配置调整网页的字体大小.如下CSS定义方式: [css] view plai…
vscode是一个简单的开发工具,启动快,速度快.但是当前1.26版本对多项目支持好像有点问题.命令行有个dotnet sln,但是只能添加新项目,却没有创建解决方案的命令.如果强行添加他会提示没有解决方案文件,莫名其妙! 当然可以添加文件夹的方式,在一个项目中看到另一个项目的文件结构,但是这无法等同于解决方案. 另外,库文件的调试感觉很麻烦,因为库不能运行,不知道有什么好的方案. 库打包给另一个项目用,也很麻烦,更新了,客户端并不会自动更新到最新版本,也不会判断文件新旧,它要你对库创建一个新的…
Carthage介绍 具体使用,可以查看官网的,文档地址 https://github.com/Carthage/Carthage.如果看不懂英文,可以看一下官文的翻译:https://www.jianshu.com/p/e0c0ceee8ab2 . 为什么使用Carthage,具体对比CocoaPods有什么优势,还有安装过程,请都参照官网的操作. 让你的项目支持Carthage 配置项目 1.创建framework 在已有的工程上,新建一个Target.项目-> File -> New -…
最近所在技术团队在开发webapp项目,前端angularjs+后端.Net MVC API,API登录接口定义为PUT提交方式,在做兼容测试时发现UC.safari.微信浏览器下都可以登录,但在华为自带浏览器下登录接口总是报错,抓包发现PUT提交请求体为空,用Inisomnia模拟提交空值得到和华为浏览器一样的接口返回信息,初步判断为浏览器提交了空值,Google了一下确实存在部分手机浏览器不支持PUT提交的情况,后在华为官网上了看下了,已有人遇到过来类似的情况,看来该浏览器确实不支持PUT提…
Typecho-Material主题不支持Kotlin代码高亮的解决方案 Overview 最近通过Typecho搭建了一个Blog,采用了 Material主题,其他的都挺好,也挺喜欢这个主题,但是因为最近一直使用Kotlin语言,但是这个主题却没有Kotlin语言的高亮,这就比较难受了,所以就自己稍微修改了一下. 从highlightjs选择主题 Material 主题采用 hightlight.js 实现代码的高亮,所以我们可以去 https://highlightjs.org/ 下载我们…
因为公司项目需要兼容SEO,同时我们也一直希望能够真正的实现前后端分离,于是毫不犹豫的选择了nuxt. 话说要重构前后端分离真是一个大工程,由于各种原因我们团队花了近两年时间都没有完成,最近才又重启把这个事情做起来,先搞了一个独立的小模块,我觉得主要以下两个点特别重要: 1:团队稳定且对于系统业务已经熟悉.特别是对于一个运行了几年的一个系统来说,前后端分离的工程量之大可能超乎你的想象,因为系统越大.运行越久,那业务复杂度越高,隐性规则越多 2:有时间或者说短期内没有什么其他项目 ----好吧,开…
服务端渲染应用部署应该先编译构建,然后再启动 Nuxt 服务,可通过以下两个命令来完成: nuxt build nuxt start 我们已经在pakage.json里配置好script命令 { "scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start", "generat…
使用Nuxt Nuxt.js文档:https://zh.nuxtjs.org/guide/ 开始 初始化Nuxt项目 npx create-nuxt-app <项目名> // or yarn create nuxt-app <项目名> 运行 npm run dev 路由 基础路由 Nuxt.js依据 pages 目录结构自动生成 vue-router 模块的路由配置. 举例, pages 如下: pages/ --| user/ -----| index.vue -----| on…