大家好，下面来分享一个初学者可能认为比较奇怪的问题。大多数初学者都会拼到这样的问题，然而不知道如何解决。下面我就把这个问题扔出来，希望对大家有所帮助。
 
 问题描述：当我们应用启动时会出现一个黑屏，闪一下，然后进入主程序，这个属于正常行为。那么当出现第一个黑屏时，你会发现带有一个标题栏信息，然而你又找不到是哪个页面？很是疑惑，如下图所示：
 
 
 
  
 
 进入后页面如下图：
 
 
 
  
 
 如上图所示，都带有标题栏。里面的页面，带有标题栏很正常，就是我们主程序的页面。为什么前面一个页面会出现标题栏，而不是全屏呢？那这是哪个页面呢？
 
 程序全屏的处理有好几种方法，下面我们修改配置AndroidManifest.xml里面的信息看下：
 
 
 
 
 
 
  
 
   [xhtml] 
   view plain
   copy
   print
   ? 
   
 
   
 
  
 
 
 
 
 <application android:icon="@drawable/icon" >  
         <activity android:name=".LoadingSystem" android:label="@string/app_name" android:theme="@android:style/Theme.NoTitleBar">  
             <intent-filter>  
                 <action android:name="android.intent.action.MAIN"/>  
                 <category android:name="android.intent.category.LAUNCHER"/>     
             </intent-filter>  
         </activity>  
 
 
 
 在里面增加了一个属性：android:theme="@android:style/Theme.NoTitleBar"意思是不要标题栏。
 
 保存，重启，下面我们在运行一下看看效果：
 
 
 
  
 
 第一个屏标题栏没有了，这个页面这样子是正常的。
 
 
 
  
 
 这个页面标题栏也没有了。原来根源在这里。解决了。
 
  
 
 问题缺陷描述：
 
 还有一种方法可以在程序里修改上面的问题，代码如下：
 
 
 
 
 
 
  
 
   [java] 
   view plain
   copy
   print
   ? 
   
 
   
 
  
 
 
 
 
 public void onCreate(Bundle savedInstanceState) {    
         super.onCreate(savedInstanceState);    
        //无title      
        requestWindowFeature(Window.FEATURE_NO_TITLE);      
         //全屏      
        getWindow().setFlags(WindowManager.LayoutParams. FLAG_FULLSCREEN ,        
                       WindowManager.LayoutParams. FLAG_FULLSCREEN);     
              
         setContentView(R.layout.main);    
     }    
 
 
 
 这样子也能去掉标题栏。但是前面的黑屏页面的标题栏是去不掉的。它只能对当前activity的页面标题栏起作用。不是全局的。
 
  
 
 OK，讲完了，希望对大家有所帮助。多多支持我。顶顶我。
 
 
 
 
 
 
 
 
 
 
 
 
 
 转载请注明： http://blog.csdn.net/richway2010/archive/2011/06/29/6574987.aspx
 
 
 
 
 
 
 
 专业生产硅橡胶制品,硅胶手腕带,自己开模具加工产品.速度,价格,品质,特有优势,可随客OEM......可代客画图,支持支付宝与财付通付款.
 自己做模具加工产品,模具与价格非常有优势!!!
  如:我们没有最低订购量,一千个凹字手环计,单价:0.4元/个左右,模具:200元左右.最快三天出货.量大更优惠!!!长期单可再谈.
 
 
 有需要加QQ:504745188
 手机:0757-85590410
 联系人:梁先生
 邮箱：service@100nh.com
 
 旺旺：liangyiqin1989 和 gzsword
 MSN： liangyijian@live.cn
 网址：www.100nh.com
 
 地址：中国广东省佛山市南海区
 厂商：南海商城
 
 佛山一百度 www.foshan100.com，打造佛山最专业，最生活的门户网站。

 
 
             
 

 
 
原谅我图截得太丑，但是相信大家还是会发现当我们点击页面的按钮时，会出现一个矩形的虚线框。很多时候我们不需要这个鸡肋又丑的虚线框。
 
的解决的方法肯定不是最合理的，但是简单粗暴。
 
我们在百度这个问题的时候，很容易查出，控制这个效果的属性是 outline。  去掉虚线框的CSS也就是outline ： none；但问题是我们得确定这个按钮是哪个标签的啊
 
所以我们需要谷歌浏览器（其实其他浏览器，应该也有对应的工具）
 
第一步：把页面在 Google Chrome（谷歌浏览器）中打开，然后打开 选项-->更多工具-->开发者工具 （其实正常人一般都知道，按F12就可以了，或许还有文艺一点的老哥不喜欢简单粗暴的，会喜欢使用  Ctrl+Shift+I）。
 
第二步：确定产生虚线框的html元素。
 
 
这个图的左上角的小图标，点它！！
 
然后就可以把鼠标悬浮在你想去掉的虚线框的元素上，估计你就会找到你要改的标签了，如图
 
第三步：在你想去掉虚线框的标签的样式上加上一句 style=" outline ： none；"  或者直接用类选择器，酱紫写<style> span {outline:none } 
 </style>   但是不推荐这样写 。如果成功的去掉了难看的框框，就不需要往下看了。如果这两个方法都不好使，看第四步。
 
 

 
 
