zaixianshouce
zaixianshouce

移动端安卓和IOS开发框架Framework7使用及打包

基本布局

    在这个基本APP中我们使用iOS主题。

    我们首选需要创建一个 index.html 文件。

这是一个 iOS 单页应用，有一个 view, left panel 和 动态穿透布局的navbar 和 toolbar:

  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <!-- Required meta tags-->
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
  7.     <meta name="apple-mobile-web-app-capable" content="yes">
  8.     <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9.     <!-- Your app title -->
  10.     <title>My App</title>
  11.     <!-- Path to Framework7 iOS CSS theme styles-->
  12.     <link rel="stylesheet" href="path/to/framework7.ios.min.css">
  13.     <!-- Path to Framework7 iOS related color styles -->
  14.     <link rel="stylesheet" href="path/to/framework7.ios.colors.min.css">
  15.     <!-- Path to your custom app styles-->
  16.     <link rel="stylesheet" href="path/to/my-app.css">
  17.   </head>
  18.   <body>
  19.     <!-- Status bar overlay for full screen mode (PhoneGap) -->
  20.     <div class="statusbar-overlay"></div>
  21.     <!-- Panels overlay-->
  22.     <div class="panel-overlay"></div>
  23.     <!-- Left panel with reveal effect-->
  24.     <div class="panel panel-left panel-reveal">
  25.       <div class="content-block">
  26.         <p>Left panel content goes here</p>
  27.       </div>
  28.     </div>
  29.     <!-- Views -->
  30.     <div class="views">
  31.       <!-- Your main view, should have "view-main" class -->
  32.       <div class="view view-main">
  33.         <!-- Top Navbar-->
  34.         <div class="navbar">
  35.           <div class="navbar-inner">
  36.             <!-- We need cool sliding animation on title element, so we have additional "sliding" class -->
  37.             <div class="center sliding">Awesome App</div>
  38.             <div class="right">
  39.               <!-- 
  40.                 Right link contains only icon - additional "icon-only" class
  41.                 Additional "open-panel" class tells app to open panel when we click on this link
  42.               -->
  43.               <a href="#" class="link icon-only open-panel"><i class="icon icon-bars-blue"></i></a>
  44.             </div>
  45.           </div>
  46.         </div>
  47.         <!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
  48.         <div class="pages navbar-through toolbar-through">
  49.           <!-- Page, "data-page" contains page name -->
  50.           <div data-page="index" class="page">
  51.             <!-- Scrollable page content -->
  52.             <div class="page-content">
  53.               <p>Page content goes here</p>
  54.               <!-- Link to another page -->
  55.               <a href="about.html">About app</a>
  56.             </div>
  57.           </div>
  58.         </div>
  59.         <!-- Bottom Toolbar-->
  60.         <div class="toolbar">
  61.           <div class="toolbar-inner">
  62.             <!-- Toolbar links -->
  63.             <a href="#" class="link">Link 1</a>
  64.             <a href="#" class="link">Link 2</a>
  65.           </div>
  66.         </div>
  67.       </div>
  68.     </div>
  69.     <!-- Path to Framework7 Library JS-->
  70.     <script type="text/javascript" src="path/to/framework7.min.js"></script>
  71.     <!-- Path to your app js-->
  72.     <script type="text/javascript" src="path/to/my-app.js"></script>
  73.   </body>
  74. </html>
复制

初始化APP

我们写好布局，引用了 Framework7 的JS和CSS之后，我们需要初始化 APP 和 View.

在我们的 my-app.js 文件中这样写：

  1. // Initialize app
  2. var myApp = new Framework7();
  3. // If we need to use custom DOM library, let's save it to $$ variable:
  4. var $$ = Framework7.$;
  5. // Add view
  6. var mainView = myApp.addView('.view-main', {
  7.   // Because we want to use dynamic navbar, we need to enable it for this view:
  8.   dynamicNavbar: true
  9. });
复制

再添加一个Page

