按钮 | 易学教程

jQuery入门笔记

阅读更多关于 jQuery入门笔记

一.jQuery下载安装 1.从 jquery.com 下载 jQuery 库（学习推荐用这种方法，可以在没有网络时使用） 2.从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery（这种方法需要网络环境），可以通过 CDN（内容分发网络）引用它。Staticfile CDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。如果你的站点用户是国内的，建议使用百度、又拍云、新浪等国内CDN地址。二.jQuery 语法通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions） jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。基础语法： $( selector ). action () 美元符号定义 jQuery 选择符（selector）"查询"和"查找" HTML 元素 jQuery 的 action() 执行对元素的操作实例: $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有 <p> 元素 $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素 $("#test").hide() - 隐藏所有 id="test" 的元素例如： <!DOCTYPE html> <html> <head

redux和react-redux的使用详解

阅读更多关于 redux和react-redux的使用详解

我自己的理解redux就跟vue中的vuex差不多,都是数据管理器,话不多说,我们从经典的计数器案例开始讲解使用redux实现计数器创建如下的react项目,我习惯把每一个模块分块,才有这么多文件,当然你也可以写在一个js文件中,这不是重点首先我们看一下项目的入口文件index.js import 'core-js/fn/object/assign'; import React from 'react'; import ReactDOM from 'react-dom'; import Counter from './components/Counter'; //引入计数器件 import {createStore} from 'redux'; //通过解构赋值得到createStore,为store的创建做准备 import reducer from './reducers/index' //引入reducer纯函数该函数,根据action的type不同结合旧的state返回新的state let store = createStore(reducer); //创建redux的核心 store store我会在后面进行详细的解答 import {numAdd,numDel} from './actions/index'; //引入action函数,触发什么操作

页面倒计时按钮的两种实现方式

阅读更多关于页面倒计时按钮的两种实现方式

