精华内容
下载资源
问答
  • TL431的几种基本用法

    2020-08-08 11:21:18
    TL431作为一个高性价比常用分流电压基准,很广泛用途。这里简单介绍一下TL431常见和不常见的几种接法。
  • 大屏幕上两个典型区域适合放置导航:顶部和左侧,但...下面是一些处理响应导航比较流行技巧,由于下述几种导航方式还没有约定俗成叫法,所以大家可以结合案例网站来理解他实际用法: 顶部导航 ...

    大屏幕上有两个典型的区域适合放置导航:顶部和左侧,但在缺少屏幕空间的手机屏幕上却是一个有趣的挑战。随着响应式设计越来越流行,在小尺寸屏幕上处理导航的各种方法越来越值得我们关注。而手机网站导航必须在快速获取一个网站的信息和不可见性之间取得平衡。

    下面是一些处理响应式导航比较流行的技巧,由于下述几种导航方式还没有约定俗成的叫法,所以大家可以结合案例网站来理解他的实际用法:

        1. 顶部导航
        2. 页脚锚
        3. 选择菜单
        4. 切换
        5. 左侧导航弹出
        6. 只有页脚
        7. 隐藏导航

    当然每一种方法都有优点和缺点,在为你的项目选择适合的方法时需要注意。

    1.顶部导航或者说“什么也不做”的方法

     

    导航最容易实施的解决方案之一是保持它在顶部。由于这种方法容易实现,所以你可以在许多(甚至大部分)响应式网站中找到它。

    【优点】

        • 容易实现——你几乎可以保持你大屏幕网站的原样。
        • 无需依赖Javascript——确保最大的兼容性。
        • 无需辛苦的重写CSS样式。
        • 没有绊倒你的代码顺序——无需赴汤蹈火的把导航列表在代码里来回转移。他按原始顺序排列。

    【缺点】

        • 高度问题——移动端的高度问题。正如《卢克的书》所说,内容第一,导航第二是首选的移动网页体验。你想要使用户尽可能快地获得重要的内容。这意味着要让导航移出用户的视线,使他们能够专注于页面上的核心信息。当所有的核心内容被切断,它会被混淆:

    注释:该网站首屏由LOGO和导航构成,点击导航页面切换,而导航一直保持在顶部,页面之间的跳转看起来并不差异,也没有快速地揭开核心内容。

        •  不易扩充——当你想要添加一个新的部分到你的网站,会发生什么?此刻导航整齐的排列在一行,当你的客户说你需要把“产品和服务”添加到导航,会发生什么?或者当你需要把菜单翻译成德文时呢?
        • 不易点击——填鸭式的链接太紧密地结合在一起,很容易导致不必要的的间接点击。
        • 跨设备的问题——在iPhone上文字可能看起来很棒,由于不同的设备呈现文字的方式不同,在其他平台上看起来可能是分散的:

    注释:在小屏幕上响应导航被截断成多行

    【外部参考案例】

        • Trent Walton个人站

    http://trentwalton.com/

        • Ethan Marcotte个人站

    http://ethanmarcotte.com/

    【资源】

        • http://andmag.se/2012/01/height-matters/  高度问题@andmag
        • http://alwaystwisted.com/post.php?s=2011-02-20-dont-let-your-menu-take-over  不要让你的菜单取代@StuRobson

    2.页脚锚

    这种聪明的解决方案,保持网站的导航列表在底部,而头部包含一个简单的锚链接指向页脚导航。这种方法为其核心内容清除出了很多的空间,同时仍然能够快速获取导航。

    【优点】

        • 易于实现——简单的顶部锚点。导航列表在底部。这是相当容易实现的。
        • 无需依赖Javascript——这意味着更少的测试和更好的支持。
        • 按比例放大需要很少的CSS工作——由于有绝对或固定定位,对于移动页脚导航到顶部变成小菜一碟。
        • 单独按钮在头部—— 一个简单的菜单图标或链接只占用很小的头部空间,这样可以为核心内容释放大量的空间。

    【缺点】

        • 锚点跳转让人迷失方向——快速跳转到该网站的页脚可能有点让人迷失方向。
        • 不优雅——这样说似乎很奇怪,但一个不和谐的跳转,虽然非常实用,但不是优雅的交互使用。

    【外部参考案例】

        • 内容杂志 网站(点击顶部右侧菜单锚点,页面跳转到底部导航)

    http://contentsmagazine.com/

    【资源】

        • http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/a-simple-responsive-mobile-first-navigation/ 一个简单的、响应式、移动首选导航
        • http://www.abookapart.com/products/mobile-first  《移动第一书》

     3.选择菜单

    对于小屏幕来说,驯服脱缰野马的导航的一种方法是将一个链接列表,转化为一个选择菜单。这就避免了顶部导航方法提出的问题,并且这是一个节省地方的聪明方式。

    【优点】

        • 释放了大量的空间—— 一个选择菜单绝对比水平或垂直列表,占用少得多的空间。
        • 保持在头部交互——而不是页脚导航。选择菜单保持了头部导航功能,这符合用户的预览习惯。
        • 容易辨认——选择菜单贴有明确的标签,显示“导航”或“菜单”,这非常容易辨认。
        • 使用本地控件——每个移动浏览器将会用各自的方式处理选择菜单。触摸设备将会提升导航列表的触摸友好度。

    【缺点】

        • 难以控制设计风格——选择菜单是设计风格的眼中钉。每个浏览器处理他们都有各自的方式,通常都是笨拙的方法。它使得网站跨浏览器风格看起来只有一半是一致的。因此,选择菜单处境尴尬,并且确实玷污了一个原本看着不错的设计。
        • 可能令人混淆——用户习惯于选择菜单在下拉表单中,但我不知道他们是否会脱离上下文去理解一个表单元素。这只是一种直觉,所以这将是有趣的试验。
        • 处理子导航项——通过选择菜单来处理嵌套列表可能看起来很怪异。子类别通常用破折号缩进处理,虽然这可能会让人容易理解,但是却也容易混淆,甚至有点难看。
        • 依赖Javascript——对Javascript有依赖性。

    【外部参考案例】

        • Viljami Salminen 网站

    http://viljamis.com/

    【资源】

        • http://tinynav.viljamis.com/  微导航 @viljamis
        • http://css-tricks.com/convert-menu-to-dropdown/  为小屏幕把菜单转换为下拉菜单
        • http://coding.smashingmagazine.com/2012/02/13/progressive-and-responsive-navigation/  进步和响应式导航
        • https://github.com/mattkersley/Responsive-Menu  响应式导航

    4.切换

    切换类似于页脚锚方法,但是没有跳转到页面底部的锚,而是设定一个菜单图标在头部的右侧,点击滑动打开或收缩菜单。这是一个好看的方法,也比较容易实现。

    【优点】

        • 固定位置——切换菜单的位置固定,不像页脚锚突然跳转,不会让用户失去方向感。
        • 优雅——这绝对是优雅的方法之一。没有尴尬的表格或页面跳转,只是一个平滑生动的滑动,或简单的显示/隐藏。
        • 易于扩展——所以你需要做的是隐藏移动触发和显示导航列表,当达到适当的断点,你就有了一个正常的大小的导航。这一切都可以通过CSS实现。

    【缺点】

        • 动画的表现——在移动设备上无论是哪种类型的动画,其结果都是多样化的。Android对CSS动画的表现是出了名的差,所以事情可能不会那么顺畅。
        • 依赖Javascript——同样这种方法有点依赖Javascript去触发切换,但极小。我有一个黑莓的测试设备,不听任何话,但大多数浏览器,包括代理的浏览器,如Opera Mini和Dolphin Mini,能很好的处理它。

    【外部参考案例】

        • 星巴克网站

    http://www.starbucks.com/

        • 移动网络的最佳实践

    http://mobilewebbestpractices.com/

    【资源】

        • http://jasonweaver.name/lab/flexiblenavigation/  FlexNav,一个jQuery插件用于响应菜单
        • http://filamentgroup.com/lab/responsive_design_approach_for_navigation/  用于导航的一种响应的设计方案,第一部分@filamentgroup

    5.左侧导航弹出

    Facebook为移动端普及了左侧导航,这个样式相当独特。通过一个菜单图标来访问导航,导航从左侧滑出,主体内容移向右侧。

    【优点】

        • 释放大量空间——当你有大量的列表项时,其他导航技术展示效果都不会太好,而这种方法提供了大量的空间来展开。我认为这就是为什么Facebook采用这种方式。
        • 美观——这个菜单非常复杂和先进,所以他肯定有一个令人叫绝的因素吧。
        • 使用facebook带来的惯性——Facebook 移动端用户已经习惯使用这种模式,因为网页和Facebook移动应用程序使用过这种导航。

    【缺点】

        • 高级——当其它方法只需要修改简单的元素,而这个方法却有很多需要移动的部件。正如斯蒂芬妮·里格尔指出,奥巴马的网站导航打破了一切, 除了最尖端的设备。如果你的项目是为一个更广泛的受众,而你选择了这种方法,你要非常小心。
        • 不能很好地扩展——这种方法对于移动端是相当独特的,不一定能轻松地扩展到大屏幕上。您需要承担维持小型和大屏幕两个不同的导航的风险。
        • 令人混淆——当我第一次看到Facebook新的移动端导航时,我竟然以为它是坏了的。在右侧有一点内容,这样看上去似乎有点怪,但是这纯属个人喜好。

    【外部参考案例】

        • 维基百科

    http://zh.wikipedia.org

    【资源】

        • http://stephanierieger.com/a-plea-for-progressive-enhancement/  一个逐步增强的请求

    6. 只有页脚

    只有页脚的导航类似于页脚锚的方法,只是没有头部的锚点。它遵循内容第一,导航第二的原则,但是它要求移动用户一直滚到页面底部,才能在站点中导航。

    【优点】

        • 释放头部空间——它遵循内容第一,导航第二的原则,但是…

    【缺点】

        • 难以发现——用户(无论小屏幕还是大屏幕)可能很难发现底部有一个导航。
        • 难以访问——移动端用户不得不滚动完整个页面直至底部(可能很长)只是为了浏览网站。

    【外部参考案例】

        • 梨(一个开源的Wordpress主题)

    http://pea.rs/

    7.隐藏导航

    遵循这个规则:不要因为用户用较小的设备访问您的网站而惩罚他们。这不是事实——移动用户不希望或者不需要某些信息。移动用户会做任何PC端用户会做的事情,只要提供一个可用的方法。

    【优点】

        • 清除了充足的空间——通过为小屏幕移除导航,可以释放大量的空间!但是,这是有代价的……

    【缺点】

        • 为移动用户移除内容或功能——隐藏链接和内容是不好的。响应的倡导者们说,响应式设计消除了许多内容差异和体验噩梦,这来自独立的移动网站,但如果一个响应式网站为移动用户隐藏内容,就不太好了。
        • 难以维持——为小屏幕和大屏幕设的两个独立的导航,变成了维护网站时的一种负担。

    【外部参考案例】

    ·“真实的工作”网站

    http://www.authenticjobs.com/

    【资源】

        • http://timkadlec.com/2012/02/media-query-asset-downloading-tests/  媒介查询及优点测试

    【总结】

    最后,手机导航应该是这样一个很好的朋友:当你需要他时,他会给你足够的空间。而一个坏的朋友,是当你需要找人倾诉时他却不在(导航消失或很难找到),或是他们总是很讨厌的在你周围,占用你的空间。寻找导航和移动屏幕空间之间的平衡是一门艺术。

    展开全文
  •  该转换方式主要用于数字类型转换,用它转换时可能丢失数值精度。从int类型到long,float,double,decimal类型,可以使用隐式转换,但是从long类型到int类型就需要使用显式转换,也就是该数据类型转换方

    ------- Windows Phone 7手机开发.Net培训、期待与您交流! ------- 

    1(int)变量名

    [强制类型转换](显示式转换):
         该转换方式主要用于数字类型转换,用它转换时有可能丢失数值的精度。从int类型到long,float,double,decimal类型,可以使用隐式转换,但是从long类型到int类型就需要使用显式转换,也就是该数据类型转换方式,否则会产生编译错误.

    该方式对于浮点数会做无条件舍去,失去精确度
      当然,该方式也可以进行objectint得转换,但是,object的值要赋予int类型的值,否则会产生编译错误,而且objectnull时也会出错。

    最后切忌的一点,千万不要用来处理char类型到int类型的转换,否则传回的的值是ASCII代码,而并不是你想要的值。
    2 int.Parse(string类型变量名)

    该方式是将数字内容的字符串转为int类型,如果字符串内容为空或者null时,则抛出ArgumentNullException异常;如果字符串内容不是数字,则抛出FormatException异常;如果字符串内容所表示数字超出int类型可表示的范围,则抛出OverflowException异常。

    使用该方法切忌的一点就是只能处理字符串内容,而且字符串内容只能在int类型可表示的范围之内。
    3 int.TryParse(string s, out int result)

    该方式也是将数字内容的字符串转为int类型,但是该方式比int.Parse优越的地方,就是它不会出现异常。如果转换成功返回 true,如果转换失败返回 false。很明显,最后一个参数为输出值,如果转换失败,输出值为 0;如果转换成功,则输出相应的值。
    4 Convert.ToInt32

    该方式不仅可以将字符串转为int类型,还可以将其它类型的值转成int类型。变量若为objectstring类型,当其值为null时,会传回0,不会造成程序错误,但是若此string类型的值为string.Empty,在转型成int时,仍会造成程序错误。

    该方式对于浮点数会做四舍五入。

    该方式同强制转换一样,不能用来处理char类型,否则传回的是ASCII代码。

     

    ------- Windows Phone 7手机开发.Net培训、期待与您交流! ------  详细请查看:http://net.itheima.com/

    展开全文
  • 推荐一个Java教程:http://blog.didispace.com/books/java8-tutorial/ 这个接口都在 java.util.function 包下 Predicate<...主要是用于判断,返回值为boolean类型 ...大致种用法 Predicate<Col...

    推荐一个Java教程:http://blog.didispace.com/books/java8-tutorial/

    这几个接口都在

    java.util.function 包下

     

    Predicate<T>:断言型接口

    主要是用于判断,返回值为boolean类型

        boolean test(T t);

    大致有两种用法

       Predicate<Collection<?>> predicates  = (list)->{
                return CollectionUtils.isEmpty(list);
            };
            List list = null;
            boolean isEmpty = predicates.test(list);
            //类::Method
            Predicate<String> isEmpty2 = String::isEmpty;

    Consumer<T> :消费型接口

    主要是无返回值操作

        void accept(T t);

     使用方法

    //在List的Stream操作中
    void forEach(Consumer<? super T> action);
    //举例
      Stream<Integer> stream = new ArrayList<Integer>().stream();
            stream.forEach(System.out::println);

    Supplier<T>

    接口产生一个给定类型的结果。与Function不同的是,Supplier没有输入参数。

        T get();

    Function<T,R>:函数型接口

    接口方法入参会给定一个指定类型,但是返回的时候又会是其他类型

       InputStream fileInputStream = new FileInputStream("/test.txt");
            //这里一输入流转为缓冲输入流举例
            Function<InputStream,BufferedInputStream> func = inputStream -> {
                return new BufferedInputStream(inputStream);
            };
            BufferedInputStream apply = func.apply(fileInputStream);

     

    展开全文
  • 1、可拖拽列表,拖拽按钮可调整listview显示顺序,用到一个控件叫DragListView,参考博客http://blog.csdn.net/rwecho/article/details/8905366,github上面demo,根据需要做简单调整即可。 2、在...

    1、可拖拽式列表,拖拽按钮可调整listview的显示顺序,用到一个控件叫DragListView,参考博客http://blog.csdn.net/rwecho/article/details/8905366,github上面有demo,根据需要做简单调整即可。



    2、在上面功能的基础上继续改造,做可选择显示或隐藏的功能,每行最前面有checkbox,为checkbox设置id,监听点击事件,所有的操作只需要维持一个数组即可,监听checkbox改变没个item的状态即可,根据item的状态,在adapter的getView中判断显示或者隐藏。


    3、巧用ListView做推拉抽屉是效果,实现思路:首先完成页面布局,用相对布局将需要的静态效果实现,然后控制getView方法,position等于0时可以单独处理,单独设置高度,背景颜色透明,即实现当列表滑动的时候将position=0的部分覆盖效果。


    4、listView的item点击效果和内部的控制点击效果冲突问题,例如新浪微博的每条微博可以点击进入详情,评论、赞等,但是每条微博中可能有图片,那么当点击图片的时候就要屏幕掉item的点击事件,显示出图片的大图。只需要在listview的item的布局最外层加上android:descendantFocusability=“blocksDescendantDs”即可。



    5、ListView模拟新浪微博正文评论、赞、转发导航条头部悬停效果。实现思路,首先整体布局,评论、赞、转发导航条以上部分为listView的第一项,具体内容都在getView中实现,评论、赞、转发导航条以及以下具体评论、赞等以列表显示,然后在listView的最上部隐藏一个评论、赞、转发一样的导航条,监听listview的滚动事件,判断显示或隐藏即可实现。

    myListView.setOnScrollListener(new OnScrollListener() {
    			@Override
    			public void onScrollStateChanged(AbsListView view, int scrollState) {
    			}
    
    			@Override
    			public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
    				if (firstVisibleItem >= 1) {
    					invisibleTab.setVisibility(View.VISIBLE);
    				} else {
    					invisibleTab.setVisibility(View.GONE);
    				}
    			}
    		});



    展开全文
  • seaborn几种解释

    2020-08-18 16:52:50
    它提供了一高度交互界面,便于用户能够做出各种吸引力统计图表。 Seaborn其实是在matplotlib基础上进行了更高级API封装,从而使得作图更加容易,在大多数情况下使用seaborn就能做出很具有吸引力图,而...
  • 想要传递参数主要就是以对象的方式来写,分为两方式:命名路由、查询参数,下面分别说明两方式的用法和注意事项。 命名路由 命名路由的前提就是在注册路由的地方需要给路由命名如: 命名路由传递参数需要使用...
  • 单例模式的几种方式

    2015-05-27 18:10:00
    为了方便我不再一步一步详细的解释,下面只是给出几种常用的用法: 饿汉,线程安全: public class Singleton{ //类加载时就初始化 private static final Singleton instance = new Singleton...
  • vue-router传递参数分为两大类...想要传递参数主要就是以对象的方式来写,分为两方式:命名路由、查询参数,下面分别说明两方式的用法和注意事项。 命名路由 命名路由的前提就是在注册路由的地方需要给路由命名如:
  • 首先在template声明中,class和typename...这两声明方式我们在声明模板参数时,视其为等价,不过老程序员可能更喜欢class,因为它在过去是主流用法,而且简短,少打个字,可提高编程速度。但是本人比...
  • 关于Java运算,你需要知道这几种!

    热门讨论 2020-08-06 16:40:20
    关于Java运算,你需要知道这几种!四则运算符四则运算当中加号“+”常见三种用法:自增运算符一二三元运算符逻辑运算符赋值运算符 四则运算符 运算符:进行特定操作符号。例如:+ 表达式:用运算符连起来...
  • UITextField基本用法

    2013-11-09 16:06:25
    UITextField *text = [[UITextField alloc]initWithFrame:CGRectMake(50.0,50.0,200.0,30.0)]; //必要代码  [text setBorderStyle:...typedef enum {//以下几种按钮款式供你选择
  • Jquery使用可以说是前端开发人员必备之良器,现如今在追求效率工作节奏下,前端模块化开发势在必行。...jQuery中extend方法下面几种用法: 1.$.extend(new,paras1,paras2....) 含义:将paras1,paras2...
  • 首先需要分清楚函数参数的几种类型: 位置参数(调用时无须写参数名称,直接按照顺序写数值); 默认参数:调用函数此参数可写可不写,因为默认值,但如果更改默认值,必须带上变量名称调用; 可变参数:...
  • 更新换代快大前提下自然又涌现出了适配问题,主流解决方案很多,如响应布局、cover布局、container布局 这几种布局在大多数情况下不限制高度页面下还是相当有用,但如果被元素塞满设计稿并且客户要求...
  • turretcss-由创建具有默认HTML元素可访问和语义网站响应前端框架。 要开始使用,请查看 ! 目录 快速开始 提供个快速入门选项: 。 克隆仓库: git clone https://github.com/turretcss/turretcss.git ...
  • vuex用法详解

    2020-10-15 18:35:18
    有几个数据,几个操作,在多个组件上都需要使用,如果每个组件都去掉用都去写,就会很麻烦,代码真是又臭又长,当然,如果没有大量操作和数据需要在多个组件内使用话,其实也就可以不用这个vuex了,这个东西...
  • 光是用户对 view 操作(dom 事件)就有几,此外还有 ajax 获取数据、路由/hash状态变化记录和跟踪等。 来源丰富不是最可怕,更可怕是每个来源提供数据结构并不统一。DOM 事件还好,...
  • 本文实例讲述了Python科学计算包numpy用法。分享给大家供大家参考,具体如下: 1 数据结构 numpy使用一种称为ndarray...一般而言,生成数组方法这么几种: 以list列表为参数生成(用tolist方法即可转换回list)
  • TL431基本用法 .pdf

    2019-07-02 10:31:27
    TL431作为一个高性价比常用分流电压基准,很广泛用途。这里简单介绍一下TL431常见和不常见的几种接法。
  • 我们知道,js函数多种写法,函数声明 ,函数表达式,Function构造函数,自执行函数,包括Es6箭头函数,Class类写法,高阶函数,函数节流/函数防抖,下面我就开始讲关于上面几种类型最基本用法。 函数声明...
  • JS6 继承方式

    2019-04-07 21:41:13
    JS的6种 继承方式 类继承 构造函数继承 组合继承 原型继承 寄生继承 寄生组合继承 人说,你这几种继承的名字自己瞎取的吧...面试常考,死记硬背吧,等时间会把这几种继承的用法分享一下,敬请关注! ...
  • TL431用法与实践运用

    2014-03-29 11:58:28
    TL431作为一个高性价比常用分流电压基准,很广泛用途。这里简单介绍一下TL431常见和不常见的几种接法。
  • 我们知道,js函数多种写法,函数声明 ,函数表达式,Function构造函数,自执行函数,包括Es6箭头函数,Class类写法,高阶函数,函数节流/函数防抖,下面我就开始讲关于上面几种类型最基本用法。 函数声明...
  • 作为函数编程语言共同特征,在每一语言里都可以找到同样的几大类基本函数。 不过继承函数传统语言喜欢按照范式术语来命名基本函数,而出自脚本语言背景则更喜欢使用描述性名字(时候还会起多个...
  • 武汉区块链软件技能公司:区块链与... 区块链是一数据库类型,大体上是散布式的。区块链通常用于描绘涣散的或使用工作量证明的数据库,但这种用法与真正的定义有些出入。 从本质上说,区块链是在不同位置永久...

空空如也

空空如也

1 2 3 4 5 ... 13
收藏数 246
精华内容 98
关键字:

式的用法有几种