DianaGreen7-CSDN博客

原创 react 点击事件多个参数传参

<button onClick={this.handleClick.bind(this, props0, props1, ...}></button>handleClick(porps0, props1, ..., event) { // your code here}相关链接： https://segmentfault.com/q/1010000...

2018-09-14 15:29:41 3859 1

原创 react 之将函数绑定到组件实例

1. 在Constructor中绑定（ES2015） 2. 类属性（第三阶段提案） 3. 在Render中使用bind绑定 4. 在Render中使用箭头函数在Constructor中绑定（ES2015）class Foo extends Component { constructor(props) { super(props); this.handleCl...

2018-09-12 18:29:35 784

原创 react 之 setState() 更新问题

官方文档setState()setState(updater, [callback])setState() 将需要处理的变化塞入（译者注：setState源码中将一个需要改变的变化存放到组件的state对象中，采用队列处理）组件的state对象中，并告诉该组件及其子组件需要用更新的状态来重新渲染。这是用于响应事件处理和服务端响应的更新用户界面的主要方式。将setState(...

2018-09-12 18:20:11 1627

原创 element-ui table中的图片的显示解决方案

如何像图中显示出图片信息以下是解决方案： &amp;lt;!--列表--&amp;gt; &amp;lt;el-table :data=&quot;homes&quot; highlight-current-row v-loading=&quot;listLoading&quot; @selection-change=&quot;se

2018-07-23 16:24:34 53327 19

原创 VMware Workstation Pro 14、VMware_Install_Cleaner、ubuntu

VMware Workstation Pro 14VMware_Install_Cleanerubuntu-18.04-desktop-amd64 /ubuntu-16.04.4-desktop-amd64VMware Workstation是VMware公司推出的一款桌面虚拟计算软件，具有Windows、Linux 版本。此软件可以提供虚拟机功能，使计算机可以同时运行多个不同操作...

2018-07-05 10:46:54 2613 2

翻译 ES6 声明变量的方法之“let”与“const”

ES5 只有两种声明变量的方法：var 命令和 function 命令。ES6 添加 let 和 const 命令，还有另外两种声明变量的方法：import 命令和 class 命令。ES6 声明变量的方法：letconstvarfunctionimportclass1. let 命令基本用法ES6 新增了 let 命令，用来声明变量。它的用法类似于 var...

2018-06-29 18:58:26 399

翻译单页面应用（SPA）

What is SPA？ SinglePage Web Application.只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源，公共资源(js、css等)仅需加载一次。如图所示单页面引用：这都是对单页应用的理解图，但是他和传统的多页面应用（MultiPage Application，MPA）有什么区别呢？如图所示是多页面应用： ...

2018-06-17 20:38:35 450

原创 vscode运行html代码配置

以下是如何使用vscode来运行html代码的配置：首先下载一个插件：View In Browser 然后进到用户设置，加上这条代码：“view-in-browser.customBrowser”: “chrome”，如图然后你就可以用 Ctrl + F1 运行你的HTML代码了。...

2018-05-23 16:31:47 23116 4

采用 Flex 布局的元素，称为 Flex 容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称”项目”。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做 main start，结束位置叫做 main end；交叉轴的开始位置叫做 cr...

2018-05-22 16:22:04 224

原创 Element -----表单验证的功能 (ref、$refs)

关键词：rules 属性、ref、$refs我们要对下图这个表单填的信息进行认证，Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则。代码如下：&lt;el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"

2018-05-18 21:10:53 34580 1

原创 win10命令行端口占用查询进程号杀进程

1、win键+R，进入DOS命令窗口 2、根据端口号查程序的进程号C:\Users\yonga>netstat -ano |findstr 端口号 3、根据程序的进程号查看具体的程序名称C:\Users\yonga>tasklist|findstr 进程号 4、强制、递归删除本程序及其子进程C:\Users\yj>taskkill -f -t -i...

2018-05-10 11:19:37 1783

翻译 render: h => h(App) 的理解

render: h => h(App) 是下面内容的缩写：render: function (createElement) { return createElement(App);}进一步缩写为(ES6 语法)：render (createElement) { return createElement(App);}再进一步缩写为：rende...

2018-05-04 00:38:44 369

翻译 JavaScript ----Object.create()使用

Object.create()用 Object.create 实现类式继承使用 Object.create 的 propertyObject 参数语法:Object.create(proto, [propertiesObject])proto 新创建对象的原型对象。propertiesObject 可选。如果没有指定为 undefined，则是要添加到新创建对象的可枚...

2018-04-23 17:18:12 331

原创 HTTP代理服务器的实现

接下来都是我对HTTP代理服务器的理解。HTTP代理服务（proxy server）器就是客户端也是服务端，是一个事务处理的中间人，就像下图所展示的一样，图片来源于《HTTP权威...

2018-04-21 20:18:04 30879 8

原创 vue 常用指令总结

v-on缩写为：@ 用法：绑定事件监听器如：<button v-on:click="doThis"></button>等级于<button @click="doThis"></button>v-blind缩写为：：用法：动态地绑定一个或多个特性，或一个组件 prop 到表达式。如：...

2018-04-16 15:54:37 703

转载 JavaScript 之继承的多种方式及优缺点

原型链继承借用构造函数（经典继承）组合继承原型式继承寄生式继承寄生组合式继承1.原型链继承function Parent () { this.name = 'kevin';}Parent.prototype.getName = function () { console.log(this.name);}function Child () {...

2018-04-07 17:21:04 251

原创在访问一个对象的属性时，JavaScript 将执行下面的步骤：

在访问一个对象的属性时，JavaScript 将执行下面的步骤：检查本地值是否存在。如果存在，返回该值。如果本地值不存在，检查原型链（通过__proto__属性）。如果原型链中的某个对象具有指定属性的值，则返回该值。如果这样的属性不存在，则对象没有该属性。...

2018-04-05 15:21:51 453

原创 JavaScript 定义过程——设置默认值

this.name = name || ""; JavaScript 的逻辑或操作符（||）会对第一个参数进行判断。如果该参数值运算后结果为真，则操作符返回该值。否则，操作符返回第二个参数的值。因此，这行代码首先检查 name 是否是对name 属性有效的值。如果是，则设置其为 this.name 的值。否则，设置 this.name 的值为空的字符串。...

2018-04-05 14:53:16 1125

原创条件（三元）运算符

条件（三元）运算符条件运算符是JavaScript中唯一需要三个操作数的运算符。运算的结果根据给定条件在两个值中取其一。语法为：条件 ? 值1 : 值2如果条件为真，则结果取值1。否则为值2。你能够在任何允许使用标准运算符的地方使用条件运算符。var status = (weight >= 120) ? "fat" : "thin";当 weight 大于等于120的...

2018-03-30 17:10:04 1156

原创 JavaScript Standard Style——webstorm设置

以下是配置 Standard 风格打开 setting完成以下步骤：

2018-03-27 19:55:14 2448

转载 TCP/IP协议、HTTP协议与Socket之间的区别

TCP/IP 协议：手机能够使用联网功能是因为手机底层实现了TCP/IP协议，可以使手机终端通过无线网络建立TCP连接。TCP协议可以对上层网络提供接口，使上层网络数据的传输建立在“无差别”的网络之上。建立起一个TCP连接需要经过“三次握手”：第一次握手：客户端发送syn包(syn=j)到服务器，并进入SYN_SEND状态，等待服务器确认；第二次握手：服务器收到syn包，必须确认客户的...

2018-03-26 17:42:40 326

原创 JavaScript 数据类型的转换

在涉及加法运算符(+)的数字和字符串表达式中，JavaScript 会把数字值转换为字符串。例如，假设有如下的语句：x = "The answer is " + 42 // "The answer is 42"y = 42 + " is the answer" // "42 is the answer"在涉及其它运算符（译注：如下面的减号'-'）时，JavaScript语言不会把数字变为字符串。...

2018-03-26 11:02:28 179

原创知识储备（JSP、JSON、Hibernate、Spring mvc）

JSP : JSP全称Java Server Pages，是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以<%开头以%>结束。 JSP是一种Java servlet，主要用于实现Java web应用程序的用户界面部分。网页开发者们通过结合HTML代码、XHTML代码、XML元素以及嵌入JSP操作和命令来编写JSP。 ...

2018-03-25 20:10:53 472

原创 UTC与GMT

UTC:协调世界时（英语：Coordinated Universal Time，法语：Temps Universel Coordonné，简称UTC）是最主要的世界时间标准，其以原子时秒长为基础，在时刻上尽量接近于格林尼治标准时间。中华民国采用CNS 7648的《资料元及交换格式–资讯交换–日期及时间的表示法》（与ISO 8601类似）称之为世界协调时间。如果本地时间比UTC时间快，例如中国大陆、...

2018-03-25 16:19:45 211

原创百度静态资源公共库

百度静态资源公共库传送门百度静态资源公共库是稳定，快速，全面，开源的国内CDN加速服务

2018-03-23 17:28:13 2187 1

原创启动Tomcat错误 JRE_HOME错误 :The JRE_HOME environment variable is not defined correctly

在tomcat的bin目录下，双击startup.bat时，出现黑屏闪解决：右键编辑 startup.bat ，在最后一行加 pause双击 startup.bat ，黑框框出来了，带着一句话the JRE_HOME environment variable is not defined correctly解决：右键编辑 setclasspath.bat ，加上以下两行以下是我的电脑的 jdk...

2018-03-22 14:54:52 16834 7

DianaGreen7的博客