input | 易学教程

React ref

阅读更多关于 React ref

最近写博客写的有点蒙圈了，甚至在怀疑自己应不应该写下去，看看网上大神写的博客，简直了。。。！昨天给自己放了一天假，虽然离职找工作之中，也在自我督促自己学习一下！我基本写的都是最基本的内容！好了，不多说了！继续更新！ 1、React支持一种非常特殊的属性ref，你可以用来绑定到render()上，输出的任何组件上！ 2、通过一个小demo练习来解析！我们要实现一个简单的功能，点击按钮，实现求和！ <div id="container"></div><script type="text/babel"> var Add = React.createClass({ handleClick:function () { //通过原生DOM的API获取input的value值 var num1 = parseInt(this.refs.input1.value); var num2 = parseInt(this.refs.input2.value); console.log(num1+num2) }, render:function () { //当组件插入到DOM后，ref 属性添加一个组件的引用于到 this.refs return <div> <input ref="input1" placeholder="input number"/> <br/> <input ref=

Verilog 学习笔记-urat串口

阅读更多关于 Verilog 学习笔记-urat串口

串口：　　串口在嵌入式设备里经常会用到，串口主要包括RS232C串口,RS485串口等，他们只是电平不一样。　　RS232也称标准串口，是一种比较常用的串口，采用标准的DB9接口，RS232采用的是负逻辑电平，即-12~-5V表示逻辑1，+5~+12V表示逻辑0。　　一般的MCU或者FPGA的管脚只能输出TTL电平，所以一般需要采用想MAX232等电平转换芯片将UART的TTL电平转换成RS232电平。 UART: 　　UART是一种通用串行数据总线，用于异步通信。该总线双向通信，可以实现全双工传输和接收。在嵌入式设计中，UART用于主机与辅助设备通信。 UART传输协议：　　 UART一般具有11个bit位，包括一个起始位，8个数据位，一个校验位，一个停止位，校验位可以省掉。　　 verilog代码实现：　　现以将FPGA接收到上位机的数据然后再将这些数据发送回上位机显示为例，整个串口部分可以分别分为接收和发送模块。　　首先接收模块：　　　　接收模块主要包含时钟复位输入，以及8个串行数据输入，以及将接收到的串行数据转换成并行数据输出，并输出一个接收完成标志位。　　同时在接收模块内产生串口接收所需要的波特率。接收模块代码如下：　　 `timescale 1ns / 1ps //////////////////////////////////////

前端入门笔记之一

阅读更多关于前端入门笔记之一

OXO1常识一. web 1.网页通常是html格式的文件，通过浏览器来解析。 2.网站英特网上根据一定的规则，使用html等制作的用于展示特定相关内容的网页集合。 3.web标准的构成（1）结构：结构是对页面元素的整理和分类，eg : html （2）表现用于设置网页元素的版式，颜色，大小等外观样式，eg : css （3）行为是指网页模型的定义以及交互。eg ： js 注： web最佳的体验方案：结构，表现，行为相分离。二.浏览器浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页显示方法并显示页面。 Trident : IE 猎豹安全 360极速浏览器百度浏览器 Gecko : firefox Webkit ： safari(苹果浏览器) Blink ： chrome Opera 注释 : Blink是webkit的一个分支。 OX02 HTML 一.HTML 1. HTML指的是超文本标记语言（Hyper Text Markup Language)，它不属于编程语言，而是属于一套标签，用来描述网页。 2. HTML文档的后缀为" .html "或者“ .htm ” 3.HTML语法 (1)标签通常是由尖括号括起来关键字的一对标签。(双标签) <html> </html> (2)单标签 <br /> 3.标签关系 (1）包含关系 <head>

第82节:Java中的学生管理系统

阅读更多关于第82节:Java中的学生管理系统

第82节:Java中的学生管理系统学生管理系统的删除功能删除，点击超链接，点击弹出对话框式是否进行删除，如果确定，就删除，超链接执行的是js方法，在js里访问，跳转servlet,,servlet中调用dao方法。 <a href="#" onclick="doDelete(${stu.sid})">删除</a> <script type="text/javascript"> function doDelete(sid) { // 弹出对话框，点击确定，请求Servlet var flag = confirm("是否确定删除?"); if(flag){ //访问servlet //window.location.href="DeleteServlet?sid="+sid; location.href="DeleteServlet?sid="+sid; } } </script> package com.dashucoding.servlet; import java.io.IOException; import java.sql.SQLException; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http

PHP使用DES进行加密和解密

阅读更多关于 PHP使用DES进行加密和解密

DES是一种标准的数据加密算法，关于这个算法的详细介绍可以参考wiki和百度百科： wiki百科百度百科 php中有一个扩展可以支持DES的加密算法，是：extension=php_mcrypt.dll 在配置文件中将这个扩展打开还不能够在windows环境下使用需要将PHP文件夹下的 libmcrypt.dll 拷贝到系统的 system32 目录下，这是通过phpinfo可以查看到mcrypt表示这个模块可以正常试用了。下面是PHP中使用DES加密解密的一个例子： // $input - stuff to decrypt //$key - the secret key to use function do_mencrypt( $input , $key ) { $input = str_replace ( "" n " , "" , $input ); $input = str_replace( "" t " , "" , $input ); $input = str_replace ( "" r " , "" , $input ); $key = substr(md5( $key ), 0, 24); $td = mcrypt_module_open('tripledes', '', 'ecb', ''); $iv = mcrypt_create_iv(mcrypt

使用FFmpeg旋转视频

阅读更多关于使用FFmpeg旋转视频

我一直在尝试找出如何使用FFmpeg旋转视频。我正在使用以人像模式拍摄的iPhone视频。我知道如何使用 MediaInfo （出色的库，顺便说一句）确定当前的旋转角度，但是现在我陷入了FFmpeg的困境。根据我的阅读，您需要使用 vfilter 选项。根据我所看到的，它应如下所示： ffmpeg -vfilters "rotate=90" -i input.mp4 output.mp4 但是，我无法使它正常工作。首先， -vfilters 不再存在，现在只是 -vf 。第二，我得到这个错误： No such filter: 'rotate' Error opening filters! 据我所知，我拥有FFmpeg的全选项构建。运行 ffmpeg -filters 显示如下： Filters: anull Pass the source unchanged to the output. aspect Set the frame aspect ratio. crop Crop the input video to x:y:width:height. fifo Buffer input images and send them when they are requested. format Convert the input video to one of the

python实现猜字游戏

阅读更多关于 python实现猜字游戏

import randomx = random.randint(0,99)while(True): num = input("please input a number\n") if(num.isdigit): num = int(num) if(x == num) : print("congratulations,you are winner!") break elif(x > num): print("you guess a little small!") elif (x < num): print("you guess a little big!") else : print("you input incorrect! please again!") 来源： https://www.cnblogs.com/CoolClare/p/10763361.html

移动端去掉横向滚动条样式，input 和textarea placeholder 字体颜色修改

阅读更多关于移动端去掉横向滚动条样式，input 和textarea placeholder 字体颜色修改

移动端去掉横向滚动条样式 ::-webkit-scrollbar{ 　　width:0; } ::-webkit-scrollbar-track { 　　background:rgba(0,0,0,0); } ::-webkit-scrollbar-thumb { 　　background:rgba(0,0,0,0); } ::-webkit-scrollbar-thumb:hover { 　　background:rgba(0,0,0,0); } ::-webkit-scrollbar-thumb:window-inactive { 　　background:rgba(0,0,0,0); } input 和textarea placeholder 字体颜色修改 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666; } input:-moz-placeholder, textarea:-moz-placeholder { color: #666; } input::-moz-placeholder, textarea::-moz-placeholder { color: #666; } input:-ms-input-placeholder, textarea:-ms

Vux使用经验

阅读更多关于 Vux使用经验

Vux使用心得参考链接布局简单平分：水平布局和垂直布局 <template> <divider>Horizontal</divider> <flexbox style="height:40px;"> <flexbox-item><div class="flex-demo">1</div></flexbox-item> <flexbox-item><div class="flex-demo">2</div></flexbox-item> <flexbox-item><div class="flex-demo">3</div></flexbox-item> </flexbox> <divider>Vertical</divider> <flexbox orient="vertical" :margin-left=0> <flexbox-item><div class="flex-demo" style="margin-left:0">1</div></flexbox-item> <flexbox-item><div class="flex-demo" style="margin-left:0">2</div></flexbox-item> <flexbox-item><div class="flex-demo" style="margin-left:0">3</div><

VS code简单应用——day03

阅读更多关于 VS code简单应用——day03

一、音频（1）应用格式： <audio src=“音频地址” controls autoplay loop></audio> （2）属性： controls属代表控制条，布尔属性 loop属性代表是否循环播放，布尔属性 moted属性代表是否静音播放，布尔属性 autoplay属性代表是否自动播放，布尔属性二、视频（1）应用格式： <video src=“视频地址” controls autoplay loop></video> （2）属性： controls属代表控制条，布尔属性 loop属性代表是否循环播放，布尔属性 moted属性代表是否静音播放，布尔属性 autoplay属性代表是否自动播放，布尔属性三、表单-1 1.登录界面应用格式： (type=“text” 、type=“password”) <body> <h3>登录表单</h3> <form action= "#" method= "GET" > 用户名：<input type= "text" name= "username" placeholder= "手机号/邮箱/名称" ><br> 密码：<input type= "password" name= "password" placeholder= "请输入密码" ><br> <input type= "submit" value= "登录" > <

订阅 input