精华内容
下载资源
问答
  • javascript时间自动刷新在应用中很常见,本人今天整理了一些,感兴趣的朋友可以参考下哦
  • 本博客通过浏览器自带控制台执行简单的JS脚本实现微博转发。菜鸟水平,仅供参考,若有雷同,请一笑置过。

    众所周知,微博营销中的一种常见手段就是提高微博转发率。微博转发抽奖、根据转发量送明星上荧幕等营销屡见不鲜。某宝也不乏有微博营销商冲量深受粉丝青睐。

    本博客通过浏览器自带控制台执行简单的JS脚本实现微博转发。菜鸟水平,仅供参考,若有雷同,请一笑置过。

    前提条件:

    1.微博号。理论上,转发数量超过30条,就会被冻结三个小时,如果有大数量的转发需求,请上某宝购置微博号。

                    2.微博vip。讲道理,博主为了给某明星刷转发量,特意冲了一个vip,但是用处不大,该冻结的时候还是冻结了。

                    3.chrome浏览器。其实啥浏览器都行,只是下列操作以该浏览器为例。

           实践步骤:

    1.打开chrome浏览器。登录微博,进入要转发的微博下的页面,如图


              

    2.按住“Ctrl+Shift+I”快捷键 打开 开发者工具。或者点击浏览器右上角,选择“更多工具”-“开发者工具”。点击Network


    3.点击转发微博,填写内容并转发该条微博

    4.这时,Network会出现若干请求,点击画红线的那个请求,forward?_md=。。查看详情


    5.General为报文头,Form Data为发送的数据。画红框的地方都是等会代码需要改动的地方。


    6.点击Console。复制下列代码到,回车执行。当然,代码需要改动的地方参考上图的红框。

    // 转发微博,并评论
    function forwardWeibo(content, retcode) {
      var Data = new FormData();
      Data.append('pic_src', '');
      Data.append('pic_id', '');
      Data.append('appkey', '');
      // mid为该微博的id
      Data.append('mid', '4084814640382488');
      Data.append('style_type', '2');
      Data.append('mark', '');
      //reason为转发内容
      Data.append('reason', content);
      Data.append('location', 'page_100206_home');
      Data.append('pdetail', '1002061738376280');
      Data.append('module', '');
      Data.append('page_module_id', '');
      Data.append('refer_sort', '');
      Data.append('is_comment_base', '1');
      Data.append('rank', '0');
      Data.append('rankid', '');
      Data.append('_t', '0');
      Data.append('retcode', retcode || '');
    
      var xhr = new XMLHttpRequest();
      xhr.timeout = 3000;
      xhr.responseType = "text";
      xhr.open('POST', 'http://weibo.com/aj/v6/mblog/forward?ajwvr=6&domain=100206&__rnd=' + new Date().getTime(), true);
      xhr.onload = function(e) {
        if (this.status == 200 || this.status == 304) {
          var data = JSON.parse(this.responseText);
          if (data.code == "100000") {
            // 转发微博成功
            console.log(content);
          }else {
            // 转发微博失败
            console.log(data);
          }
        }
      };
      xhr.send(Data);
    }
    //count++解决转发内容相同问题
    var count = 1008611;
    setInterval(function(){
      var str="此处填写转发内容..."+count++;
      forwardWeibo(str);
    }, 5000); 

    7.理论上,不出错的话。就会成功转发了。但是由于微博限制,转发30条左右就被被冻结3个小时。

    8.最后附上删除微博的代码

    //删除微博
    function deleteWeibo() {
      var items = document.querySelectorAll(".WB_feed_type");
      for(var i in items){
        if(items[i].getAttribute){
          var Data = new FormData();
          Data.append('mid', items[i].getAttribute("mid"));
          var xhr = new XMLHttpRequest();
          xhr.open('POST', 'http://weibo.com/aj/mblog/del?ajwvr=6', false);
          xhr.send(Data);
          console.log(xhr.responseText);
        }
      }
    }
    deleteWeibo();
    

    9.至此,完结。

    展开全文
  • PM2实现Nodejs项目自动部署 首先简单说下思路:本地git仓库与远程仓库关联(github、码云等平台),然后pm2按照指定配置登录服务器,拉取远程仓库的代码更新,再执行一些指定的命令(如打包等)。 创建本地项目并...
  • 主要介绍了原生JS实现自动轮播图功能,结合实例形式详细分析了基于原生js实现轮播图的原理、操作步骤及操作注意事项,需要的朋友可以参考下
  • 本文实例讲述了javascript实现自动填写表单的方法。分享给大家供大家参考,具体如下: 在平时开发过程中,或者在访问某些站点,经常要频繁地填写一大堆表单时,我们可以利用javascript,写一段脚本,预先把要填的...
  • 2.一共分为3个步骤我写了三个函数 第一个show()函数(下拉):初始值高度h<300的话 h+5 反之return退出停止,调用setTimeout方法30毫秒执行一次+5 第二个hide()函数(收回):只是高度的判断不同高度h-5 反之...
  • vue、Steps 步骤条、Steps 属性、vue Steps 所有步骤条样式、vue Steps 步骤条全部属性设计规则何时使用代码演示1.基本用法2.迷你版3.带图标的步骤条4.步骤切换5.竖直方向的步骤条6.竖直方向的小型步骤条7.步骤运行...

    设计规则

    引导用户按照流程完成任务的导航条。

    何时使用

    当任务复杂或者存在先后关系时,将其分解成一系列步骤,从而简化任务。

    代码演示

    1.基本用法

    在这里插入图片描述
    简单的步骤条。

    <template>
      <a-steps :current="1">
        <a-step>
          <!-- <span slot="title">Finished</span> -->
          <template slot="title">
            Finished
          </template>
          <span slot="description">This is a description.</span>
        </a-step>
        <a-step title="In Progress" description="This is a description." />
        <a-step title="Waiting" description="This is a description." />
      </a-steps>
    </template>
    

    2.迷你版

    在这里插入图片描述
    迷你版的步骤条,通过设置 <Steps size="small"> 启用。

    <template>
      <a-steps :current="1" size="small">
        <a-step title="Finished" />
        <a-step title="In Progress" />
        <a-step title="Waiting" />
      </a-steps>
    </template>
    

    3.带图标的步骤条

    在这里插入图片描述
    通过设置 Steps.Stepicon 属性,可以启用自定义图标。

    <template>
      <a-steps>
        <a-step status="finish" title="Login">
          <a-icon type="user" slot="icon" />
        </a-step>
        <a-step status="finish" title="Verification">
          <a-icon type="solution" slot="icon" />
        </a-step>
        <a-step status="process" title="Pay">
          <a-icon type="loading" slot="icon" />
        </a-step>
        <a-step status="wait" title="Done">
          <a-icon type="smile-o" slot="icon" />
        </a-step>
      </a-steps>
    </template>
    

    4.步骤切换

    在这里插入图片描述
    通常配合内容及按钮使用,表示一个流程的处理进度。

    <template>
      <div>
        <a-steps :current="current">
          <a-step v-for="item in steps" :key="item.title" :title="item.title" />
        </a-steps>
        <div class="steps-content">{{steps[current].content}}</div>
        <div class="steps-action">
          <a-button v-if="current < steps.length - 1" type="primary" @click="next">
            Next
          </a-button>
          <a-button
            v-if="current == steps.length - 1"
            type="primary"
            @click="$message.success('Processing complete!')"
          >
            Done
          </a-button>
          <a-button v-if="current>0" style="margin-left: 8px" @click="prev">
            Previous
          </a-button>
        </div>
      </div>
    </template>
    <script>
      export default {
        data() {
          return {
            current: 0,
            steps: [
              {
                title: 'First',
                content: 'First-content',
              },
              {
                title: 'Second',
                content: 'Second-content',
              },
              {
                title: 'Last',
                content: 'Last-content',
              },
            ],
          };
        },
        methods: {
          next() {
            this.current++;
          },
          prev() {
            this.current--;
          },
        },
      };
    </script>
    <style scoped>
      .steps-content {
        margin-top: 16px;
        border: 1px dashed #e9e9e9;
        border-radius: 6px;
        background-color: #fafafa;
        min-height: 200px;
        text-align: center;
        padding-top: 80px;
      }
    
      .steps-action {
        margin-top: 24px;
      }
    </style>
    

    5.竖直方向的步骤条

    在这里插入图片描述
    简单的竖直方向的步骤条。

    <template>
      <a-steps direction="vertical" :current="1">
        <a-step title="Finished" description="This is a description." />
        <a-step title="In Progress" description="This is a description." />
        <a-step title="Waiting" description="This is a description." />
      </a-steps>
    </template>
    

    6.竖直方向的小型步骤条

    在这里插入图片描述
    简单的竖直方向的小型步骤条。

    <template>
      <a-steps direction="vertical" size="small" :current="1">
        <a-step title="Finished" description="This is a description." />
        <a-step title="In Progress" description="This is a description." />
        <a-step title="Waiting" description="This is a description." />
      </a-steps>
    </template>
    

    7.步骤运行错误

    在这里插入图片描述
    使用 Steps 的 status 属性来指定当前步骤的状态。

    <template>
      <a-steps :current="1" status="error">
        <a-step title="Finished" description="This is a description." />
        <a-step title="In Progress" description="This is a description." />
        <a-step title="Waiting" description="This is a description." />
      </a-steps>
    </template>
    

    8.点状步骤条

    在这里插入图片描述
    包含步骤点的进度条。

    <template>
      <a-steps progressDot :current="1">
        <a-step title="Finished" description="This is a description." />
        <a-step title="In Progress" description="This is a description." />
        <a-step title="Waiting" description="This is a description." />
      </a-steps>
    </template>
    

    9.自定义点状步骤条

    在这里插入图片描述
    为点状步骤条增加自定义展示。

    <template>
      <div>
        <a-steps :current="1">
          <a-popover slot="progressDot" slot-scope="{index, status, prefixCls}">
            <template slot="content">
              <span>step {{index}} status: {{status}}</span>
            </template>
            <span :class="`${prefixCls}-icon-dot`"></span>
          </a-popover>
          <a-step title="Finished" description="You can hover on the dot." />
          <a-step title="In Progress" description="You can hover on the dot." />
          <a-step title="Waiting" description="You can hover on the dot." />
          <a-step title="Waiting" description="You can hover on the dot." />
        </a-steps>
      </div>
    </template>
    

    API

    Steps

    整体步骤条。

    参数说明类型默认值
    current指定当前步骤,从 0 开始记数。在子 Step 元素中,可以通过 status 属性覆盖状态number0
    direction指定步骤条方向。目前支持水平(horizontal)和竖直(vertical)两种方向stringhorizontal
    labelPlacement指定标签放置位置,默认水平放图标右侧,可选vertical放图标下方stringhorizontal
    progressDot点状步骤条,可以设置为一个 作用域插槽,labelPlacement 将强制为verticalBoolean or slot="progressDot" slot-scope="{index, status, title, description, prefixCls})"false
    size指定大小,目前支持普通(default)和迷你(smallstringdefault
    status指定当前步骤的状态,可选 wait process finish errorstringprocess
    initial起始序号,从 0 开始记数number0

    Steps.Step

    步骤条内的每一个步骤。

    参数说明类型默认值
    description步骤的详情描述,可选string|slot-
    icon步骤图标的类型,可选string|slot-
    status指定状态。当不配置该属性时,会使用 Steps 的 current 来自动指定状态。可选: wait process finish errorstringwait
    title标题string|slot-
    展开全文
  • 主要介绍了JS实现点餐自动选择框功能,点击上方全选和全不选选择框实现对应功能,本文分步骤通过实例代码讲解的非常详细,需要的朋友可以参考下
  • Protractor是作为Angular JS应用程序的测试工具,简单的理解就是驱动脚本来实现客户端到服务器端测试的一种工具,也就是我们常听到的一个词,e2e(end to end),也就是端到端的测试,其中Angular JS是一款优秀的前端...

    相关知识

    • Node JS环境、Protractor工具、Jasmine框架、JavaScript语言

    简介

    • Protractor是作为Angular JS应用程序的测试工具,简单的理解就是驱动脚本来实现客户端到服务器端测试的一种工具,也就是我们常听到的一个词,e2e(end to end),也就是端到端的测试,其中Angular JS是一款优秀的前端开发框架,当时的开发团队就额外设计出Protractor这样一个小工具便于测试基于Angular JS开发的产品,它的构建基于Selenium WebDriver之上,所以使用起来你会发现很多方法和不同语言下的webdriver操作类似,至少形式上看上去很像,而且是围绕着Selenium WebDriver进行封装的,因此,Protractor中包含的每一个feature对于Selenium WebDriver都是可用的。但是需要注意一点,假如我设计的自动化代码并不是基于Angular JS开发的,那么就会有个疑问,是不是还可以钟情于这款框架呢,答案是肯定的,我们只需要在js代码中加入这样一行“browser.ignoreSynchronization = true”,就可以跳过Angular JS产品的验证了。当然,既然人家最初设计目的是为了测试基于Angular JS的产品,它会提供了独享的一些方法,例如waitforangular()

    • 我们还会接触到另外一个词“Jasmine”,其实它是Protractor内部支持的三种行为驱动开发中的一种,具体有Jasmine/Mocha/Cucumber,也就是我们理解上的自动化测试框架的三种,我听过前两种,第三种没用过,而且要注意一点protractor默认使用的就是Jasmine,自动化测试框架主要是提供语法、提供流程管理模块、和报告工具,主要也就是这三点,这些框架都是基于JavaScript和Nodejs的,Nodejs就是支持javascript的运行环境。

    准备过程

    • 接下来简单看下怎么搭建一个基于Protractor测试框架的测试环境,用来写我们的自动化测试代码。

    • 第一步毫无疑问,安装Node.js,安装Node.js并不难,可以直接到 https://nodejs.org/en/ 网站上下载相应的安装包,这里选择的是windows的安装包,有的网络会下载比较慢,虽然只有12M左右(亲身经历,还会经常中断。。。)。

    • 其中npm package manager是我们安装Node.js最为重要的目的,当然,Add to PATH是帮助我们省去了配置变量的环节,也是很重要的,安装步骤不多赘述,如果图方便的话,闭上眼睛一路Next下去就好。

    • 安装完成后,打开命令窗口,使用命令 “npm —version” 查看Node.js是否安装成功。

    • 由于这里需要使用pratractor,所以需要使用命令 “npm install —global protractor” 或者 “npm install -g protractor” 全局安装protractor,为什么是全局安装而不是本地安装,因为我们这里只需要使用CLI(Command Line Interface) 而不需要用require将protractor包含进去,如果需要后者,则需要再在本地安装一次,当然,如果不放心,也完全可以将全局和本地都安装一次,以后如果需要用,就可以直接用了,这里作为例子来看,只需要全局安装即可。

    • 这时候,可以试着启用webdriver, 注意,如果这里是先做了webdriver-manager update操作,而直接输入 webdriver-manager start则会不成功,它会提示 java 不能识别,它既不是内部也不是外部命令。而紧接着才安装JDK的话,在相同的command window中也同样会持续这个提示,此时只需要重新开一个新的command window即可。

    • 这时候可以发现,webdriver 启动了,接下来我们试着开始写case来看下是不是可以运行了。

    脚本过程

    • 我们一定要编写的文件只有两个,一个是configure.js,当然文件名是随意编写的,也可以叫做config.js,用做什么呢,目的有两个,一个是指定4444端口作为selenium调用服务的配置,另一个是作为执行测试用例的入口文件,也就是可以在这个文件内指定运行哪些测试用例。

    • 代码如下:

    (function () {
    
           exports.config = {
    
               seleniumAddres : 'http://localhost:4444/wd/hub',
    
               specs: 'testcase.js'
    
           }
    
       }
    
    )()
    • 另一个文件也就是我们的测试用例文件,名字叫做testcase.js,当然名字也是可以用别的,代码如下(代码是可以直接运行的哦),里面有一条自动化测试用例,用于测试光宇游戏社区点击登录按钮之后,输入用户名和密码后,会出现复杂验证码弹层,也就是我们的期望值。

    (function (){
        var requires = require('./testdata.js')
        describe('XXX_Community', function () {
            var url = requires.urls.AngularJSURL
            beforeEach(function() {
                browser.ignoreSynchronization = true
                browser.manage().window().maximize();
                browser.get(url)
            });
            it('Account_Login_WithPassword_001', function () {
                element(by.xpath('//*[@id="js_pubtoplogin_div"]/div[1]/a')).click()
                element(by.id('Account')).sendKeys('xieshuyu')
                element(by.id('Password')).sendKeys('xieshuyu')
                var EC = protractor.ExpectedConditions;
                browser.wait(EC.presenceOf(element(by.id('sigin'))), 5000);
                element(by.id('sigin')).click()
                expect(element(by.xpath('/html/body/div[8]')).isPresent()).toBeTruthy()
                }
            )
        })
    })()

    说明部分

    • 如果有一定代码经验的同学,其实看这段代码和我们之前的自动化用例代码差别并不是很大,变化的就是形式和语言。

    • 1、describe就是我们通常讲的自动化测试用例集,it就是自动化测试用例,两个的实质就是js方法,it当中包含了测试用例的内容,包含了操作步骤和断言;

    • 2、如果要停止运行某一个case,只需用xit()代替it(),同理在describe前加’x’也可以停止整个describe封装的运行;

    • 3、引号中的description用来描述case行为,便于在查看报告时理解case行为;

    • 4、expect()用于判断结果,一个case中可以有多个expect(),只有当所有的expect()都通过的时候,这个case才可以通过,否则会提示失败,常见匹配器如下:
      expect(x).toEqual(y); 当x和y相等时候通过
      expect(x).toBe(y); 当x和y是同一个对象时候通过
      expect(x).toMatch(pattern); x匹配pattern(字符串或正则表达式)时通过
      expect(x).toBeDefined(); x不是undefined时通过
      expect(x).toBeUndefined(); x 是 undefined时通过
      expect(x).toBeNull(); x是null时通过
      expect(x).toBeTruthy(); x和true等价时候通过
      expect(x).toBeFalsy(); x和false等价时候通过
      expect(x).toContain(y);x(数组或字符串)包含y时通过
      expect(x).toBeLessThan(y); x小于y时通过
      expect(x).toBeGreaterThan(y); x大于y时通过
      expect(function(){fn();}).toThrow(e); 函数fn抛出异常时候通过

    • 5、关于element元素的定位,常用方法如下(暂时用到这么多):

    • element(by.xpath(‘//*[@id=”js_pubtoplogin_div”]/div[1]/a’))

    • element(by.id(‘xieshuyu’))

    • element(by.name(‘xieshuyu’))

    • element(by.className(‘xieshuyu’))

    • element(by.model(‘xieshuyu’)) //根据ng-model名来查找元素,Angular JS专用(还记得上文提到的吗,呵呵呵)

    • element(by.binding(‘xieshuyu’)) //查找绑定了指定名的元素,Angular JS专用

    • element(by.repeater(‘xieshuyu’)) //查找指定repeater中的元素,Angular JS专用

    执行方式

    • 看到这,是不是有点小兴奋了呢,哈哈哈!其实执行方式很简单,前提是环境已经配置正确了,在文件路径下切换到对应的cmd窗口,然后输入“protractor config.js —config spec —disableChecks”,记得加上—disableChecks,会避免一些不必要的检查。

      然后你就可以谷歌浏览器被打开了,然后执行我们测试用例的文件,至少从视觉效果上来看,执行速度高于利用java来写的自动化代码,速度很快,但是有一个缺点,至少我理解上是这样的,我们都知道javascript是一种前端流行语言,是不支持后台操作的,就连数据库连接和执行sql语句也是不支持的,所以我们自动化流程中可能用到的数据库操作是没办法利用它实现的,但这里会有一个问题值得讨论,我们的UI端的自动化是否需要或者有必要连接后台来模拟一些用例的前提条件,以后再写另外的一篇博客来讨论吧,在这一句两句也说不清楚。

      如果有同学看到这里,会不会有个疑问,也就是有没有发现我们的代码是没有任何语句来指定谷歌浏览器驱动的地方,那怎么在输入“protractor config.js —config spec —disableChecks”之后就自动打开chrome进行自动化测试了呢。其实答案就是特别简单,因为人家protractor支持的默认浏览器就是chrome,还有一点,我想到也就是nodejs环境本身就是一个基于Chrome V8引擎的。

    后续

    • 文中提到的代码只是一个简单的自动化测试用例demo,用于说明利用NodeJS环境+Protractor工具+Jasmine框架+JavaScript语言是可以做到UI的自动化,而且效果还不错的,之后会陆续更新的。如果有什么说的不准确的地方,欢迎留言!

    ——————————————————————————————————————————————

    给大家推荐一个学习资料分享群(574253227里面大牛已经为我们整理好了许多的学习资料,有自动化,接口,性能等等的学习资料!

    展开全文
  • 使用 node.js 实现家庭自动化 如何启动此应用程序: 所需工具:Arduino Uno、任何可以运行 node.js 服务器的计算机(在这种情况下我使用的是树莓派)、中继模块、互联网访问 运行此应用程序的步骤: $npm install...
  • 主要介绍了JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码,通过阻止浏览器的默认行为各方面分析缩放的功能实现,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
  • 我们下面话不多说,本文主要介绍的是利用D3.js封装文本实现自动换行功能的步骤,下面来一起看看吧。 一、引用 multext.js 文件 multext.js function appendMultiText(container, str, posX, posY, width, fontsize,...
  • 利用JavaScript实现图片轮播自动播放

    千次阅读 2018-11-14 10:11:25
    步骤分析: 确定事件:文档加载完成的事件 事件要触发函数:init() 函数要做一些事情,通常是操作页面元素 开启定时器 changeImg() 获得切换的那个图片 <!DOCTYPE html> ...

    需求
    有一组图片,每个三秒钟,就切换一张图片,最终是一直在不停地切换
    技术分析

    • 切换图片
    • 每隔3秒钟做一件事

    步骤分析:

    • 确定事件:文档加载完成的事件

    • 事件要触发函数:init()

    • 函数要做一些事情,通常是操作页面元素
      开启定时器

    • changeImg()
      获得切换的那个图片

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script>
    			var index = 0;
    			function changeImg(){
    				var img = document.getElementById("img1");
    				// 计算当前要切换到第几张图片
    				var curIndex = index % 5; //0 1 2 3 4
    				img.src = "../img/"+curIndex+".jpg";
    				index = index + 1;
    			}
    			function init(){
    				setInterval("changeImg()",2000);
    			}
    		</script>
    	</head>
    	<body onload="init()">
    		<img src="../img/0.jpg" id="img1" width="100%"/>
    	</body>
    </html>
    
    

    每个两秒钟切换一次图片,通过获取图片的src,改变图片的路径。添加一个在文档加载完成调用的onload()方法
    小实例

    1. 定时器
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script>
    			//每个两秒钟弹出一个
    			//window对象是最顶层对象,可以直接调用,前面不需要加上window
    			var id;
    			function test(){
    				console.log("setInterval调用了!");
    			}
    			function startdingshiqi(){				
    				id = window.setInterval("test()",2000);
    			}
    			function stopdingshiqi(){
    				window.clearInterval(id);
    				console.log("取消定时器!")
    			}		
    		</script>
    	</head>
    	<body>
    		<input type="button" value="开启定时器" onclick="startdingshiqi()" />
    		<input type="button" value="停止定时器" onclick="stopdingshiqi()" />
    	</body>
    </html>
    
    

    在这里插入图片描述
    3.

    展开全文
  • 案例:js实现点餐自动选择框

    千次阅读 2018-10-06 20:13:59
    效果图: 1. 目标需求(一共两个): 1.点击上方全选/全不选选择框...2.点击下方选择框,如果所有选择框同时被选中,则上方全选框自动变成勾选状态,否则是非勾选状态 2.思路分析: /* ...*/ 3.js实现步骤: 上方全选/全不...
  • 具体实现步骤: 1、新建文件 在src中创建views文件夹,在views中创建scale文件夹。在scale中创建components文件夹和index.vue文件,最后在components创建ModelScale.vue文件。 2、BoxSwitch.vue文件中 (1)、加载...
  • 在网上看了一些自动收能量的脚本 根据自己的手机型号 华为荣耀9 分辨率为1980*1080 写了一个脚本 使用AutoJs运行 定时每天早上7点开始收能量(再也不用担心我的能量被偷啦 哈哈~) AutoJS下载地址 ...
  • Vue.js组件库Element中的Dropdown 下拉菜单,Steps 步骤条,Dialog 对话框和Tooltip 文字提示。
  • 概述刚好有一个项目,需要定位,并且...第一步 引用api脚本<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=**appid**">第二步 布局要实现自动完成的文本框<input id="complete" type="
  • JS实现选中文件后自动上传功能

    千次阅读 2016-01-12 14:37:35
    实现步骤: 1、文件框触发onclick的时候设置值为空字符串(清除原来的数据),这样可以确保用户选择新文件或同一个文件后文件框onchange事件被触发。 2、文件框onchange的时候,如果文件框有数据就提交表单开始上传...
  • SCHEDULE-BILIBILI 是一个B站自动执行任务的工具,使用 JS + AXIOS 编写,通过它可以实现B站帐号的每日自动观看、分享、投币视频,获取经验,每月自动领取会员权益、自动为自己充电等功能,帮助我们轻松升级会员到Lv...
  • Auto.js实现自动刷视频,点赞脚本(一)

    万次阅读 多人点赞 2020-11-24 16:41:27
    Auto.js实现抖音自动刷视频,点赞脚本 Auto.js 是个基于 JavaScript 语言运行在Android平台上的脚本框架。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了...
  • 需求:实现界面的三个步骤条的界面切换,且能实现页面自动跳转到第一校验不通过的表单项(若此表单项在第几页,则跳转到第几页)。 首先引入element-ui ,在项目的入口文件通常为(main.js),引入样式: import...
  • nuxt.js会根据pages目录结构自动生成vue-router模块的路由配置。 nuxt源码地址: https://github.com/nuxt/nuxt.js 建议打开源码跟着文章的步骤看,第一次写,文中有任何错误或者表述不清的地方,欢迎批评指正。 ...
  • JS实现轮播图(手动切换+自动切换两种方法)

    万次阅读 多人点赞 2019-02-13 16:54:30
    <script type="text/javascript" src="myjs/dh.js"> <script type="text/javascript"> window.function() { //获取ul var imgList=document.getElementById("imgList"); //获取页面中所有的图片(即获取img标签) ...
  • ajax介绍及实现步骤

    千次阅读 2019-05-16 10:42:10
    使用DOM实现动态显示和交互; 使用XML和XSLT进行数据交换与处理; 使用XMLHttpRequest进行异步数据处理; 使用JavaScript绑定和处理所有数据; ajax的工作原理相当于在用户和服务器之间加了一个中间层,使用户...
  • 最近学习了一款软件auto.js,它是一款开源的android app,用作者的话说就是“一个支持无障碍服务的Android平台上的JavaScript IDE”。 说白了就是这个软件可以调用android的无障碍服务,最终实现在不需要root的情况...
  • 自动化测试学习步骤

    2018-10-26 11:17:04
    自动化学习大概步骤如下: 1. 做好手工测试(了解各种测试的知识)  2. 学习编程语言 3. 学习Web基础(HTML,HTTP,CSS,DOM,Javascript)或者 学习Winform 4. 学习自动化测试工具 5. 学习自动化测试框架 6. ...
  • 总结 - Ajax工作原理和实现步骤

    万次阅读 多人点赞 2018-08-22 09:42:44
    为了方便理解,我给AJAX统一了一个流程,要想实现AJAX,就要按照以后步骤走: 创建XMLHttpRequest对象。 设置请求方式。 调用回调函数。 发送请求。 下面来看下具体步骤: 2.1 创建...
  • 1. 前言:随着Web项目的不断规范以及测试驱动开发的理念,以及迭代开发和Dailybuild等概念的产生,自动化测试是一个很重要的发展方向,它可以及时得发现新开发的功能对旧有功能的影响,同时由于可以自动化测试,减轻...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 109,128
精华内容 43,651
关键字:

js如何实现步骤条自动