不可否定的是,vue现在火.但是在实际项目中,特别是像一下交互网站,我们不可避免会考虑到的是seo问题,这直接关系到我们网站的排名,很多人说用vue搭建的网站不能做优化,那我们真的要放弃vue,放弃前后端分离开发么? 首先,可以肯定的是前后端分离不利于SEO,为什么呢? 1.搜索引擎的基础爬虫的原理就是抓取你的url,然后获取你的html源代码并解析. 而你的页面通常用了vue等js的数据绑定机制来展示页面数据,爬虫获取到的html是你的模型页面而不是最终数据的渲染页面,所以说用js来渲染数据对…

webstorm如何调试vue项目的js webstormvuewebstorm调试jsjs 1.编辑调试配置,新建JavaScript调试配置,并设置要访问的url地址,如下图所示: 在URL处填写示例: http://localhost:8080 保存好调试配置 2.先用dev正常启动项目,然后切换到刚才设置的js调试名称,点击debug按钮,这时候会打开chrome,如下图所示 : 4.当我们在chrome中运行页面,WebStorm就会响应断点状态,如下图所示:…

I18n (internationalization ) ---未完善 产品国际化是产品后期维护及推广中重要的一环,通过国际化操作使得产品能更好适应不同语言和地区的需求 国际化重点:1. 语言语言本地化2. 文化颜色.习俗等3. 书写习惯日期格式.时区.数字格式.书写方向备注:项目中会兵分两路,一路是语言的国际化,另一路主要为文化国际化 产品设计之初引入国际化标准,符合项目的开发流程.国内主要主要三点,一个是港澳台采用中文繁体+英文,内陆通俗中文简体,新疆等地区采用文化标准. Vue-I18nV…

最近做的Vue + Vue-Router + Webpack +minitUI项目碰到的问题,在此记录一下,Vue-router 中有hash模式和history模式,vue的路由默认是hash模式,一般开发的单页应用的URL都会带有#号的hash模式,因为整个应用本身而言就只有一个HTML,其他的都是通过router来渲染.简单介绍下两种模式: hash —— 即地址栏 URL 中的 # 符号(此 hash 不是密码学里的散列运算).比如这个 URL:http://www.abc.com/#/…

