js
yaDong Huang
这个作者很懒,什么都没留下…
展开
-
前台下载文件.通过文件路径,
function down(url,start1,start2){var link = document.createElement('a'); url=url+"/"+start1+"/"+start2+"_screen.mp4"; link.setAttribute("href",url); link.setAttribute("download", ...原创 2020-04-06 00:39:30 · 444 阅读 · 0 评论 -
前端:react笔记(叁):生命周期生命周期和state(, 面向对象) 和constructor, 数据自上而下流动
/*** //笔记三: 生命周期和state(和java 类似, 面向对象) 和constructor, 数据自上而下流动, 可以将属性传递给字组件* 这通常被称为自顶向下或单向数据流。 任何状态始终由某些特定组件所有,并且从该状态导出的任何数据或 UI 只能影响树中下方的组件。*/class Clock1 extends React.Component {/*con...原创 2019-04-24 16:39:06 · 272 阅读 · 0 评论 -
前端:react(柒):react 多个组件共享state
//柒 react 多个组件共享state 经常会遇到几个组件需要共用状态数据的情况。这种情况下,我们最好将这部分共享的状态提升至他们最近的父组件当中进行管理。const scaleNames = {c: 'Celsius',f: 'Fahrenheit'};function toCelsius(fahrenheit) {return (fahrenheit - 32...原创 2019-04-24 19:53:47 · 2164 阅读 · 0 评论 -
react 组合, 包含 元素配合
//仈 组合 and 继承//包含function FancyBorder(props) {//children 属性将子元素直接传递到输出。 将子元素传递过来return (<div className={'FancyBorder FancyBorder-' + props.color}>{props.children}</div>);...原创 2019-04-24 21:34:31 · 572 阅读 · 0 评论 -
react 主要概念 学习笔记记录
import React from 'react';import ReactDOM from 'react-dom';import './index.css';import './App.css';import App from './App';import * as serviceWorker from './serviceWorker';//定义 元素const e...原创 2019-04-24 21:35:17 · 171 阅读 · 0 评论 -
react://通过refs 属性 获取 组件 value
//通过refs 属性 获取 组件 valueclass Test extends React.Component{render(){return (<div><input type="text" value='555' ref='a'></input><input type="button" onClick={(e) => ...原创 2019-04-24 22:05:53 · 1975 阅读 · 0 评论 -
react: 理解
react加入面向对象的概念,和后端设计思想类似:单一原则:一个组件内,包括了dom渲染,点击等各种动作,全部完成.原创 2019-04-24 22:36:48 · 163 阅读 · 0 评论 -
js jquery 设置select 值
jquery操作select(取值,设置选中)每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。比如<select class="selector"></select>1、设置value为pxx的项选中$(".selector").val("pxx");2、设置text为pxx的项选中$(".selector")....转载 2019-06-29 18:27:35 · 2600 阅读 · 0 评论 -
前端:react笔记(贰): react 定义compont, 定义元素 props 介绍
import React from 'react';import ReactDOM from 'react-dom';import './index.css';import './App.css';import App from './App';import * as serviceWorker from './serviceWorker';//定义 元素const e...原创 2019-04-23 23:39:45 · 277 阅读 · 0 评论 -
spring boot 和ajax 以JSON 数据格式通讯
后台:@RestController@RequestMapping(value = "/main")public class MainDisk { @Autowired private DiskMapper diskMapper; @RequestMapping (value = "/nodeInfo",method = RequestMethod.POST...原创 2019-04-20 22:22:13 · 615 阅读 · 0 评论 -
kendo ui 使用springMVC upload组件上传文件
.k-clear-selected, .k-upload-selected { display: none !important; } //一场kendo 的默认样式 var requestUrl =ctx +"/modelLoad/upTest"; //请求地址var requestCalc = ctx+'/modelLoad/removeTes原创 2017-10-25 15:41:53 · 2967 阅读 · 0 评论 -
js 四种异步
你可能知道,Javascript语言的执行环境是"单线程"(single thread)。所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是转载 2017-09-05 19:24:45 · 691 阅读 · 0 评论 -
file选择文件夹
Webkitdirectory早在 12 年 Alan Layt 便写了这篇关于 HTML5 中上传文件夹新特性的文章(http://sapphion.com/2011/11/21/html5-folder-upload-with-webkitdirectory/),之后阿里做了个简单的 Demo 页面来说明这个特性配合 ClickJacking 是可以达到某种钓鱼效果的(https:转载 2017-10-10 19:47:57 · 5856 阅读 · 0 评论 -
activexObject实现文件夹选择 有局限性
function browseFolder(path) { try { var Message = "\u8bf7\u9009\u62e9\u6587\u4ef6\u5939"; //选择框提示信息 var Shell = new ActiveXObject("Shell.Application"); var Folder = She转载 2017-10-11 14:44:44 · 1679 阅读 · 4 评论 -
使用html+ajax+formdata+SpringMVC实现单个文件,和多个文件上传功能
pre name="code" class="html">html代码pre>input type="file" multiple="true" id="file" name="file"/>button class="u-button u-button-primary" onclick="uploadFileMethod1()" id="doUpload">确认附件button> pre>转载 2017-10-20 14:50:25 · 1102 阅读 · 0 评论 -
ajax httprequest 详解
概述AJAX是“Asynchronous Javascript And XML”的缩写,中文译作“异步JavaScript和XML”。使用AJAX可以通过HTTP协议与服务器交互数据,可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 传统的网页如果需要更新内容,必须重新加载整个网页页面。此外,它也是实现前端与后端解耦的重要技术手段。为了实现AJAX技术,早期微软的IE转载 2017-10-20 16:01:37 · 5333 阅读 · 0 评论 -
java swiming实现文件夹选择
int result = 0;File file = null;String path = null;JFileChooser fileChooser = new JFileChooser();FileSystemView fsv = FileSystemView.getFileSystemView(); //注意了,这里重要的一句 //文件System.out.println(fsv.getH转载 2017-10-11 14:46:29 · 940 阅读 · 0 评论 -
HTML5的 input:file上传类型控制 与上传多文件
一、input:file属性属性值有以下几个比较常用:accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表。multiple:是否可以选择多个文件,多个文件时其value值为第一个文件的虚拟路径。1、accept只能选择png和gif图片 id="fileId1" type="file" accept="转载 2017-10-23 16:48:50 · 12459 阅读 · 0 评论 -
js的浏览器各种提示框
一、JS的三种最常见的对话框123456789101112131415161718192021222324252627282930转载 2017-10-24 15:58:16 · 1847 阅读 · 0 评论 -
setTimeout的第一个参数出错问题
今天有人在群里问setTimeout第一次参数为字符串的时候为什么会报错,代码如下: function display(obj){ obj.style.display='none'; window.setTimeout("obj.style.display='inline'", 500);}报obj is not defined。经过我自己测试了列子转载 2017-08-01 15:26:55 · 863 阅读 · 0 评论