午潮山下人
午潮山下人

Flutter学习整理（二）

Flutter开发中对于Route和 Navigator了解与使用

Flutter学习整理（二）_第1张图片
logo.jpeg

目录

Flutter学习整理（一）

前言

    在移动开发中，应用通常有很多个页面组成，这时候页面之间的跳转，切换和数据的传输都是较为重要的环节。在Flutter中它们由Route和 Navigator进行处理。其中Route我们可以看做是一个个页面的抽象，而Navigator可以看做是一个栈的管理。然后通过push或者pop控制页面的入栈和出栈，这样就实现了页面的跳转和返回。

Router

    在Flutter中，分为两种路由，一种为静态路由。需要预先注册，但是不能传送参数。一种是动态路由，自己构造实例，不过可以传递参数。

静态理由

Flutter学习整理（二）_第2张图片
img01.jpg

Flutter学习整理（二）_第3张图片
img02.jpg

    静态路由主要是一个Map,然后在每个页面的最顶级的MaterialApp容器中进行注册。这样就可以使用静态路由进行跳转了。

    在项目中，为了能统一管理和使用静态路由，创建类Routes，在类里面添加静态Map,并预先设置所以的页面路由，然后只需要在页面中注册即可。

动态路由

    动态路由主要通过实例化MaterialPageRoute对象进行实现，因为是动态创建，所以在创建过程中我们可以进行参数的设置。

new MaterialPageRoute(
            builder: (context) => new HomePage(
                  user: user,
                  pwd: pwd,
                ))

如上面代码中，就在创建过程中设置了user和pwd两个参数。

Navigator

    在Flutter中，通常使用Navigator的pushNamed()和push()来分别处理静态路由的跳转和动态路由的跳转。同时通过pop()方法来结束页面放回上个页面。

注意⚠️⚠️⚠️
1. 在使用pop()时候所用的BuildContext需要使用页面的最顶层的context，
    不然会出现页面没有被pop，只是view被pop造成flutter返回页面黑屏问题。
2. 在pop时候，如果使用的是当前页面之前的页面的context，那就回finish掉传入页面
    及后面所有的页面，直接回退到传入页面的上级页面
    例如：a>b>c,当显示页面c时候，pop页面b，那么会直接返回到页面a。

同样，在项目中为了统一管理和使用跳转逻辑，创建了NavigatorTool类

class NavigatorTool {
  static Map _conMap = new Map();

  static void trunHome1(String pagename) {
    _pushNamed(_conMap[pagename], Routes.Home_Page, null);
  }

  static void trunHome2(String pagename, Act1 callback) {
    _pushNamed(_conMap[pagename], Routes.Home_Page, callback);
  }

  static void trunHome3(String pagename) {
    _push(_conMap[pagename],
        new MaterialPageRoute(builder: (context) => new HomePage()), null);
  }

  static void trunHome4(String pagename, Act1 callback) {
    _push(_conMap[pagename],
        new MaterialPageRoute(builder: (context) => new HomePage()), callback);
  }

  static void trunHome5(String pagename, String user, String pwd) {
    _push(
        _conMap[pagename],
        new MaterialPageRoute(
            builder: (context) => new HomePage(
                  user: user,
                  pwd: pwd,
                )),
        null);
  }

  static void trunHomepage2(String pagename) {
    _pushNamed(_conMap[pagename], Routes.Home_Page2, null);
  }

  static void _push(
      BuildContext context, MaterialPageRoute radio, Act1 callback) {
    Navigator.of(context).push(radio).then((obj) {
      if (callback != null) {
        callback(obj);
      }
    });
  }

  static void _pushNamed(
      BuildContext context, String routeName, Act1 callback) {
    Navigator.of(context).pushNamed(routeName).then((obj) {
      if (callback != null) {
        callback(obj);
      }
    });
  }

  static void addPage(String name, BuildContext context) {
    _conMap[name] = context;
  }

