美文网首页我爱编程
2018-03-14 微信小程序--侧边栏滑动特效、Boots

2018-03-14 微信小程序--侧边栏滑动特效、Boots

作者: 胡諾 | 来源:发表于2018-03-15 16:33 被阅读0次

    第一组:


    第二组:赵彩凤 微信小程序--侧边栏滑动特效(点击按钮侧边滑动)

    Wxml:

    <!--page/one/index.wxml-->
    <view class="page">
        <view class="page-bottom">
            <view class="page-content">
                <view  class="wc">
                    <text>第一个item1</text>
                </view>
                <view  class="wc">
                    <text>第二个item2</text>
                </view>
                <view  class="wc">
                    <text>第三个item3</text>
                </view>
                <view  class="wc">
                    <text>第四个item4</text>
                </view>
            </view>
        </view>
        <view class="page-top {{open ? 'c-state1' : ''}}">
            <image bindtap="tap_ch" src="../../images/btn.png"></image>
        </view>
    </view>
    

    ...搭建上下两层界面
    ...写一段css3的右移动画样式 .c-state1

    Wxss:

    .c-state1{
      transform: rotate(0deg) scale(1) translate(75%,0%); 
      -webkit-transform: rotate(0deg) scale(1) translate(75%,0%); 
    }
    

    ...点击按钮,添加样式.c-state1

    ...再点击,移除样式.c-state1

    来自:http://www.see-source.com/weixinwidget/detail.html?wid=70


    第三组:吴景霞 Bootstrap 导航元素

    • 表格导航或标签

    创建一个标签式的导航菜单:
    • 以一个带有 class .nav 的无序列表开始。
    • 添加 class .nav-tabs。

    下面的实例演示了这点:

    <!DOCTYPE html>
    <html>
        <head>
            <title>
                Bootstrap 实例 - 标签式的导航菜单
            </title>
            <link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
            <script src="//cdn.bootcss.com/jquery/2.1.1/jquery.min.js">
            </script>
            <script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js">
            </script>
        </head>
        <body>
            <p>
                标签式的导航菜单
            </p>
            <ul class="nav nav-tabs">
                <li class="active">
                    <a href="#">
                        Home
                    </a>
                </li>
                <li>
                    <a href="#">
                        SVN
                    </a>
                </li>
                <li>
                    <a href="#">
                        iOS
                    </a>
                </li>
                <li>
                    <a href="#">
                        VB.Net
                    </a>
                </li>
                <li>
                    <a href="#">
                        Java
                    </a>
                </li>
                <li>
                    <a href="#">
                        PHP
                    </a>
                </li>
            </ul>
        </body>
    
    </html>
    
    • 胶囊式的导航菜单

    如果需要把标签改成胶囊的样式,只需要使用 class .nav-pills 代替 .nav-tabs 即可,其他的步骤与上面相同。


    • 垂直的胶囊式导航菜单

    您可以在使用 class .nav、.nav-pills 的同时使用 class .nav-stacked,让胶囊垂直堆叠。
    下面的实例演示了这点:


    • 两端对齐的导航

    您可以在屏幕宽度大于 768px 时,通过在分别使用 .nav、.nav-tabs 或 .nav、.nav-pills 的同时使用 class .nav-justified,让标签式或胶囊式导航菜单与父元素等宽。在更小的屏幕上,导航链接会堆叠。



    第四组:傅云 如何实现手写字体的打印

    偶然学来的方法,分享给大家
    想要打印手写字体,
    遇到的第一个问题是,
    平时我们看到的打印字体,
    如宋体,楷体,都太规整了。
    这个问题好解决,
    我们可以用网上找到的手写字体去进行打印。
    百度搜索”字体下载”,我们可以发现很多可以下载字体的网站。
    选择合适的字体进行下载,比如,我的同学他就下载了以下的字体。

    为了表现得字如其人,
    他特地选了丑一些的字体。
    同时也是为了不引人注意,
    这世上多数人的字都是丑的,
    你想要不被注意,
    只需要丑成平均值就可以了。
    将电子稿设置为自己下载的字体后,效果大概如下:

    进一步提高

    似乎可以看,好像有一点手写体的样子了。
    是的,如果你不是一个精益求精的人,
    这件事确实已经结束了,调整好行间距以后,
    就可以打印了。
    但有句话说的好,
    “对敌人的仁慈,就是对自己的残忍。”
    目前我们的稿子,还有很大的缺点。
    它太整齐了。
    列夫 托尔舒泰曾经说过:”漂亮的字总是相似的,而丑的字各有各的丑法。”
    仔细看一下我们的字体,首先是同一个字,是几乎完全一样的。
    上文中多次出现的”党”,每次出现的地方样子完全一样,大小一样,形状一样,
    这在平时是几乎不可能出现的。
    其次,同一行文字过于下边缘过于平滑。


    有疏有密,但下边缘却落在同一条直线上。所以,我们要上每个字大小,上下高度,行间距,在一定范围内浮动。
    每个字的字体,在一些字体中进行随机切换,前提是这些字体本身要比较接近。
    说了那么多,你可能要骂我,
    有闲工夫一个字一个字地修改字体,大小,上下高度,
    还不如手动抄一遍呢。
    这个问题自然是可以解决的,
    因为word有一套内置的编程语言,
    是可以对整篇文章进行编程的。
    为了使用这一功能,
    你需要在Word中,依次点击”文件”->”选项”->”信任中心”->”信任中心设置”->”宏设置”,
    然后在跳出的界面中选择”启用所有宏设置”即可。

    然后在,依次点击”视图”->”宏”,
    输入名字,”字体修改”,在跳出来的窗口中,
    将我给的代码复制进去即可。

    运行代码时,点击运行即可。
    让我们看一下实验效果,
    操作前


    操作后


    为了不影响阅读,我会将代码放在最后。

    收尾工作

    接下来的任务,就是如何将电子稿打印到本子上了,
    对于本子的选择,建议采用活页夹,这会给工作带来方便。
    一般的家用普通的打印机只能打印A4的纸,
    但市面上并没有A4的活页夹,所以我们之能退一步选择A5的活页夹。
    因为A5是A4的二分之一,不容易造成浪费。
    具体操作是
    1.首先设置word的稿纸设置,
    在布局里设置纸张大小是A4,方向是横向,分栏是分两栏。

    2.然后将两张A5活页贴在A4纸上

    3.打印,打印之后将两张A5纸背面贴成一张纸

    这样一来,就大功告成啦。
    如果大家有能让生活变得更美好的技巧,欢迎和舒哥分享。

    附录
    Sub 字体修改()
    '
    ' 字体修改 宏
    '
        Dim R_Character As Range
    
    
        Dim FontSize(5)
        ' 字体大小在5个值之间进行波动,可以改写
        FontSize(1) = "21"
        FontSize(2) = "21.5"
        FontSize(3) = "22"
        FontSize(4) = "22.5"
        FontSize(5) = "23"
    
    
    
        Dim FontName(3)
        '字体名称在三种字体之间进行波动,可改写,但需要保证系统拥有下列字体
        FontName(1) = "陈静的字完整版"
        FontName(2) = "萌妹子体"
        FontName(3) = "李国夫手写体"
    
        Dim ParagraphSpace(5)
        '行间距 在一定以下值中均等分布,可改写
        ParagraphSpace(1) = "12"
        ParagraphSpace(2) = "13"
        ParagraphSpace(3) = "20"
        ParagraphSpace(4) = "7"
        ParagraphSpace(5) = "12"
    
        '不懂原理的话,不建议修改下列代码
    
        For Each R_Character In ActiveDocument.Characters
    
            VBA.Randomize
    
            R_Character.Font.Name = FontName(Int(VBA.Rnd * 3) + 1)
    
            R_Character.Font.Size = FontSize(Int(VBA.Rnd * 5) + 1)
    
            R_Character.Font.Position = Int(VBA.Rnd * 3) + 1
    
            R_Character.Font.Spacing = 0
    
    
        Next
    
        Application.ScreenUpdating = True
    
    
    
        For Each Cur_Paragraph In ActiveDocument.Paragraphs
    
            Cur_Paragraph.LineSpacing = ParagraphSpace(Int(VBA.Rnd * 5) + 1)
    
    
        Next
            Application.ScreenUpdating = True
    
    
    End Sub
    
    

    第五组:王炳钧 C#多线程编程之:lock使用注意事项

    参考网址: https://www.cnblogs.com/soundcode/p/6571167.html

    1.避免锁定public类型对象。

    如果实例可以被公共访问,将出现lock(this)问题。
      
    如有一个类MyClass,该类有一个Method方法通过lock(this)来实现互斥:

    public class MyClass {
        public void Method() {
            lock(this) {......
            }
        }
    }
    

    如果一个MyClass的实例在不同线程中执行Method方法,可以实现互斥。但如果多个MyClass的实例分别在不同的线程中执行Method方法,互斥将失效,因为此处的lock(this)仅对当前的实例对象进行了加锁。

    2.禁止锁定类型

    lock(typeof(ClassName))锁定范围更为广泛,由于一个类的所有实例都只有一个类型对象(该对象是typeof的返回结果),锁定它,就锁定了该对象的所有实例。微软现在建议(原文请参考:http://www.microsoft.com/china/MSDN/library/enterprisedevelopment/softwaredev/SDaskgui06032003.mspx?mfr=true)不要使用lock(typeof(ClassName))。以下的微软的原文描述:

    首先锁定类型对象是个很缓慢的过程,并且类中的其他线程、甚至在同一个应用程序域中运行的其他程序都可以访问该类型对象,因此,它们就有可能代替您锁定类型对象,完全阻止您的执行,从而导致你自己的代码的挂起。

    这里的基本问题是,您并未拥有该类型对象,并且您不知道还有谁可以访问它。总的来说,依靠锁定不是由您创建、并且您不知道还有谁可以访问的对象是一种很不好的做法。这样做很容易导致死锁。

    3.禁止锁定字符串

    锁住一个字符串更为神奇,只要字符串内容相同,就能引起程序挂起。
      
    在.NET中,字符串会被暂时存放,如果两个变量的字符串内容相同的话,.NET会把暂存的字符串对象分配给该变量。所以如果有两个地方都在使用lock("my lock")的话,它们实际锁住的是同一个对象。
    如何正确使用lock呢?
      
    微软给出的建议是:只锁定私有对象。

    相关文章

      网友评论

        本文标题:2018-03-14 微信小程序--侧边栏滑动特效、Boots

        本文链接:https://www.haomeiwen.com/subject/uomhqftx.html