我们添加一个 "about app"页面，放在 about.html 文件中

  1. <!-- We don't need full layout in this file because this page will be parsed with Ajax. It is just enough to put here .navbar and .page-->
  2. <!-- Top Navbar-->
  3. <div class="navbar">
  4.   <div class="navbar-inner">
  5.     <div class="left">
  6.       <a href="#" class="back link">
  7.         <i class="icon icon-back-blue"></i>
  8.         <span>Back</span>
  9.       </a>
  10.     </div>
  11.     <div class="center sliding">About</div>
  12.     <div class="right">
  13.       <a href="#" class="link icon-only open-panel"><i class="icon icon-bars-blue"></i></a>
  14.     </div>
  15.   </div>
  16. </div>
  17. <div class="pages">
  18.   <div data-page="about" class="page">
  19.     <div class="page-content">
  20.       <div class="content-block">
  21.         <p>Here is About page!</p>
  22.         <p>Fusce eros lectus, accumsan eget mi vel, iaculis tincidunt felis. Nulla tincidunt pharetra sagittis. Fusce in felis eros. Nulla sit amet aliquam lorem, et gravida ipsum. Mauris consectetur nisl non sollicitudin tristique. Praesent vitae metus ac quam rhoncus mattis vel et nisi. Aenean aliquet, felis quis dignissim iaculis, lectus quam tincidunt ligula, et venenatis turpis risus sed lorem. Morbi eu metus elit. Ut vel diam dolor.</p>
  23.       </div>
  24.     </div>
  25.   </div>
  26. </div>
复制

给about页面添加JS代码

假设我们需要在 about 页面中执行JS代码。因为 about.html 页面是通过JS加载的，我们不能通过在 about.html 中添加 <script> 标签的方式来添加JS代码，因为script标签会直接被忽略。所说，Framework7 提供了简单的回调函数，我们可以在 my-app.js中使用：

  1. // Initialize app and store it to myApp variable for futher access to its methods
  2. var myApp = new Framework7();
  3. // We need to use custom DOM library, let's save it to $$ variable:
  4. var $$ = Framework7.$;
  5. // Add view
  6. var mainView = myApp.addView('.view-main', {
  7.   // Because we want to use dynamic navbar, we need to enable it for this view:
  8.   dynamicNavbar: true
  9. });
  10. // Now we need to run the code that will be executed only for About page.
  11. // For this case we need to add event listener for "pageInit" event
  12. // Option 1. Using one 'pageInit' event handler for all pages (recommended way):
  13. $$(document).on('pageInit', function (e) {
  14.   // Get page data from event data
  15.   var page = e.detail.page;
  16.   
  17.   if (page.name === 'about') {
  18.     // Following code will be executed for page with data-page attribute equal to "about"
  19.     myApp.alert('Here comes About page');
  20.   }
  21. })
  22. // Option 2. Using live 'pageInit' event handlers for each page
  23. $$(document).on('pageInit', '.page[data-page="about"]', function (e) {
  24.   // Following code will be executed for page with data-page attribute equal to "about"
  25.   myApp.alert('Here comes About page');
  26. })
复制

引入文件

  1. <link rel="stylesheet" href="framework7.ios.min.css">
  2. <link rel="stylesheet" href="framework7.ios.colors.min.css">
  3. <script type="text/javascript" src="framework7.min.js"></script>
复制

在线实例

  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
  6.     <meta name="apple-mobile-web-app-capable" content="yes">
  7.     <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8.     <title>My App</title>
  9.     <link rel="stylesheet" href="//ku.shouce.ren/libs/fk7/1.4.2/css/framework7.ios.min.css">
  10.     <link rel="stylesheet" href="//ku.shouce.ren/libs/fk7/1.4.2/css/framework7.ios.colors.min.css">
  11.   </head>
  12.   <body>
  13.     <div class="views">
  14.       <div class="view view-main">
  15.         <div class="pages">
  16.           <div data-page="home" class="page">
  17.             <div class="page-content">
  18.               <div class="navbar">
  19.                 <div class="navbar-inner">
  20.                   <div class="left"></div>
  21.                   <div class="center">Static Navbar</div>
  22.                   <div class="right"></div>
  23.                 </div>
  24.               </div>
  25.               <div class="content-block">
  26.                 <p><a href="/api/framework7/bars-static-about.html">About page</a></p>
  27.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at nibh felis. Nunc consequat diam et tellus tempor gravida. Donec hendrerit aliquet risus, ut tempor purus dictum sit amet. Integer sit amet lacus eget ipsum pulvinar interdum. Proin semper turpis sed placerat dapibus. Sed iaculis id nibh a viverra. Sed vitae tellus sed purus lacinia dignissim. Aenean sagittis interdum leo in molestie. Aliquam sodales in diam eu consectetur. Sed posuere a orci id imperdiet.</p>                
  28.               </div>
  29.               <div class="toolbar">
  30.                 <div class="toolbar-inner"><a href="#" class="link">Hello</a><a href="#" class="link">World</a></div>
  31.               </div>
  32.             </div>
  33.           </div>
  34.         </div>
  35.       </div>
  36.     </div>
  37.     <script type="text/javascript" src="//ku.shouce.ren/libs/fk7/1.4.2/js/framework7.min.js"></script>
  38.     <script>
  39.       var myApp = new Framework7();
  40.       var mainView = myApp.addView('.view');
  41.     </script>
  42.   </body>
  43. </html