  static void pop(String name, {Object result}) {
    if (_conMap.containsKey(name)) {
      Navigator.of(_conMap[name]).pop(result);
      _conMap.remove(name);
    }
  }
}
 
 
    在NavigatorTool类中，为了避免pop时候传入的context不当造成黑屏，特意设置了Map类进行保存。
     使用时候只需要在页面顶层Widget build(BuildContext context) { }中调用addPage()f方法即可
 
 
 
 
 
  
 
   
 
    Flutter学习整理（二）_第4张图片 
   
 
  
 
  

    img03.jpg 
  
 
 
 
 
    在NavigatorTool类中同时也抽出了_pushNamed（），_push（），pop（）作为公共方法，同时按不同需求创建trunHome（）实现不同页面跳转的需要，以减少真正在页面中跳转逻辑需要的参数。
     在页面返回中，Navigator通过.then(object)进行参数返回。在NavigatorTool中通过callback形式可以进行获取。
 
 
GitHub
 
 
要看源码点这里
 
 
                        大家要是看了觉得还可以，点个赞给个支持呀
                                        |
                                        V
 

                            
                        
                    
                    
                    

                    
                    
                    

                
                

                    
                

            
        
    
    

        
你可能感兴趣的:(Flutter学习整理（二）)

        

            

                
    
                    
  • 一些对编程语言的看法
                        
后端程序员
                        
    我让AI列出了一些较为常见的编程语言，要纯编译型的得到如下经典编译型语言名称主要特点C最经典的编译型语言，直接编译为机器码。C++基于C的扩展，同样通过编译器生成原生二进制文件。Fortran科学计算领域的老牌语言，编译为高效机器码。COBOL商业和金融领域的历史语言，完全编译执行。Ada高可靠性系统（如航空航天）的编译型语言。Pascal/Delphi(ObjectPascal)Delphi/f
    
                    
    • 
                    
  • Python 基础：类
                        诸葛思颖
pythonpython开发语言
                        
    目录一、类的概念二、定义类三、创建对象并进行访问四、修改属性的值方法一：句点表示法直接访问并修改方法二：通过方法进行修改五、继承继承父类属性和方法重写父类方法六、将实例用作属性七、导入类导入单个类从一个模块中导入多个类导入整个模块导入模块中的所有类八、一些代码编写规范遇到看不明白的地方，欢迎在评论中留言呐，一起讨论，一起进步！本文参考：《Python编程：从入门到实践（第2版）》一、类的概念类是是
    
                    
    • 
                    
  • Python精进系列：Counter 函数
                        进一步有进一步的欢喜
python编程语言
                        
    目录一、Counter函数概述二、基本使用案例（一）列表元素计数（二）字符串字符计数（三）元组计数三、Counter对象的常用方法（一）most_common()方法（二）update()方法（三）subtract()方法（四）elements()方法四、Counter对象的数学运算（一）加法运算（二）减法运算（三）交集运算（四）并集运算五、实际应用场景（一）文本分析（二）数据分析（三）游戏开发应
    
                    
    • 
                    
  • Spring Boot 整合 Apollo 配置中心实战
                        m0_51274464
面试学习路线阿里巴巴springboot后端java
                        
    SpringBoot整合Apollo配置中心实战一、Apollo简介二、环境准备三、项目整合步骤四、配置使用示例五、常见问题及解决在分布式系统开发中，配置管理至关重要。Apollo作为携程开源的一款可靠的配置中心，能高效地集中管理应用配置，实现实时更新推送，助力开发者轻松应对复杂多变的配置场景。本文将带你一步步完成SpringBoot项目与Apollo配置中心的整合，让你的应用配置管理如鱼得水。一
    
                    
    • 
                    
  • 基于SpringBoot+Vue的校园跑腿原生小程序
                        学途源码资源站