Vue项目的环境搭建主要步骤如下: vue项目创建 安装NodeJS +到官网下载自己系统对应的版本,这里我们下载Windows系统的64位zip文件,下载完成后解压,可以看到里面有一个node.exe的可执行文件. +如果你安装的是旧版本的 npm,可以很容易得通过 npm 命令来升级.`npm install npm -g # windows` 安装 webpack -安装好 npm 之后,就可以通过 npm 命令来下载各种工具了,安装打包工具 webpack,-g 表示全局安装.`npm…

最近在跟着视频写饿了吗vue项目,其中模拟数据由于webpack版本变化,跟视频中不一致,下方博客有解决方案,其实视频里面的还能看懂,现在webpack的服务都在插件包里了,好难找. 请参考:https://blog.csdn.net/qq_24563905/article/details/78567652…

以下是个人过去一年在vue项目的开发过程中经常会用到的一些公共方法,在此进行汇总,方便以后及有需要的朋友查看~ let util = {}; /** * @description 日期格式化 * @param {Date} date 日期 * @param {String} fmt 日期格式 eg: yyyy-MM-dd hh:mm:ss */ util.dateFormat = function (date, fmt) { var o = { 'M+': date.getMonth() + 1…

这两天摆弄webpack,躺过很多坑,直到今天看了一位博主的文章才得以解决.他对配置中的各个部分做说明. 下面的配置99.9%抄自博主: https://www.cnblogs.com/nianyifenzhizuo/p/10271001.html 安装package.json中的node-sass可能因为网络原因不能成功安装 报错信息有一大串,其中提及python和gyp,其实不用去安装他们.只要执行下面的命令: npm set sass_binary_site=https://npm.tao…

vue 127.0.0.1 将  localhost 改为 0.0.0.0 原理看下面链接 参考: https://www.cnblogs.com/sddai/p/9281189.html…

前面的话 本文将详细介绍从webpack3到webpack4的升级过程 概述 相比于webpack3,webpack4可以零配置运行,打包速度比之前提高了90%,可以直接到ES6的代码进行无用代码剔除,新增的optimization使用简单 在未来,CSS.HTMl和文件都会成为原生模块 [0配置] webpack4 设置了默认值,以便无配置启动项目 entry 默认值是 ./src/ output.path 默认值是 ./dist mode 默认值是 production [模块类型] web…

1.先按照官网的  :label-position  属性玩了一下毫无效果:发现单独使用这个属性是无效的,必须和  label-width 属性一起使用才生效: 如: <el-form :model="form" :rules="rules" ref="form" inline label-position="right" label-width="100px" status-icon> 注意 …

使用 vue-cli-service inspect 来查看一个 Vue CLI 3 项目的 webpack 配置信息(包括:development.production) --mode 指定环境模式 (默认值:development) 运行命令,在终端输出: 开发环境:npx vue-cli-service inspect --mode development 生产环境:npx vue-cli-service inspect --mode production 运行命令,将输出导入到 js 文…

目录 微服务的Docker自动化部署 制作JDK1.8的Docker镜像 Docker常用命令介绍 制作image的一般流程 将本地的image上传至私人仓库 使用Maven插件实现自动化docker部署 微服务的Docker自动化部署 如何将一个微服务打包成一个可以独立运行的Docker镜像呢?需要完成两个任务: (1)JDK环境的Docker化 (2)微服务的Docker化 制作JDK1.8的Docker镜像 Docker常用命令介绍 (1)查看Docker本地仓库中已经下载好的镜像 doc…

团队项目--编写项目的Spec 一.Spec的目标        spec主要用来说明软件的外部功能,和用户的交互情况,主要用来说明软件内部的设计.图片编辑器是与生活息息相关的一个必备软件,随的流行,数码照片成为越来越多普通家庭存储回忆的介质,而数码照片拍摄过程中各种各样原因引起的照片表现力不足,需要对数码照片进行修复,或需要对数码照片进行后期处理的需求不断增大,图片编辑器,正是这一时代应运而生的产物.图片编辑器在当前的应用,主要在于对数码照片进行修复和增强.完成图片美化.特效.编辑.发烧友论坛…

修改一个MyEclipse项目的名称很容易,右键点项目->rename就行了. 但此时项目的web context-root 还没有改变,需要右键点项目->properties->MyEclipse->Web->Web context-root,修改成你想要的新名,点OK就可以了. 细节如下图. 2016年8月23日11:29:58…

为什么项目的jar包会和tomcat的jar包冲突? 碰到这个问题,猜测tomcat启动时会将自己的lib和项目的lib在逻辑上归并为一个大的lib,但是并没有做版本区分以及去重,这样相同的包可能就有两个引用,启动时自然就不知道用哪个包了,从而引发冲突.纯属猜测,等研究了tomcat的加载过程之后再补充更正.之前下载的How Tomcat Works.pdf还没来得及看,应该能解答所有问题,纯英文版的. 一下是tomcat\lib下的包,框出来的是容易不小心二次引入的包,注意下就好了. 补充:…

修改了 spring web 项目的 context root 为 / 之后,在启动项目时,会导致 WebApplicationContext  初始化两次,下面是其初始化日志: 第一次初始化: 四月 22, 2016 4:30:33 下午 org.apache.catalina.core.ApplicationContext log 信息: Initializing Spring root WebApplicationContext 第二次初始化: 四月 22, 2016 4:30:39 下午…

说到软件项目的依赖管理,可以从三个方面来考虑: 一.由build system控制的dependency 现在的build system,都支持一定程度上的dependency management, 比如make支持target之间的dependency,ant也支持其每个target之间的dependency(区别是make的每个非PHONY的target是个文件,make会检查输入与输出之间的timestamp来达到incremental build的效果,而ant则是对上一次build没…

背景 访问路径,也就是指在浏览器中访问该web系统时的根路径,比如http://localhost:8080/xxxx/index.jsp  这里的xxxx,也就是request.getContextPath()得到的值. 我们在做系统开发的时候,在本地工作区可能会有同一个系统的多个版本存在,比如上面所说的xxxx系统,这里可能会有xxxx1.xxxx1_1.xxxx1_2代表该系统的1.0 .1.1. 1.2版本,对应的工程名字默认就是系统的访问路径,但是,我们可能会希望这些项目能够有一个统一…

本文永久地址为http://www.cnblogs.com/ChenYilong/p/4020399.html ,转载请注明出处. **************************************************************************   其他周边问题可参考我的系列文章:<老项目的#iPhone6与iPhone6Plus适配#>(持续更新中)   系列文章:老项目的#iPhone6与iPhone6Plus适配#(持续更新中,更新日期2014年10月…

本文永久地址为 http://www.cnblogs.com/ChenYilong/p/4020384.html,转载请注明出处.  Evernote印象笔记链接:https://www.evernote.com/l/AOMMorhKH_hJl4divLQfouMeTGVEg2MMz6k 如果你用到的老项目,也就是Xode5创建的项目,用Xcode6做#iPhone6与iPhone6Plus适配#需要重新添加LaunchImage文件夹 进行下面的操作, 本文永久地址为 http://www.c…

重复,还是重复 程序员应该有狗一般的嗅觉,要能嗅到重复这一最常见的坏味道,不管重复披着怎样的外衣,一旦发现,都应该毫不留情地彻底地将其干掉.不要因为POM不是产品代码而纵容重复在这里发酵,例如这样一段代码就有重复: <dependency> <groupId>org.springframework</groupId> <artifactid>spring-beans</artifactId> <version>2.5</vers…

    本文永久地址为http://www.cnblogs.com/ChenYilong/p/4020373.html ,转载请注明出处.  这是Evernote印象笔记的链接:https://www.evernote.com/l/AONbMpvcTzNJQpU5P_7ZEZYdRVi6ble4zG   如果你用到的老项目,也就是Xode5创建的项目,用Xcode6做#iPhone6与iPhone6Plus适配#需要重新添加AppIcon文件夹 进行下面的操作, 将做好的Icon拖进去就行了 然…

本文永久地址为 http://www.cnblogs.com/ChenYilong/p/4020359.html,转载请注明出处. iOS8的定位和推送的访问都发生了变化, 下面是iOS7和iOS8申请定位权限时的不同: iOS7:   本文永久地址为 http://www.cnblogs.com/ChenYilong/p/4020359.html,转载请注明出处.   iOS8:         本文永久地址为 http://www.cnblogs.com/ChenYilong/p/40203…

技术博客http://www.cnblogs.com/ChenYilong/    本文永久地址为http://www.cnblogs.com/ChenYilong/p/4011744.html ,转载请注明出处.      iOS设备分辨率一览: 技术博客http://www.cnblogs.com/ChenYilong   分辨率和像素 经新xcode6模拟器验证(分辨率为pt,像素为真实pixel): 1.iPhone5分辨率320×568,像素640×1136,@2x 2.iPhone6…

Xamarin如何生成Android项目的APK 首先需要选择Release模式生成项目.然后从“生成”菜单中选择Export Android Package命令,就可以导出APK包.APK保存在Android项目文件夹的bin\release目录中.…

转载请注明本文出自大苞米的博客(http://blog.csdn.net/a396901990),谢谢支持! 简介: 有的项目需要在Android中加入Unity功能,例如ANDROID应用中嵌入Unity3D视图(展示3D模型) 有的项目需要在Unity中加入Android功能,例如3D语音天气球(源码分享)--创建可旋转的3D球 由于Android中的功能和代码只能当作一个Unity插件,需要在Unity进行最终的Build后生成apk文件运行. 所以无论上面两种情况都涉及了在Unity中加…

Eclipse 启动Tomcat后web项目的classes的子文件夹中没有calss文件. 经网上查得以下方法可解决 把properties属性里的java compiler-->building-->abort build when build path errors occur 前的勾去掉了. 目前推测原因可能是项目中jsp文件出现过多的错误,导致java文件不编译.…

今天接到一个任务,将昨天年会的视频,音频,图片等放在公司自己的服务器上,使连接同一个路由器的(即同一个内网)的同事可以通过内网下载视频(通过内网下载,可以提高下载速度). 备注:本次用的是tomcat启动服务 1.搭建好环境jdk+tomcat 2.新建一个web项目(我建的是一个maven项目,不过原理相同) 3.将要下载的文件放在项目的webapp目录下,注意一定要放在webapp目录下! 4.修改webapp目录下的index.jsp文件 5.启动tomcat 顺便补充一下启动tomcat…

先说说他们的关系,Nginx和uWSGI都是Web服务器,Nginx负责静态内容,uWSGI负责Python这样的动态内容,二者配合共同提供Web服务以实现提高效率和负载均衡等目的.uWSGI实现了多个协议,如WSGI,HTTP协议,还有它自己的uwsgi协议,想了解更多关于uWSGI和uwsgi协议内容可以查阅这里.这样和fastcgi类似,请求和响应的流程如下: Request > Nginx > uWSGI > Django > uWSGI > Nginx > R…