复制

效果预览

打包安装

使用DCloud+Framework7打包制作移动APP应用

 

你可能感兴趣的:(Framework7)

  • framework7使用记录 斯蒂芬加油啊
    1.在使用popover弹窗时，关闭弹窗方法，myApp.closeModal()2.获取元素css属性值，$$(".xxx").css("属性名","属性值")
  • 2018-10-09 007QQQQQQ
    SUI是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。通过SUI，可以非常方便的设计和实现精美的页面。SUIMobile是一套基于Framework7开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到iOS6.0+和Android4.0+，非常适合开发跨平台WebApp。
  • 二.移动端组件库 小茅同学
    Snipaste_2021-08-移动-56-38.png一.关于移动端组件库下面是AwesomeVue收集的一些优质的第三方组件库资源。UIframeworksformobileFramework7-Vue-BuildfullfeaturediOS&AndroidappsusingFramework7&Vue.vux-[Chinese]VueUIComponentsbasedonWeUI.vue
  • ef mysql 优化_C#实用杂记-EF全性能优化技巧 蛋蛋兽的一生 efmysql优化
    EntityFramework目前最新版本是6.1.3，当然EntityFramework7目前还是预览版，并不能投入正式生产环境，估计正式版16年第一季度会出来，了解过EF7的部分新特性后，还是狠狠期待一下滴。EF性能问题一直为开发者所诟病，最让人纠结的也是这块，所以此次我也来谈谈EF的性能优及建议。既然是把优化点列举出来，可能有些地方关于底层的知识就不会介绍的太深刻，权当抛砖引玉吧。先说说EF
  • Laravel学习笔记汇总——Laravel的目录结构 与非学堂 PHPLaravel学习记录phplaravel
    ##Laravel学习笔记汇总——Laravel的目录结构//使用下面语句查看当前版本：//phpartisan--version#LaravelFramework7.30.1.├──app#存放我们所开发应用的核心代码│├──Broadcasting#通过phpartisanmake:channel产生，存放所有broadcastchannelclasses│├──Console#所有应用中自定
  • 跨平台运行ASP.NET Core 1.0 weixin_34413065 运维网络git
    前言首先提一下微软更名后的叫法：ASP.NET5更名为ASP.NETCore1.0.NETCore更名为.NETCore1.0EntityFramework7更名为EntityFrameworkCore1.0或者简称EFCore1.0现在伴随着ASP.NETCore1.0RC2版的更新速度，许多官方文档都跟不上，还停留在RC1版的使用方式上（RC1版是继Beta版之后第一个发布的稳定版本）。RC1
  • 跨平台运行ASP.NET Core 1.0（转载） weixin_30685029 运维网络git
    前言首先提一下微软更名后的叫法：ASP.NET5更名为ASP.NETCore1.0.NETCore更名为.NETCore1.0EntityFramework7更名为EntityFrameworkCore1.0或者简称EFCore1.0现在伴随着ASP.NETCore1.0RC2版的更新速度，许多官方文档都跟不上，还停留在RC1版的使用方式上（RC1版是继Beta版之后第一个发布的稳定版本）。RC1
  • Swiper手动滑动后，自动滑动失效问题解决 Weastsea
    framework7框架访问地址:https://framework7.io/vue/swiper.htmlSwiperAPI:http://idangero.us/swiper/api/本代码使用framework7+vue框架，使用了SwiperAPI来解决轮播滑动问题。一开始代码是这样的，注意示例不能运行，调试时发现，页面加载出来的时候图片可以轮播，但是手动滑动之后，页面的图片不再自动轮播。
  • cordova-framework7-pushstate donotlb
    起因最近在开发一个app,技术栈是:cordova+framework7+vue,当把APP(android版)放到真机上运行时发现:返回键或者返回手势(全面屏)无法正常工作,会直接退出APP,这个问题的解决思路有两个:绑定backbutton事件-cordovadocs但是注意:该事件ios平台不支持启用pushstate,让webview的导航(前进/后退)功能生效framework7的作者推
  • python django restful框架_【2020Python修炼记】Django Rest Framework-1-DRF简介+RESTful入门规范... 曲水流觞不醉人 pythondjangorestful框架
    【目录】day11web开发模式2API接口3postman的使用4restful的规范5序列化/反序列化6DjangoRest_Framework7drf的安装和使用8cbv源码回顾1web开发模式在开发Web应用中，有两种应用模式：1.1前后端不分离1.2前后端分离2API接口-1=API接口的用处为了在团队内部形成共识、防止个人习惯差异引起的混乱，我们需要找到一种大家都觉得很好的接口实现规范
  • 分享一款自带工作流引擎的NodeJS全栈框架，接单快手、创业神器 zhennann Cabloynode.js
    CabloyJS是什么CabloyJS是一款自带工作流引擎的Node.js全栈框架,接单快手、创业神器,基于koa+egg+vue+framework7+mysql在线演示场景链接/二维码PC端https://test.cabloy.com/Mobile端谁会用这款Node.js全栈框架？>>>>>1.外包接单痛点：客户希望项目按质如期完工、价格低、风险小；服务商希望毛利高、投入少、进度快、客户满
  • FreamWork7-v3.0+GetStart 待业的无业游民
    1、下载安装freamWork7-v3.0+等版本。下载地址：FreamWork7下载链接地址图1下载界面2、创建自己的项目图2创建项目4、导入FreamWork7将解压的文件夹下的“packages”文件夹复制粘贴到新创建的项目中图3导入文件5、引用FreamWork7对应的JS和CS图4引入JS、CSS文件7、初始化Appvarapp=newFramework7({root:'#app',na
  • [SkylerAI]零碎知识点13-JS阻止事件冒泡和默认行为 SkylerAI
    参考链接：https://www.cnblogs.com/yuqingfamily/p/5940369.html亲测如下：Framework7中若使用以下方式绑定事件varbindings=[{element:".advertImg",event:"click",handler:function(){myApp.closeModal(popover);window.location.href="x
  • 常用网站收录 倔强的满腔热血
    前端框架amazeui移动端框架组件丰富http://amazeui.org/创建IOS风格的webAPP框架http://framework7.taobao.org/Bootstrap前端必备http://www.bootcss.com/类库Jquery类库http://jquery.cuishifeng.cn/知识体系前端知识体系http://www.cnblogs.com/sb1987102
  • Bootstrap框架 CNLISIYIII
    css框架：对css相同功能的整体封装，方便使用。常见css框架：AmazeUI；Framework7；Bootstrap（一）Bootstrap用于开发响应式布局、移动设备优先的web项目。1.下载安装两种版本：1）编译且压缩后的CSS、Js和字体文件，不包含文档和源码；2）less、Js和字体文件的源码，带有文档。（此处下载了Bootstrap3.3.7版本）安装：Bootstrap101Te
  • SUI Mobile Cherie_Young iOSsuisui-mobile
    1介绍1.1概念SUIMobile是一套基于Framework7开发的UI库。它非常轻量、精美，只需要引入CDN文件就可以使用，并且能兼容到iOS6.0+和Android4.0+，适合开发跨平台WebApp。SUIMobile是阿里巴巴一个UED团队的作品，目的是为了手机H5页面提供一个常用的组件库，减少重复工作。1.2特点轻量级SUIMobile非常轻量，核心库压缩zip后的体积总共只有52Ki
  • 【金三银四】2022 Android面经实录 i小灰
    复习点1、项目经历，业务，难点2、Java基础,JVM，集合原理3、Android基础,View体系，View绘制流程，事件分发，屏幕刷新，动画原理4、常见三方库原理5、Jetpack6、AndroidFramework7、算法8、Kotlin具体链接1算法部分打遍天下二叉树https://github.com/xfhy/Android-Notes/blob/master/Blogs/Algori
  • 基于python的django框架数码电子产品销售交易商城电商平台设计 biyezuopin djangopython电子商城系统购物商城毕业设计
    目录摘要I目录III第一章绪论11.1课题研究背景及意义11.2国内外研究现状21.3本文的主要工作3第二章技术选型42.1Python42.2Django52.3MySQL62.4DjangoRestFramework72.5Vue8第三章系统分析93.1可行性分析93.2系统需求分析103.2.1业务需求分析103.2.2用户需求113.2.3功能需求分析123.2.4非功能需求分析14第四章
  • JavaEE——SpringBoot项目常见的依赖包及其作用 留家里哦哦哦 javaspringbootjava-eemybatis
    SpringBoot项目常见的依赖包及其作用建立时，常导入依赖包如下：1.SpringWeb2.spring-boot-devtools：3.Lombok4.Thymeleaf5.MySQLDriver6.MybatisFramework7.还有额外的依赖包建立时，常导入依赖包如下：大家可以根据需求来导入自己想要的（一般中途想重新加入一个依赖包可以再pom.xml里面dependencies里面插
  • 基于Django图书管理系统设计与实践 biyezuopin pythonDjango图书管理系统图书管理毕业设计
    目录摘要IAbstractII1绪论11.1选题背景及意义11.1.1选题背景11.1.2目的意义11.2研究现状21.3论文组织安排32开发工具及其技术42.1Python42.2Django52.3MySQL62.4DjangoRestFramework73需求分析83.1可行性研究83.1.1技术可行性83.1.2经济上的可行性83.1.3操作上的可行性83.2系统需求分析83.3程序流程图
  • 仿华为电商商城，官网，华为超级新品日demo,大屏霸气且简洁 愛芳芳 前端开发它不香么vue.jselementuijavascript前端html5
    1.技术vue+elementui实现，elementui2.华为超级新品日官网华为商城是华为公司旗下官方电商平台3.官方截图4.项目demo效果图5.安装启动vue项目（一）Vue——如何创建一个Vue项目(完整步骤)-㭌（mou）七-博客园6.elementui官网Element-Theworld'smostpopularVueUIframework7.如果你下载的是本项目源码，则步骤一中可以
  • Spring Boot整合Zookeeper详细教程 怪 咖@ zookeeperspringbootjava-zookeeperzookeeper
    目录1.Curator介绍2.创建springboot项目3.引⼊Curator4.application.yml配置⽂件5.读取配置⽂件注入到容器6.注⼊CuratorFramework7.添加测试方法8.执行测试方法报错解决注意我这里用的是官方最稳定的版本3.7.1，版本之间有个别命令是有差距的！本篇文章的示例SpringBoot和Zookeeper客户端以及zookeeper都是最新版本！1
  • 移动端UI库 dg_dot 移动端
    SUIMobileSUIMobile是一套基于Framework7开发的UI库风格类似iOS轻量，核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K提供了20+个常用的组件能兼容到iOS6.0+和Android4.0+非常适合开发跨平台WebApp基于jQuery3.x搭建，性能远远超越Zepto版本MUI最接近原生APP体验的高性能前端框架不依赖任何第三方JS库，压缩后的JS和CSS文
  • Framework7 [v2] + vue Web开发 非梦nj
    framework7-vuedata-tabledemo原来的OB管理系统，是用的Framework7v1，现在更新到v2了。所以，我们也重构一下。主要是界面对Mobile更加友好！re-designofhttps://ourbits.herokuapp.comdata-tableforframework7andvue,supportsorting,httpgetapi,paginationetc
  • 推荐前端的学习网站 陈光展_Gz
    框架类1.Framework7Framework7是一款免费、开源的移动HTML框架，主要用于开发混合手机App或者网页App，某些应用场景的体验几乎与原生开发的iOS和Android应用一模一样，同时也是一款不可获取的应用原型快速开发及展示工具。
  • Framework7 vanTu
    前言现在单页面应用的开发已经越来越多，要做一款用户体验较好的混合应用，实现快速开发，其中Framework7就是一款免费开源的UI框架，完美兼容iOS主题，给人带来原生般的体验。简单介绍Framework7所给你带来的用户体验是jqm不能比拟的，组件做得很精致，其中一个最主要的特色就页面右滑返回上一页面，这个特性就基本跟原生iOS一模一样。Framework7不依赖任何第三方库，这个是特别好的，在
  • Error in mounted hook: "TypeError: i[0] is undefined" 天涯笑笑生
    问题：使用framework7vue框架的ScrollableTabbar时，Tab1Tab2错误截图image.png模板源码{{item}}{{item}}注：1.此bug只在非ios平台上运行时才显示已排除其他因素影响解决方案：暂时未找到
  • iOS如何优雅的解决-webkit-overflow-scrolling css属性问题 桥下醉翁
    在iOS的H5页面中，总是受到UIScrollView的阻尼效果困扰，今天提供一个优雅的解决方案1、本操作针只支持WKWebView，如果使用UIWebView出现不稳定效果，只能等以后更新处理。2、本操作在framework7框架中初步测试，并未进行深度测试。//简单，优雅的解决方案代码在这里html,body{height:100%;position:fixed;overflow:hidden
  • Framework7(06:视图(View)间链接) 廖马儿
    前言：我们有两个已经初始化完成的View（leftview和rightview)。这种情况下，所有在leftview中的链接加载的页面都会放在leftview中，所有在rightview中的链接加载的页面都会放在rightview中。但是我们现在需要一些在leftview中的链接加载的页面放进rightview中。这叫View间链接。.router.load()和.router.back()方法。
  • Framework7(05: Page,路由,页面刷新) 廖马儿
    1.路由器JSAPIFramework7中的路由器使用非常灵活，他可以有多种方式来处理Page:AjaxPages,从一个指定的URL加载页面，通常是另外一个页面的文件地址（默认行为）。通过JSAPI创建和加载动态页面如果你的页面已经写在DOM中了，那么你可以直接使用内联页面，而不用再去加载。可以加载使用Template7编写的模板可以在你的应用中混合使用所有上面的这些方法。视图是应用中的一个独立
  • PHP，安卓，UI，java，linux视频教程合集 cocos2d-x小菜 javaUIPHPandroidlinux
    ╔-----------------------------------╗┆                           
  • 各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。 bozch .net.net mvc
    在.net mvc5中，在执行某一操作的时候，出现了如下错误：       各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。 经查询当前的操作与错误内容无关，经过对错误信息的排查发现，事故出现在数据库迁移上。 回想过去： 在迁移之前已经对数据库进行了添加字段操作，再次进行迁移插入XXX字段的时候，就会提示如上错误。  &
  • Java 对象大小的计算 e200702084 java
                              Java对象的大小 如何计算一个对象的大小呢？    
  • Mybatis Spring 171815164 mybatis
    ApplicationContext ac = new ClassPathXmlApplicationContext("applicationContext.xml"); CustomerService userService = (CustomerService) ac.getBean("customerService"); Customer cust
  • JVM 不稳定参数 g21121 jvm
            -XX 参数被称为不稳定参数，之所以这么叫是因为此类参数的设置很容易引起JVM 性能上的差异，使JVM 存在极大的不稳定性。当然这是在非合理设置的前提下，如果此类参数设置合理讲大大提高JVM 的性能及稳定性。        可以说“不稳定参数”
  • 用户自动登录网站 永夜-极光 用户
    1.目标:实现用户登录后,再次登录就自动登录,无需用户名和密码 2.思路:将用户的信息保存为cookie            每次用户访问网站,通过filter拦截所有请求,在filter中读取所有的cookie,如果找到了保存登录信息的cookie,那么在cookie中读取登录信息,然后直接
  • centos7 安装后失去win7的引导记录 程序员是怎么炼成的 操作系统
    1.使用root身份(必须)打开 /boot/grub2/grub.cfg 2.找到 ### BEGIN /etc/grub.d/30_os-prober ###   在后面添加    menuentry "Windows 7 (loader) (on /dev/sda1)" { 
  • Oracle 10g 官方中文安装帮助文档以及Oracle官方中文教程文档下载 aijuans oracle
    Oracle 10g 官方中文安装帮助文档下载：http://download.csdn.net/tag/Oracle%E4%B8%AD%E6%96%87API%EF%BC%8COracle%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%EF%BC%8Coracle%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3 Oracle 10g 官方中文教程
  • JavaEE开源快速开发平台G4Studio_V3.2发布了 無為子 AOPoraclemysqljavaeeG4Studio
      我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V3.2版本已经正式发布。大家可以通过如下地址下载。   访问G4Studio网站 http://www.g4it.org   G4Studio_V3.2版本变更日志 功能新增 (1).新增了系统右下角滑出提示窗口功能。 (2).新增了文件资源的Zip压缩和解压缩
  • Oracle常用的单行函数应用技巧总结 百合不是茶 日期函数转换函数(核心)数字函数通用函数(核心)字符函数
    单行函数;   字符函数,数字函数,日期函数,转换函数(核心),通用函数(核心) 一:字符函数: .UPPER(字符串) 将字符串转为大写 .LOWER (字符串) 将字符串转为小写 .INITCAP(字符串) 将首字母大写 .LENGTH (字符串) 字符串的长度 .REPLACE(字符串,'A','_') 将字符串字符A转换成_
  • Mockito异常测试实例 bijian1013 java单元测试mockito
    Mockito异常测试实例： package com.bijian.study; import static org.mockito.Mockito.mock; import static org.mockito.Mockito.when; import org.junit.Assert; import org.junit.Test; import org.mockito.
  • GA与量子恒道统计 Bill_chen JavaScript浏览器百度Google防火墙
    前一阵子，统计**网址时，Google Analytics（GA） 和量子恒道统计（也称量子统计），数据有较大的偏差，仔细找相关资料研究了下，总结如下：   为何GA和量子网站统计（量子统计前身为雅虎统计）结果不同？ 首先：没有一种网站统计工具能保证百分之百的准确出现该问题可能有以下几个原因：（1）不同的统计分析系统的算法机制不同；（2）统计代码放置的位置和前后
  • 【Linux命令三】Top命令 bit1129 linux命令
    Linux的Top命令类似于Windows的任务管理器，可以查看当前系统的运行情况，包括CPU、内存的使用情况等。如下是一个Top命令的执行结果：     top - 21:22:04 up 1 day, 23:49, 1 user, load average: 1.10, 1.66, 1.99 Tasks: 202 total, 4 running, 198 sl
  • spring四种依赖注入方式 白糖_ spring
      平常的java开发中，程序员在某个类中需要依赖其它类的方法，则通常是new一个依赖类再调用类实例的方法，这种开发存在的问题是new的类实例不好统一管理，spring提出了依赖注入的思想，即依赖类不由程序员实例化，而是通过spring容器帮我们new指定实例并且将实例注入到需要该对象的类中。依赖注入的另一种说法是“控制反转”，通俗的理解是：平常我们new一个实例，这个实例的控制权是我
  • angular.injector boyitech AngularJSAngularJS API
    angular.injector   描述: 创建一个injector对象, 调用injector对象的方法可以获得angular的service, 或者用来做依赖注入.   使用方法: angular.injector(modules, [strictDi])   参数详解: Param Type Details mod
  • java-同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待 bylijinnan Integer
    public class PC { /** * 题目：生产者-消费者。 * 同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待。 */ private static final Integer[] val=new Integer[10]; private static
  • 使用Struts2.2.1配置 Chen.H apachespringWebxmlstruts
    Struts2.2.1 需要如下 jar包: commons-fileupload-1.2.1.jar commons-io-1.3.2.jar commons-logging-1.0.4.jar freemarker-2.3.16.jar javassist-3.7.ga.jar ognl-3.0.jar spring.jar struts2-core-2.2.1.jar struts2-sp
  • [职业与教育]青春之歌 comsci 教育
           每个人都有自己的青春之歌............但是我要说的却不是青春...        大家如果在自己的职业生涯没有给自己以后创业留一点点机会,仅仅凭学历和人脉关系,是难以在竞争激烈的市场中生存下去的....   &nbs
  • oracle连接(join)中使用using关键字 daizj JOINoraclesqlusing
    在oracle连接(join)中使用using关键字 34. View the Exhibit and examine the structure of the ORDERS and ORDER_ITEMS tables. Evaluate the following SQL statement: SELECT oi.order_id, product_id, order_date FRO
  • NIO示例 daysinsun nio
    NIO服务端代码： public class NIOServer { private Selector selector; public void startServer(int port) throws IOException { ServerSocketChannel serverChannel = ServerSocketChannel.open(
  • C语言学习homework1 dcj3sjt126com chomework
    0、 课堂练习做完 1、使用sizeof计算出你所知道的所有的类型占用的空间。 int x; sizeof(x);   sizeof(int);   # include <stdio.h> int main(void) { int x1; char x2; double x3; float x4; printf(&quo
  • select in order by , mysql排序 dcj3sjt126com mysql
    If i select like this: SELECT id FROM users WHERE id IN(3,4,8,1); This by default will select users in this order 1,3,4,8, I would like to select them in the same order that i put IN() values so:
  • 页面校验-新建项目 fanxiaolong 页面校验
    $(document).ready( function() { var flag = true; $('#changeform').submit(function() { var projectScValNull = true; var s =""; var parent_id = $("#parent_id").v
  • Ehcache（02）——ehcache.xml简介 234390216 ehcacheehcache.xml简介
    ehcache.xml简介          ehcache.xml文件是用来定义Ehcache的配置信息的，更准确的来说它是定义CacheManager的配置信息的。根据之前我们在《Ehcache简介》一文中对CacheManager的介绍我们知道一切Ehcache的应用都是从CacheManager开始的。在不指定配置信
  • junit 4.11中三个新功能 jackyrong java
    junit 4.11中两个新增的功能，首先是注解中可以参数化，比如 import static org.junit.Assert.assertEquals; import java.util.Arrays; import org.junit.Test; import org.junit.runner.RunWith; import org.junit.runn
  • 国外程序员爱用苹果Mac电脑的10大理由 php教程分享 windowsPHPunixMicrosoftperl
    Mac 在国外很受欢迎，尤其是在 设计/web开发/IT 人员圈子里。普通用户喜欢 Mac 可以理解，毕竟 Mac 设计美观，简单好用，没有病毒。那么为什么专业人士也对 Mac 情有独钟呢？从个人使用经验来看我想有下面几个原因： 1、Mac OS X 是基于 Unix 的 这一点太重要了，尤其是对开发人员，至少对于我来说很重要，这意味着Unix 下一堆好用的工具都可以随手捡到。如果你是个 wi
  • 位运算、异或的实际应用 wenjinglian 位运算
    一． 位操作基础，用一张表描述位操作符的应用规则并详细解释。       二． 常用位操作小技巧，有判断奇偶、交换两数、变换符号、求绝对值。       三． 位操作与空间压缩，针对筛素数进行空间压缩。    &n
  • weblogic部署项目出现的一些问题（持续补充中……） Everyday都不同 weblogic部署失败
    好吧，weblogic的问题确实……   问题一： org.springframework.beans.factory.BeanDefinitionStoreException: Failed to read candidate component class: URL [zip:E:/weblogic/user_projects/domains/base_domain/serve
  • tomcat7性能调优（01） toknowme tomcat7
        Tomcat优化： 1、最大连接数最大线程等设置 <Connector port="8082" protocol="HTTP/1.1"                useBodyEncodingForURI="t
  • PO VO DAO DTO BO TO概念与区别 xp9802 javaDAO设计模式bean领域模型
    O/R Mapping 是 Object Relational Mapping（对象关系映射）的缩写。通俗点讲，就是将对象与关系数据库绑定，用对象来表示关系数据。在O/R Mapping的世界里，有两个基本的也是重要的东东需要了解，即VO，PO。 它们的关系应该是相互独立的，一个VO可以只是PO的部分，也可以是多个PO构成，同样也可以等同于一个PO（指的是他们的属性）。这样，PO独立出来，数据持
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他