页面倒计时按钮的两种实现方式：现假设需求为：点击打开页面后，让用户阅读本页面内容并进行60s倒计时，倒计时结束后用户才可以点击“确定”按钮，进行页面跳转。 ①第一种实现方式，打开页面后开始计时，计时过程不能点击按钮（按钮变灰），计时结束后按钮可以点击（1）按钮实现采用框实现，按钮的实现方式有多种，除了input还有button <input type="button" id="button" value="确定" disabled="ture" onclick="window.location='/entity/student/englishApply.jsp' "> 其中，disabled属性表示此input框是否可用，onclick属性内写的是按钮点击跳转地址。（2）页面的倒计时用定时器方法setInterval()实现，setInterval()方法可以按照指定周期（以毫秒计算）来调用函数或者计算表达式。setInterval()函数会不停的调用函数，直到cleanInterval()方法被调用才会结束。 <script type="text/javascript"> var time = 60; var clean = setInterval(function () { time = time - 1; document.getElementById("time")

使用Vue怎么解决跨域请求问题?

阅读更多关于使用Vue怎么解决跨域请求问题?

在使用vue前先看原生js解决跨域使用的接口: http://suggestion.baidu.com/su?cb=qq&wd=哈哈 body内容: < input type = "text" > < button > 提交 < / button > < ul > < / ul > < script > //查找对应的表单元素 var ipt = document . getElementsByTagName ( "input" ) [ 0 ] ; var btn = document . getElementsByTagName ( "button" ) [ 0 ] ; var oul = document . getElementsByTagName ( "ul" ) [ 0 ] ; //给btn添加点击事件 btn . onclick = function ( ) { //当点击按钮的时候利用script的src属性提交请求→新建一个script标签 var s = document . createElement ( "script" ) ; //给这个标签的src属性赋值赋值时在wd后面的参数是需要查找的关键字,这个值是用户在input中输入的值 s . src = `http://suggestion.baidu.com/su?cb=callback&wd= ${

Android四大组件之Activity详解

阅读更多关于 Android四大组件之Activity详解

.Activity的本质 Activity是Android提供的四大组件之一,是进行Android开发必不可少的组件.Activity是一个界面的载体,可以把它与html页面进行类比,html页面由各种各样的标签组成,而Activity则可以由各种控件组成.然而Activity也并不是那么简单.查看Activity类的源码我们就可以看到,这个类大概有六千多行代码,说明Android对Activity的处理是相当复杂的.不过我们平时进行开发的时候不需要了解到那么深入的地步,因为我们可以根据Activity中提供的方法快速的开发,Activity生命周期中涉及到七个回调方法. .Activity的生命周期 Android官方文档给出的Activity生命周期图当打开一个Activity的时候,会调用这个Activity的onCreate()方法,接着调用onStart()方法,然后调用onResume()方法.当onStart()方法执行之后,我们就可以看到这个Activity界面了.下面通过代码对单个Activity生命周期做进一步的解释. MainActivity.java package com.example.caobotao.activitylifecircle; import android.app.Activity; import android.content

vue基础

阅读更多关于 vue基础

vue基础一、vue事件 1、事件入门语法：使用v-on指令注册事件 <标签 v-on:事件句柄=“表达式或者事件处理函数”></标签> 简写方式 <标签 @事件句柄=“表达式或者事件处理函数”></标签> 注意事项: 事件处理函数作为事件句柄的值不需要调用 <!DOCTYPE html> <html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>vue事件命令</title> <script type="text/javascript" src="node_modules/vue/dist/vue.js"></script> </head> <body> <div id="app"> <hr> <span>vue点击事件</span><br/> <button v-on:click="num++">点击一</button> <button @click="num++">点击二</button> <button @click="countSum">点击三</button> <button @click="countSum()">点击四</button> <button @click="say('hello word!')">点击五</button

jQuery 选择器（开头有脑图）

阅读更多关于 jQuery 选择器（开头有脑图）

Javascript在线代码运行 jQuery 中所有选择器都以美元符号开头：$()。 jQuery 选择器允许我们对 HTML 元素组或单个元素进行想要的操作。 1.元素选择器 jQuery 元素选择器基于元素名选取元素。在页面中选取所有元素: $ ( "p" ) < script src = "//libs.baidu.com/jquery/2.0.0/jquery.min.js" > //导入jquery.min.js" < / script > < script > $ ( document ) . ready ( function ( ) { //读取功能 $ ( "button" ) . click ( function ( ) { //点击功能 $ ( "p" ) . hide ( ) ; // 隐藏段落功能 } ) ; } ) ; < / script > < / head > < body > < h2 > 这是一个标题 < / h2 > < p > 这是一个段落。 < / p > < p > 这是另一个段落。 < / p > < button > 点我 < / button > < / body > < / html > 2.#id 选择器 jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。页面中元素的 id 应该是唯一的

Vue常用语法

阅读更多关于 Vue常用语法

一、模板语法 1、双大括号表达式【语法：】 {{exp}} 用于向页面输入数据，即页面显示数据。【举例：】 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="test"> <p>{{message}}</p> <p>{{message.toUpperCase()}}</p> <p v-text="message"></p>  <p v-html="message"></p> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

Jeewx 捷微管家操作配置文档（开源版本号）

阅读更多关于 Jeewx 捷微管家操作配置文档（开源版本号）

1.1.1. 公众帐号管理（1）捷微是第三方微信公众帐号管理平台，使用本平台前，请自行注冊申请微信公众帐号，操作流程请參照百度经验【怎样注冊微信公众帐号】： http://jingyan.baidu.com/article/363872ecd593406e4aa16f77.html 注冊公众帐号并通过审核后，登录微信公众平台。在“开发人员中心”中点击“开发模式”成为开发人员。（2）登录微信公众平台 https://mp.weixin.qq.com/ ，在“设置-公众号设置-帐号详情”中取得登录邮箱、原始ID、微信号、类型等字段。在“开发人员中心-配置项”中取得AppId、AppSecret信息。（3）在捷微系统中。点击“微配置中心-公众帐号管理”菜单，点击“创建公众帐号”button，将Token、登录邮箱、原始ID、微信号、类型、AppId、AppSecret填写到对应的录入框中。点“确定”button。注意：上述信息必须与微信公众平台上取得的信息一致，否则下一步操作不能通过链接验证。（4）在微信公众平台“开发人员中心-server配置”处填写URL和Token。 URL：微信第三方平台与微信对接的URL规则：域名+项目名称+wechatController.do?wechat。因此使用捷微开源微信平台。URL请填写 http://www.jeewx.com

JavaScript的5种调用函数的方法

阅读更多关于 JavaScript的5种调用函数的方法

这篇文章详细的介绍了Javascript中各种函数调用的方法及其原理,对于理解JavaScript的函数有很大的帮助！ JavaScript,调用函数的 5种方法　　一次又一次的,我发现,那些有bug的Javascript代码是由于没有真正理解Javascript函数是如何工作而导致的(顺便说一下,许多那样的代码是我写的).JavaScript拥有函数式编程的特性, 当我们选择面对它的时候,这将成为我们前进的阻碍. 　　作为初学者,我们来测试五种函数调用的方法,从表面来看我们会认为那些函数与C#中函数的作用非常相似,但是我们一会儿可以看到还是有非常重要的不同的地方的,忽视这些差异无疑会导致难于跟踪的bug。首先让我们创建一个简单的函数,这个函数将在将在下文中使用,这个函数仅仅返回当前的this的值和两个提供的参数. <script type="text/javascript"> function makeArray(arg1, arg2){ return [ this, arg1, arg2 ]; } </script> 最常用的方法,但不幸的,全局的函数调用当我们学习Javascript时，我们了解到如何用上面示例中的语法来定义函数。 ,我们也知道调用这个函数非常的简单,我们需要做的仅仅是: makeArray('one', 'two'); // => [ window,

订阅按钮