Java毕设Java项目springbootvue.js小程序校园跑腿
                        
    系列文章目录1.基于SSM的洗衣房管理系统+原生微信小程序+LW参考示例2.基于SpringBoot的宠物摄影网站管理系统+LW参考示例3.基于SpringBoot+Vue的企业人事管理系统+LW参考示例4.基于SSM的高校实验室管理系统+LW参考示例5.基于SpringBoot的二手数码回收系统+原生微信小程序+LW参考示例6.基于SSM的民宿预订管理系统+LW参考示例7.基于SpringBoo
    
                    
    • 
                    
  • Python 爬虫实战：从大众点评爬取餐厅评价，探寻美食打卡地
                        西攻城狮北
python爬虫美食实战案例
                        
    目录引言一、项目背景与需求分析1.1大众点评平台的特点1.2数据爬取目标二、技术选型与工具准备2.1技术选型2.2工具准备三、爬取餐厅信息3.1获取餐厅列表3.2获取餐厅详情四、数据存储五、数据处理与分析5.1数据清洗5.2数据分析六、可视化展示七、总结与展望引言大众点评作为国内知名的本地生活服务平台，提供了丰富的餐厅信息和用户评价。通过爬取大众点评上的餐厅评价数据，我们可以分析餐厅的受欢迎程度、
    
                    
    • 
                    
  • LIST_VIEW_和LVITEM用法
                        Qsir
WindowsMFCwindowsMFCCListCtrl
                        
    ListCtrl在工作中，常常用到，也常常看到大家发帖问怎么用这个控件，故总结了一下自己的使用经验，以供参考使用。先注明一下，这里，我们用m_listctrl来表示一个CListCtrl的类对象，然后这里我们的ListCtrl都是report形式，至于其他的如什么大图标，小图标的暂时不讲，毕竟report是大众话的使用。其次，我们这里用条款一，条款二来描述第一点，第二点，这个是参照《Effecti
    
                    
    • 
                    
  • 报表控件Stimulsoft报告中的数据矩阵条形码介绍
                        小董讲MES
报表控件报表工具Stimulsoft
                        
    本连载系列教程将介绍StimulsoftReport中创建二维条形码的文章，以及如何在Stimulsoft工具中创建的报告中使用它们。本系列的第一篇文章是关于DataMatrix条形码的，我们将在其中告诉您如何在报表中放置和自定义它。。从2022.1版本开始，我们将Aztec条形码添加到Stimulsoft报告工具和数据分析中。StimulsoftUltimate官方正版下载条形码历史记录随后的自
    
                    
    • 
                    
  • 【C++项目】从零实现RPC框架「一」：项目准备与前置知识学习
                        Zfox_
C++从入门到精通c++rpc项目分布式muduojsoncpplinux
                        
    个人主页：Zfox_系列专栏：C++从入门到精通目录一：项⽬介绍二：技术选型三：开发环境四：Ubuntu-22.04环境搭建五：第三⽅库使⽤介绍JsonCpp库Json数据格式JsonCpp介绍JsonCpp使⽤Muduo库Muduo库是什么通俗解释Muduo库常⻅接⼝介绍TcpServer类基础介绍EventLoop类基础介绍TcpConnection类基础介绍TcpClient类基础介绍Buf
    
                    
    • 
                    
  • flutter的HTTP headers用法介绍
                        云水-禅心
FlutterflutterHttpClient
                        
    flutter的HTTPheaders用法介绍在Flutter中，HTTPheaders是用于在发送HTTP请求时传递额外信息的关键部分。它们可以用于身份验证、缓存控制、内容类型声明等。以下是关于Flutter中HTTPheaders的详细说明和用法。1.什么是HTTPHeaders？HTTPheaders是键值对（key-valuepairs），用于在客户端和服务器之间传递附加信息。例如：Con
    
                    
    • 
                    
  • Flutter 加载网络图片之：FadeInImage + Image.network
                        zeqiao
