精华内容
下载资源
问答
  • 用Vue写backToTop指令

    千次阅读 2017-11-10 10:20:08
    用Vue写backToTop指令指令是Vue框架中非常有用,目前正在学习当中。以下是参照教程写的返回顶部backToTop指令,具有以下功能。 点击按钮后可以返回顶部。 当滚动到一定位置后出消失与隐藏。 还有待改进的地方。 代码...

    用Vue写backToTop指令

    指令是Vue框架中非常有用,目前正在学习当中。

    以下是参照教程写的返回顶部backToTop指令,具有以下功能。

    • 点击按钮后可以返回顶部。
    • 当滚动到一定位置后出消失与隐藏。

    还有待改进的地方。

    • 代码中有2句是重复的。
    • 未写到一个.vue文件中,复用性不高。

      以上两点努力在以后的学习中实现。
      话不多说,直接上代码。

    代码块

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <script src="https://unpkg.com/vue"></script>
      <title>Document</title>
      <style>
        body{
          height: 1500px;
          background: #ccc;
        }
        .go-top{
          width: 30px;
          height: 30px;
          line-height:30px;
          border-radius: 50%;
          background: rgb(37, 148, 133);
          position: fixed;
          right: 30px;
          bottom: 30px;
          opacity: 0;
          transition: all ease 1s;
          -webkit-transition: all ease 1s;
          text-align: center;
          color: #fff;
          cursor: pointer;
        }
        .active{
          opacity: 1;
        }
      </style>
    </head>
    <body>
    
      <div id="demo">
        <div class="test" v-scroll="showTop">
          <div @click="gotop" class="go-top" :class="goTop?'active':''">^</div>
        </div>
      </div>
    
      <script>
    
        Vue.directive('scroll',{
          bind:function(el,binding){
            window.addEventListener('scroll',()=>{          
              let fnc = binding.value;
              fnc(el);
            })
          }
        })
    
    
    
        var vm = new Vue({
          el: "#demo",
          data:{
            goTop: false,
            scrollTop: ""
          },
          methods:{        
            gotop: function(){          
              let speed = 10;
              let timer = setInterval(function(){            
                this.scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
                if(this.scrollTop>0){
                  this.scrollTop = (this.scrollTop - speed >0) ? (this.scrollTop - speed) : 0;
                  speed += 20;
                  window.scrollTo(0,this.scrollTop);
                }else{
                  clearInterval(timer);
                }
              },16)
            },
            showTop: function(){          
              this.scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
              if(this.scrollTop>200){
                this.goTop = true;
              }else{
                this.goTop = false;
              }
            }
    
          }
        })
    
      </script>
    
    
    </body>
    </html>

    代码不好的地方,烦请各位指点。谢谢先。

    展开全文
  • 三菱FX2NPLC 模块读写指令TO FROMFROM读指令格式TO指令格式 FROM读指令格式 例1: 例2: 例3: 注意,扩展模块不计入编号中 这里介绍一下扩展模块和扩展单元的概念: 只对PLC I/O点进行扩展的模块或单元...

    三菱FX2NPLC 模块读写指令TO FROM

    FROM读指令格式

    在这里插入图片描述
    在这里插入图片描述
    例1:
    在这里插入图片描述
    例2:
    在这里插入图片描述
    例3:在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    注意,扩展模块不计入编号中
    在这里插入图片描述
    这里介绍一下扩展模块和扩展单元的概念:
    只对PLC I/O点进行扩展的模块或单元叫做扩展模块和扩展单元,其中,扩展模块需要PLC供电,而扩展单元可以对其进行独立供电
    所以,上例的解答为:
    在这里插入图片描述

    TO写指令格式

    在这里插入图片描述
    这个指令是经常以TOP形式出现的
    在这里插入图片描述
    例1:
    在这里插入图片描述
    例2:
    在这里插入图片描述
    例3:
    在这里插入图片描述
    此例又需学习课程《PLC模拟量与通信控制应用实践》,笔者也暂时仍未学习此课程,故留作日后讲解
    在这里插入图片描述

    展开全文
  • 三菱PLCBFM写入指令TO(FX系列)
  • 当 Blade 编译器遇到该命令时,它将会带参数调用提供的回调函数。blade模板可以通过directive方法来自定义模板指定...tojs指令主要用于PHP自定义一些数据转换为js对象方便js调用 1.创建ToJsServiceProvider <?p...
        

    Blade 允许你自定义命令,你可以使用 directive 方法注册命令。当 Blade 编译器遇到该命令时,它将会带参数调用提供的回调函数。blade模板可以通过directive方法来自定义模板指定,

    tojs指令主要用于PHP自定义一些数据转换为js对象方便js调用

    1.创建ToJsServiceProvider

    <?php
    
    namespace App\Providers;
    
    use App\Helpers\ToJs\ToJs;
    use Illuminate\Support\Facades\Blade;
    use Illuminate\Support\ServiceProvider;
    
    class ToJsServiceProvider extends ServiceProvider
    {
        /**
         * Bootstrap the application services.
         *
         * @return void
         */
        public function boot()
        {
            //
        }
    
        /**
         * Register the application services.
         *
         * @return void
         */
        public function register()
        {
            $this->app->singleton('tojs', function () {
                return new ToJs();
            });
    
            /*
            * The block of code inside this directive indicates
            * the chosen javascript variables.
            */
            Blade::directive('tojs', function () {
                return '<script> window.Laravel = ' . json_encode(app('tojs')->get()) . '</script>';
            });
        }
    }

    2. ToJs方法主要是对数组的一些操作

    <?php
    
    namespace App\Helpers\ToJs;
    
    use Illuminate\Support\Arr;
    
    class ToJs
    {
        protected $data = [];
    
        public function put(array $data)
        {
            foreach ($data as $key => $value) {
                $this->data[$key] = value($value);
            }
    
            return $this;
        }
    
        public function get($key = null, $default = null)
        {
            if (!$key) return $this->data;
    
            return Arr::get($this->data, $key, $default);
        }
    
        public function forget($keys)
        {
            Arr::forget($this->data, $keys);
    
            return $this;
        }
    }

    3.声明facade

    
    namespace App\Helpers\ToJs\Facades;
    
    use Illuminate\Support\Facades\Facade;
    
    
    class ToJsFacade extends Facade
    {
        /**
         * Get the registered name of the component.
         *
         * @return string
         */
        protected static function getFacadeAccessor()
        {
            return 'tojs';
        }
    }
    

    4.在config数组添加serviceProvider

    providers 添加
    \App\Providers\ToJsServiceProvider::class

    aliases 添加
    'ToJs' => \App\Helpers\ToJs\Facades\ToJsFacade::class,

    5.为了方便调用可以在写一个helper方法

    if (!function_exists('to_js')) {
        /**
         * Access the javascript helper.
         */
        function to_js($key = null, $default = null)
        {
            if (is_null($key)) {
                return app('tojs');
            }
    
            if (is_array($key)) {
                return app('tojs')->put($key);
            }
    
            return app('tojs')->get($key, $default);
        }
    }

    在PHP代码需要的地方调用 to_js(['username'=>'test']);

    blade模板直接通过 @tojs 就可以在页面渲染出
    <script> window.Laravel = {"username":"test"}</script>

    展开全文
  • zto中通电子面单cpcl打印指令实例打印效果cpcl指令 打印效果 cpcl指令 ! 0 200 200 130 1 IN-MILLIMETERS PW 76 L 0 13 76 13 0.3 L 0 28 76 28 0.3 L 0 28 76 28 0.3 L 0 35.5 76 35.5 0.3 L 0 41.6 76 41.6 0.3 L...

    zto中通电子面单cpcl打印指令实例

    打印效果

    打印效果图

    cpcl指令

    ! 0 200 200 130 1
    IN-MILLIMETERS
    PW 76
    L 0 13 76 13 0.3
    L 0 28 76 28 0.3
    L 0 28 76 28 0.3
    L 0 35.5 76 35.5 0.3
    L 0 41.6 76 41.6 0.3
    L 56 50.4 76 50.4 0.3
    L 0 59 76 59 0.3
    L 56 41.9 56 68.3 0.3
    L 0 68 76 68 0.3
    L 25 68.3 25 80.3 0.3
    L 0 80 76 80 0.3
    
    T 5 0 64 5 快递
    T 5 0 64 9 包裹
    T 3 0 0 10 2020-12-16 16:19:11
    
    CENTER
    SETSP 2
    BT 7 0 1
    B 128 0.4 2 9 0 14 73144233224145
    SETSP 1
    T 4 0 0 29.5 342-081-00 052
    SETSP 0
    
    LEFT
    T 4 0 0 36 集
    SETMAG 2 2
    T 3 0 6 36.5 区域件-长三角26城
    SETMAG 0 0
    
    EG 5 5 0 42.6 0000FF00000007FFF000007FFFFE0001FFFFFF8003FFFFFFE00FFFFBFFF01FFCF9FFF83FFCF1FFFC3FFEF3FFFE7FCCF003FE7FCEE003FFFFCEE79FFFFFCEC79FFFFFCEC39FFF7FCE93BFFF7FCEF33FFE3FCEF93FFE3FC0F93FFC1FC0FC7FF80FCEFC7FF80FFEFC7FF007FEF03FF003FEE30FE003FC07C7C001FE9FE78000FFFFFF00007FFFFF00003FFFFE00003FFFFC00001FFFF800000FFFF0000007FFE0000003FFE0000001FFC0000000FF800000007F000000007E000000003C000000001800000000000000
    T 3 0 6 42.5 收收收收收收收收 010-11112222
    T 3 0 6 47 收11收收收收收收收1111111111收
    T 3 0 6 51.5 收222222222222收收收收收收收222222
    T 3 0 6 56 收收收收收333333收收收收收33333333
    
    T 4 0 0 60 寄
    T 3 0 6 60 寄寄寄寄寄寄寄寄 010-11112222
    T 3 0 6 64 寄寄寄111寄寄1111寄寄寄寄寄寄11寄
    
    BT 7 0 0
    B 128 0.25 2 7 27 70 73144233224145
    
    SETMAG 1 1
    T 3 0 0 81 备注:
    RIGHT 4
    T 3 0 62 123 已验视
    SETMAG 2 2
    T 3 0 55 118 123456
    SETMAG 0 0
    
    ;13.3 top
    ;28.3 barcode
    ;35.8 大头笔
    ;41.9 集
    ;59.5 收 56
    ;68.3 寄件 56
    ;80.3 small barcode 25
    FORM
    PRINT
    
    展开全文
  • 传送指令的分类:通用数据传送指令MOVMOVSMOVZXCHGPUSH/POP地址传送指令LEA输入输出指令IN/OUT标志传送指令PUSHF/POPF这一节主要讨论通用数据的传送指令。MOV 类指令MOV 类指令就是将数据从一个位置复制到另一个位置...
  • Dalvik指令分析(一) hex to instruction

    千次阅读 2015-02-23 19:18:55
    Dalvik指令介绍请参考官方文档:General design 如果读者对X86或者ARM指令集有一定的 了解,学习Dalvik指令还是很容易的。如果您掌握了Dalvik指令集,就能将dex文件转换为smali 代码,这也是很多android安全研发...
  • 指令

    2019-09-30 05:50:58
    To command a computer's hardware, you must speak its Language. 去命令一台计算机的硬件,你必须说它们的语言。 The words of a computer's language are called instructions, and its vocabulary is ca...
  • 1.指令单词拼错 2.Vue.directive() 这个方法没有写在 new Vue 之前 然而我的是第三种,字母大写,要全小写才行 ,可能是因为我没有 vue全家桶里面用的原因,我这里是在html,js中使用的vue.js ...
  • thumb指令和arm指令

    2020-10-12 15:52:07
    参考https://www.embedded.com/introduction-to-arm-thumb/ 一、为什么一个芯片需要thumb和arm两套指令集 许多复杂的功能在复杂指令集(CISC)处理器上执行只需要单一的一条指令,即可,虽然可能有点慢,在精简...
  • ret & rep 指令是同样的指令,它的效果是: 认为栈顶是下一条指令的地址,从栈中弹出返回地址,然后跳转到返回地址的位置;这个效果通过修改栈指针%rsp和栈程序计数器%rip达到。 procedure三要素:传递数据 传递...
  • $ git branch --set-upstream-to origin/master master 指令可以关联分支, 关联后,通过指令可以pull代码,不需要指定从哪个分支pull 但是,使用idea 来pull代码,依然报错 转载于:https://ww...
  • 一、指令说明通过指令“Strg_TO_Chars”,可将数据类型为STRING 的字符串复制到 Array of CHAR 或Array of BYTE 中;或将数据类型为 WSTRING 的字符串复制到 Array of WCHAR 或 Array of WORD 中。该操作只能复制 ...
  • 分配的新电脑,ubuntu18.04系统,nvidia的驱动都装好了,但是使用指令:nvidia-smi报错:Failed to initialize NVML: Driver/library version mismatch安装gpustat也显示找不到gpu,且cuda,深度学习gpu均不行原因是...
  • 基础知识汇编语言指令组成汇编指令:机器码的助记符,有对应的机器码。伪指令:没有对应的机器码,编译器执行,机器不执行。其他符号:如+-*/有编译器识别,无对应机器码。CPU与外部器件交互需要存储单元地址(地址...
  • 用angualr1做项目时 封装一个指令 并且在其他页面渲染出来,报错 Uncaught error: [$injector:modulerr] Failed to instantiate module myApp due to: Error: [$injector:unpr] Unknown provider: $...
  • jsp指令_JSP包含指令

    2020-07-29 00:35:50
    jsp指令 JSP包含指令 (JSP Include Directive) The include directive tells the Web Container to copy everything in the included file and paste it into current JSP file. Syntax of include directive is: ...
  • 指令 内置指令 自定义指令 全局指令 局部指令 过渡动画 在CSS中操作transition(过滤)和animation(动画)达到不同效果 操作步骤: 1、为目标元素添加一个父元素“ryan”>,让父元素通过自动应用CSS来达到效果 ...
  • Linux指令

    2019-08-09 17:15:29
    写这篇文章总结一下我平时遇到的Linux指令。 Table of Contents Linux指令 ls vim gedit ...安装后可以用以下指令修改文本: ...e.g. 在安装anaconda之后,发现conda指令不存在。需要add conda to...
  • 一运动指令MoveJMoveJ[\Conc,]ToPoint,Speed[\V]│[\T],Zone[\Z][\Inpos],Tool[\WObj];1[\Conc,]:协作运动开关。(switch)2ToPoint:目标点,默认为*。(robotarget)3Speed:运行速度数据。(speeddata)4[\V]:...
  • 进阶指令

    2018-12-28 17:08:44
    Though life is hard, I want it to be boiling. 虽然辛苦,我还是会选择那种滚烫的人生。 一、进阶指令 df指令 作用:查看磁盘的空间(disk free) 语法:#df -h -h表示以可读性较高的形式展示大小 free指令 作用:...
  • 支持ANSI、Unicode、UTF-8等各种中文字符集的数据解析,并能够将数据转发到当前活动窗口的编辑框中。
  • I'm using ubuntu14 LTS. Problems: 1. When run roscore, got a mistake and an advice to ping the localhost...2. Nearly every time I run a directive with sudo, I got a warning that unable to resolve ho...
  • 指令

    2019-10-27 10:35:01
    这部分使用到的就是在MIPS架构指令集一节中初步接触到的伪指令,在该程序中这些伪指令主要用途是标识数据段和代码段的位置,并为声明的数据分配空间。 .data fibs: .space 48 # “array” of 12 words to contain ...
  • 以下这个程序我在300PLC中可以使用WORD_...提示函数WORD_TO_BLOCK_DB未定议最佳答案使用VARIANT_TO_DB_ANY指令可以使用“VARIANTtoDB_ANY”指令读取IN参数处的操作数,然后将其转化为数据类型DB_ANY。IN参数属于Var...
  • ARM指令集: 其中包括数据处理指令集 1)算术指令(ADD,ADC,SUB,SBC , RSB, RSC ) ①加法指令:ADD,ADDS...Add values and store result to register. Syntax   ADD{cond}{S} Rd, Rn, Op2 Descr
  • 分配的新电脑,ubuntu18.04系统,nvidia的驱动都装好了,但是使用指令:nvidia-smi报错:Failed to initialize NVML: Driver/library version mismatch安装gpustat也显示找不到gpu,且cuda,深度学习gpu均不行原因是...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,677
精华内容 1,870
关键字:

to指令