第四步：如果通过第三步的操作，还是去不掉这该死的框框，我们还是有办法的，不成功的原因估计是因为其他样式的优先级高于你写的样式。如果是这样，我们就可以使用  !important  来提高优先级。style=" outline ： none!importan；" 或者<style> span {outline:none !importan ｝</style>
 
就酱了，如果还不好使，对不起我耽误你时间了
 

seo 优化去掉html 页面的后缀 .html 
 
创建一个叫 .htaccess  的文件，放到网站的根目录下
 
加入代码
 
RewriteEngine On
 RewriteCond %{REQUEST_FILENAME} !-f
 RewriteRule ^([^\.]+)$ $1.html [NC,L]
 
 

 
 

 
 
第一 种，使用Apache (因为没有使用所以没有测试)
 
http://www.cnblogs.com/wangkongming/archive/2012/11/13/2768251.html
 
 

 
 

 
 
第二种，使用nginx
 
因为上面的代码是 apache 语法的，并不是nginx 的
 
所以需要转换一下
 
http://www.atool.org/htaccess2nginx.php（在线转换工具）
 
 

 
 
转换之后如下：
 
 
if (!-f $request_filename){
	set $rule_0 1$rule_0;
}
if ($rule_0 = "1"){
	rewrite ^/([^\.]+)$ /$1.html last;
}
 
 
接下来就是引用 .htaccess  的文件，引用这个配置
 
方法是在nginx server{}  里面加入一句话
 
include /opt/apache-tomcat/webapps/project
 
./nginx -t  配置没有问题
 
./ningx -s reload 重新启动nginx 
 
接下来改页面地址，<a href ="aaa.html"></a> 去掉.html  <a href="aaa"></a>
 
刷新页面测试，地址栏显示project/aaa  不带html  ， 页面正常显示，配置成功。
 

 
 

 
 

 

前言
 
 
基于 Ant Design of Vue 实现的 Ant Design Pro。非常完善的开发后台系统，前台系统的代码样例。
 github地址：
 https://github.com/sendya/ant-design-pro-vue
 项目预览地址：
 https://preview.pro.loacg.com/user/login?redirect=%2F
 文档地址：
 https://pro.loacg.com/docs/getting-started
 
本文的原文连接是: https://blog.csdn.net/freewebsys/article/details/88361751
 未经博主允许不得转载。
 博主地址是：http://blog.csdn.net/freewebsys
 
1，关于权限
 
 
系统很漂亮：
 
 
官方提供了权限的取消文档，要修改机构地方：
 
https://pro.loacg.com/docs/remove-authority-management
 
言肆 sendya 同学，给出了设计图：
 
 
2，删除权限
 
 
界面确实特别的漂亮，同时组件也非常的丰富。比 elementUI，组件多点。
 然后需要修改 3 个地方，就可以把权限去掉了。
 
去除路由守卫
 移除代码 src/main.js 第 10 行
 
     import '@/permission' // permission control
 
让菜单生成不经过动态路由
 修改 src/router/index.js
 
    import Vue from 'vue'
    import Router from 'vue-router'
    import { constantRouterMap, asyncRouterMap } from '@/config/router.config'
    
    Vue.use(Router)
    
    export default new Router({
      mode: 'history',
      base: process.env.BASE_URL,
      scrollBehavior: () => ({ y: 0 }),
      routes: constantRouterMap.concat(asyncRouterMap)
    })
 
增加 src/components/page/GlobalLayout.vue 第 79 行起
 
    import { asyncRouterMap } from '@/config/router.config.js'
    修改 src/components/page/GlobalLayout.vue 第 120 行起
    
    created () {
      this.menus = asyncRouterMap.find((item) => item.path === '/').children
      // this.menus = this.mainMenu.find((item) => item.path === '/').children
      this.collapsed = !this.sidebarOpened
    },
 
这个路由设计的还配合权限设计的。
 菜单是自动可以增加好多级的。
 
3，setting-drawer
 
 
这个功能很有意思。配置主题，布局的。
 也可以只修改配置文件：
 
src/config/defaultSettings.js 默认配置文件：
 
/**
 * 项目默认配置项
 * primaryColor - 默认主题色
 * navTheme - sidebar theme ['dark', 'light'] 两种主题
 * colorWeak - 色盲模式
 * layout - 整体布局方式 ['sidemenu', 'topmenu'] 两种布局
 * fixedHeader - 固定 Header : boolean
 * fixSiderbar - 固定左侧菜单栏 ： boolean
 * autoHideHeader - 向下滚动时，隐藏 Header : boolean
 * contentWidth - 内容区布局： 流式 |  固定
 *
 * storageOptions: {} - Vue-ls 插件配置项 (localStorage/sessionStorage)
 *
 */

export default {
  primaryColor: '#1890FF', // primary color of ant design
  navTheme: 'light', // theme for nav menu
  layout: 'sidemenu', // nav menu position: sidemenu or topmenu
  contentWidth: 'Fixed', // layout of content: Fluid or Fixed, only works when layout is topmenu
  fixedHeader: false, // sticky header
  fixSiderbar: false, // sticky siderbar
  autoHideHeader: false, //  auto hide header
  colorWeak: false,
  multiTab: false,
  // vue-ls options
  storageOptions: {
    namespace: 'pro__', // key prefix
    name: 'ls', // name variable Vue.[ls] or this.[$ls],
    storage: 'local' // storage name session, local, memory
  }
}

 
3，总结
 
 
非常完善的开发后台系统，前台系统的代码样例。
 可以做为一个公司内部vue 的开发规范做。开源，社区力量非常强大。
 比自己搭建的框架，页面结构，展示效果要好用的多。超级赞?！！！
 
本文的原文连接是:
 https://blog.csdn.net/freewebsys/article/details/88361751
 
博主地址是：http://blog.csdn.net/freewebsys