FlutterflutterFadeInImageImage.networkgif回调
                        
    想实现的效果：1、通过网络url加载图片（支持gif）2、加载之前使用默认占位图3、加载出现问题后要做兜底处理其实可以通过先将图片资源加载到本地文件中，然后读出来设置，虽然要绕一圈，但不失为一个好方案。但是，为了熟悉Flutter的图片相关知识，还是采用官方提供的API来试着实现。下面是最终方案：FadeInImage(image:_addImageLoadListener(imageUrl),/
    
                    
    • 
                    
  • 深入理解正则表达式及基本使用教程
                        波波有料
JAVA正则表达式
                        
    目录摘要一、正则表达式是什么？二、正则表达式的基本语法1.元字符2.字符集与范围3.常用预定义字符集4.分组与反向引用捕获分组：非捕获分组：三、Java中正则表达式的实现1.Java基础示例2.替换字符串3.验证输入格式4.提取信息5.拆分字符串四、常见正则表达式应用场景1.手机号验证2.提取HTML标签内容3.替换多余空格五、总结摘要正则表达式（RegularExpression，简称Regex
    
                    
    • 
                    
  • QP 问题（Quadratic Programming, 二次规划）
                        BineHello
算法人工智能强化学习自动驾驶线性代数
                        
    QP问题（QuadraticProgramming,二次规划）是什么？QP（QuadraticProgramming，二次规划）是一类优化问题，其中目标函数是二次型函数，约束条件可以是线性等式或不等式。QP问题是线性规划（LP，LinearProgramming）的扩展形式，广泛应用于最优控制、机器学习、金融优化、信号处理等领域。一、QP问题的数学定义标准形式的QP问题如下：min⁡x12xTQx
    
                    
    • 
                    
  • DP 问题 -- LQR中的DP问题
                        BineHello
自动驾驶算法人工智能强化学习
                        
    深入地介绍线性二次调节问题（LinearQuadraticRegulator,LQR），并详细说明它作为动态规划（DP）的一个经典应用问题的求解过程。一、LQR问题定义（最优控制视角）LQR问题是一种特殊的最优控制问题，系统动力学为线性、代价函数为二次型的优化问题：离散时间线性系统：xt+1=Axt+Butx_{t+1}=Ax_t+Bu_txt+1=Axt+Butxt∈Rnx_t\in\mathb
    
                    
    • 
                    
  • Flutter中网络图片加载和缓存
                        Flutter编程指南
FlutterFlutterAPPDarthttp跨平台技术
                        
    文章目录前言重温小部件ImageImage.network源码分析实际问题解决方案代码实现自定义ImageProvider使用写在最后前言应用开发中经常会碰到网络图片的加载，通常我们会对图片进行缓存，以便下次加载同一张图片时不用再重新下载，在包含有大量图片的应用中，会大幅提高图片展现速度、提升用户体验且为用户节省流量。Flutter本身提供的ImageWidget已经实现了加载网络图片的功能，且具
    
                    
    • 
                    
  • 【力扣hot100】刷题笔记Day13
                        小涛44
力扣hot100刷题笔记leetcode笔记算法职场和发展数据结构python
                        
    前言元宵节快乐~周六在图书馆快乐刷题！继续二叉树543.二叉树的直径-力扣（LeetCode）递归后序classSolution:defdiameterOfBinaryTree(self,root:Optional[TreeNode])->int:self.res=0#记录最长路径#递归求最大深度defdepth(node):ifnotnode:return0l=depth(node.left)#
    
                    
    • 
                    
  • Flutter Image.network()加载图片报403错误
                        qianxiamuxin
Flutterflutterandroidwebviewwebappandroidstudioiosgradle
                        
    Flutter报错403原因========Exceptioncaughtbyimageresourceservice================================================ThefollowingNetworkImageLoadExceptionwasthrownresolvinganimagecodec:HTTPrequestfailed,statusC
    
                    
    • 
                    
  • Nginx实现接口复制
                        m0_74823094
面试学习路线阿里巴巴nginxjunit运维
                        
    目录1、前言2、接口流复制2.1、方式一：使用mirror指令2.1.1、nginx配置2.1.2、配置说明2.1.3、测试结果2.1.4、注意事项2.2、方式二：使用Lua2.2.1、安装Openresty2.2.2、nginx配置2.2.3、配置说明2.2.4、测试结果3、小结1、前言项目中，通常会遇到一个中转服务需要往多个不同的系统推送同一份数据，传统做法是需要在Java代码侧中调用多个AP
    
                    
    • 
                    
  • Spring中的依赖注入、setter与构造器注入、自动装配与集合注入详细描述及使用（XML版中篇）
                        KJ.JK
JavaEE进阶教程系列Spring中的依赖注入setter与构造器注入集合注入Spring的自动装配Spring的四种依赖注入
                        
    文章目录更多相关知识一、setter注入和构造器注入setter注入—引用类型⭐代码演示setter注入—简单类型（八种基本数据类型+String）⭐代码演示构造器注入—引用类型⭐代码演示构造器注入—简单类型⭐代码演示构造器注入—参数适配⭐type属性参数适配代码演示⭐index属性参数适配代码演示⭕setter注入和构造器注入总结二、自动装配自动装配介绍⭐byType装配演示⚡byType装配注
    
                    
    • 
                    
  • TCP/IP四层模型
                        ashane1314
网络tcp/ip分层
                        
    TCP/IP网络分层模型还是先从TCP/IP协议开始讲起，一是因为它非常经典，二是因为它是目前事实上的网络通信标准，研究它的实用价值最大。TCP/IP当初的设计者真的是非常聪明，创造性地提出了“分层”的概念，把复杂的网络通信划分出多个层次，再给每一个层次分配不同的职责，层次内只专心做自己的事情就好，用“分而治之”的思想把一个“大麻烦”拆分成了数个“小麻烦”，从而解决了网络通信的难题。你应该对TCP
    
                    
    • 
                    
  • flutter Image.network()网络图片加载失败，404错误的异常处理和解决方法初探
                        jp192021
flutterdebugflutter
                        
    今天碰到一个让人异常头疼的错误：在使用Image.network()的时候，有个图片网址404了，flutter真机调试一直卡死，绝对是一个大BUG。网上找了各种方法：一：Imageimage=Image(image:newCachedNetworkImageProvider(''));Imageimage=Image.network('');finalImageStreamstream=imag
    
                    
    • 
                    
  • Spring依赖注入提示:Field injection is not recommended
                        小小渔夫
SSM#1----Springspringjava后端
                        
    前言1.介绍今天在调试代码，发现IDEA提示@Autowired为警告(如上图所示)，信息为：Fieldinjectionisnotrecommended。什么意思，Spring官方给的说法是：不再推荐使用字段注入。这是为啥？字段注入是我们平时工作中经常使用到的注入，一是简单，二是代码简洁，咋就不推荐了呢？下面我们来一探究竟====>>2.出现原因spring4.0开始不推荐使用属性注入，改为推荐
    
                    
    • 
                    
  • 重生之我在学Vue--第6天 Vue 3 状态管理（Pinia）
                        野生的程序媛
Vue前端成仙之路vue.js前端javascript
                        
    重生之我在学Vue–第6天Vue3状态管理（Pinia）文章目录重生之我在学Vue--第6天Vue3状态管理（Pinia）前言一、Pinia核心概念速览1.1为什么需要状态管理？1.2Pinia核心三要素二、Pinia快速上手2.1安装与初始化2.2创建第一个Store三、模块化状态管理3.1多Store场景3.2Store间通信四、在组件中使用Pinia4.1状态访问与修改4.2状态解构的陷阱五
    
                    
    • 
                    
  • 重生之我在学Vue--第5天 Vue 3 路由管理（Vue Router）
                        野生的程序媛
Vue前端成仙之路vue.js前端javascript
                        
    重生之我在学Vue–第5天Vue3路由管理（VueRouter）文章目录重生之我在学Vue--第5天Vue3路由管理（VueRouter）前言一、路由配置与导航1.1什么是VueRouter？1.2安装VueRouter1.3基本路由配置步骤代码示例1.4路由导航二、动态路由与嵌套路由2.1动态路由示例：任务详情页2.2嵌套路由示例：嵌套任务详情三、路由守卫与懒加载3.1路由守卫示例：全局路由守卫
    
                    
    • 
                    
  • 第20周：Pytorch文本分类入门
                        weixin_46620278
pytorch分类人工智能
                        
    目录前言一、前期准备1.1环境安装导入包1.2加载数据1.3构建词典1.4生成数据批次和迭代器二、准备模型2.1定义模型2.2定义示例2.3定义训练函数与评估函数三、训练模型3.1拆分数据集并运行模型3.2使用测试数据集评估模型总结前言本文为[365天深度学习训练营]中的学习记录博客原作者：[K同学啊]说在前面本周任务：了解文本分类的基本流程、学习常用数据清洗方法、学习如何使用jieba实现英文分
    
                    
    • 
                    
  • Flutter——最详细原生交互（MethodChannel、EventChannel、BasicMessageChannel）使用教程
                        怀君
flutterandroidKotlinflutter交互Flutter与原生交互
                        
    MethodChannel（方法通道）用途：实现双向通信，用于调用原生平台提供的API并获取返回结果。场景：适合一次性操作，如调用相机、获取设备信息等。使用步骤：Flutter端：通过MethodChannel监听事件流。staticconstplatform=MethodChannel('com.example.fltest.plugin.DeviceInfoPlugin');Android端（
    
                    
    • 
                    
  • NLP新手入门-第N1周：Pytorch文本分类入门
                        Oaix Nay
365天深度学习训练记录pytorch自然语言处理分类
                        
    本文为365天深度学习训练营中的学习记录博客原作者：K同学啊|接辅导、项目定制目录一、课题背景和开发环境二、环境安装三、文本分类1.加载数据2.构建词典3.生成数据批次和迭代器4.定义模型5.定义实例6.定义训练函数与评估函数7.拆分数据集并运行模型8.使用测试数据集评估模型一、课题背景和开发环境第N1周：Pytorch文本分类入门Python3.8.12pytorch==1.8.1+cu111t
    
                    
    • 
                    
  • 初识LangChain的快速入门指南
                        109702008
人工智能langchain人工智能学习
                        
    文心一言初识LangChain的快速入门指南可以归纳如下：一、背景介绍LangChain是一个用于开发由语言模型驱动的应用程序的框架。它简化了LLM（大型语言模型）应用程序生命周期的各个阶段，包括开发、生产化和部署。LangChain通过其六大组件和多个开源库，为用户提供了一个强大而灵活的系统，以支持各种复杂的语言模型应用。二、LangChain的六大组件模型（Models）：包含各大语言模型的L
    
                    
    • 
                    
  • 操作系统原理试题三（二）
                        minaMoonGirl
服务器
                        
    1.(多选题,4.0分)下列关于进程和线程的叙述中，错误的是()。A.不管系统是否支持线程，进程都是资源分配的基本单位。B.线程是资源分配的基本单位，进程是调度的基本单位。C.系统级线程和用户级线程的切换都需要内核的支持。D.同一进程中的各个线程拥有各自不同的地址空间。正确答案:BCD2.(多选题,4.0分)与单道程序系统相比，多道程序系统的优点是()A.CPU利用率高B.系统开销小C.系统吞吐量
    
                    
    • 
                    
  • 重生之我在学Vue--第8天 Vue 3 UI 框架（Element Plus）
                        野生的程序媛
Vue前端成仙之路vue.jsui前端
                        
    重生之我在学Vue–第8天Vue3UI框架（ElementPlus）文章目录重生之我在学Vue--第8天Vue3UI框架（ElementPlus）前言一、ElementPlus基础：从安装到组件革命1.1安装与两种引入模式全量引入（适合快速原型）按需引入（推荐生产环境）二、核心组件实战：重构任务管理系统2.1表格组件：专业数据展示2.2表单组件：优雅数据录入2.3反馈组件：增强交互体验三、主题定制
    
                    
    • 
                                
  • 解线性方程组
                                    qiuwanchi

                                    
    package gaodai.matrix;

import java.util.ArrayList;
import java.util.List;
import java.util.Scanner;

public class Test {

	public static void main(String[] args) {
		Scanner scanner = new Sc
    
                                
    • 
                                
  • 在mysql内部存储代码
                                    annan211
性能mysql存储过程触发器
                                    
    

在mysql内部存储代码
  在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。
  先看优点：
  1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。
  2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。
  3 可以简化代码的维护和版本更新。
  4 可以帮助提升安全，比如提供更细
    
                                
    • 
                                
  • Android使用Asynchronous Http Client完成登录保存cookie的问题
                                    hotsunshine
android
                                    
    Asynchronous Http Client是android中非常好的异步请求工具 
除了异步之外还有很多封装比如json的处理，cookie的处理 
 
  引用   
 
Persistent Cookie Storage with PersistentCookieStore 
 
This library also includes a PersistentCookieStore whi
    
                                
    • 
                                
  • java面试题
                                    Array_06
java面试
                                    
    java面试题 
 
 
第一，谈谈final, finally, finalize的区别。 
final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
    
                                
    • 
                                
  • 网站加速
                                    oloz
网站加速
                                    
    前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 
 
 
1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 
 
 
2、采用Gzip对网页进行压缩； 
   GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
    
                                
    • 
                                
  • 正确书写单例模式
                                    随意而生
java 设计模式 单例
                                    
    　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。 
 
　　懒汉式，线程不安全 
 
　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
    
                                
    • 
                                
  • 单例模式
                                    香水浓
java
                                    
    懒汉  调用getInstance方法时实例化 
 

public class Singleton {

	private static Singleton instance;
	
	private Singleton() {}

	public static synchronized Singleton getInstance() {
		if(null == ins
    
                                
    • 
                                
  • 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2"
                                    AdyZhang
apachehttp server
                                    
    安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 
每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。 
解决方法确保几处： 
1、停止IIS启动 
2、把端口80改成其它 （譬如90，800，，，什么数字都好） 
3、防火墙(关掉试试) 
在运行处输入 cmd 回车，转到apa
    
                                
    • 
                                
  • 如何在android 文件选择器中选择多个图片或者视频？
                                    aijuans
android
                                    
    我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传 
但是android原生态的sdk中，只能一个一个的进行选择和上传。 
我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个   处理方法 
官方的图片选择器(但是不支持所有版本的androi，只支持API Level 
    
                                
    • 
                                
  • mysql中查询生日提醒的日期相关的sql
                                    baalwolf
mysql
                                    
    SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(),  dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
    
                                
    • 
                                
  • MongoDB索引文件破坏后导致查询错误的问题
                                    BigBird2012
mongodb
                                    
    问题描述： 
MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。 
解决方案： 
  
使用脚本，重建MongoDB所有表的索引。 
var names  = db.getCollectionNames();
for( var i in names ){
    var name = names[i];
    print(name);

    
                                
    • 
                                
  • Javascript Promise
                                    bijian1013
JavaScriptPromise
                                    
            Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。 
一.认识Promises 
        “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
    
                                
    • 
                                
  • [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程
                                    bit1129
zookeeper
                                    
       Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是   
  
public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
    
                                
    • 
                                
  • 【Java命令三】jstack
                                    bit1129
jstack
                                    
    jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump 
  
[hadoop@hadoop sbin]$ jstack
Usage:
    jstack [-l] <pid>
        (to connect to running process)
    jstack -F 
    
                                
    • 
                                
  • jboss 5.1启停脚本　动静分离部署
                                    ronin47

                                    
    以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename  -b ip -g  clustername   -u broatcast jboss.messaging.ServerPeerID=int  -Djboss.service.binding.set=p
    
                                
    • 
                                
  • UI之如何打磨设计能力?
                                    brotherlamp
UIui教程ui自学ui资料ui视频
                                    
      
在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 
1.找到自己的方式 
如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
    
                                
    • 
                                
  • 三色旗算法
                                    bylijinnan
java算法
                                    
    

import java.util.Arrays;

/**
问题：
假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序，
您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳
子上进行这个动作，而且一次只能调换两个旗子。

网上的解法大多类似：
在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
    
                                
    • 
                                
  • 警告:No configuration found for the specified action: \'s
                                    chiangfai
configuration
                                    
    1.index.jsp页面form标签未指定namespace属性。 
<!--index.jsp代码--> 
 
<%@taglib prefix="s" uri="/struts-tags"%>
...
<s:form action="submit" method="post"&g
    
                                
    • 
                                
  • redis -- hash_max_zipmap_entries设置过大有问题
                                    chenchao051
redishash
                                    
    使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑 
  
#define ZIPMAP_BIGLEN 254
#define ZIPMAP_END 255 
  
  
/* Return th
    
                                
    • 
                                
  • select into outfile access deny问题
                                    daizj
mysqltxt导出数据到文件
                                    
    本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 
 
为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。 
授权的语句如下： 
grant select on armory.* to rn
    
                                
    • 
                                
  • phpexcel导出excel表简单入门示例
                                    dcj3sjt126com
PHPExcelphpexcel
                                    
      
<?php 
error_reporting(E_ALL); 
ini_set('display_errors', TRUE); 
ini_set('display_startup_errors', TRUE); 
  
if (PHP_SAPI == 'cli') 
 die('This example should only be run from a Web Brows
    
                                
    • 
                                
  • 美国电影超短200句
                                    dcj3sjt126com
电影
                                    
    1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up! 
    
                                
    • 
                                
  • Java访问远程服务
                                    dyy_gusi
httpclientwebservicegetpost
                                    
        随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
    
                                
    • 
                                
  • Maven的settings.xml配置
                                    geeksun
settings.xml
                                    
    settings.xml是Maven的配置文件，下面解释一下其中的配置含义： 
settings.xml存在于两个地方： 
1.安装的地方：$M2_HOME/conf/settings.xml 
2.用户的目录：${user.home}/.m2/settings.xml 
前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。 

    
                                
    • 
                                
  • ubuntu的init与系统服务设置
                                    hongtoushizi
ubuntu
                                    
    转载自： 
http://iysm.net/?p=178  init 
Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 
ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。  
运行
    
                                
    • 
                                
  • 跟我学Nginx+Lua开发目录贴
                                    jinnianshilongnian
nginxlua
                                    
    使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。  
  目录 
第一章 安装Nginx+Lua开发环境 
第二章 Nginx+Lua开发入门 
第三章 Redis/SSDB+Twemproxy安装与使用 
第四章 L
    
                                
    • 
                                
  • php位运算符注意事项
                                    home198979
位运算PHP&
                                    
    $a = $b = $c = 0;
$a & $b = 1;
$b | $c = 1 
 问a,b,c最终为多少? 
  
当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0 
但是位运算符是不会改变变量的值的，例如： 
$a=1;$b=2;
$a&$b;
 
 这样a,b的值不会有任何改变 

    
                                
    • 
                                
  • Linux shell数组建立和使用技巧
                                    pda158
linux
                                    
    1.数组定义   　　[chengmo@centos5 ~]$ a=(1 2 3 4 5)   　　[chengmo@centos5 ~]$ echo $a   　　1   　　一对括号表示是数组，数组元素用“空格”符号分割开。   　　 
2.数组读取与赋值   　　得到长度：   　　[chengmo@centos5 ~]$ echo ${#a[@]}   　　5   　　用${#数组名[@或
    
                                
    • 
                                
  • hotspot源码(JDK7)
                                    ol_beta
javaHotSpotjvm
                                    
    源码结构图，方便理解： 
  
├─agent                            Serviceab
    
                                
    • 
                                
  • Oracle基本事务和ForAll执行批量DML练习
                                    vipbooks
oraclesql
                                    
    基本事务的使用： 
从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 
 
 

select * from account;
-- 创建一张账户表
create table account(
       -- 账户ID
       id number(3) not null,
       -- 账户名称
       nam
    
                                
    •