h1 | 易学教程

React 语法

阅读更多关于 React 语法

1、JavaScript XML JSX = JavaScript XML，是一个看起来很像 XML 的 JavaScript 语法扩展。 JSX 不是模板，是JS语法本身，有更多的扩展。 JSX 组件一般以大写字母开头。 JSX 属性名称采用驼峰式。 JSX 属性值接受一个函数，而不是字符串。 JSX return false; 不会阻止组件的默认行为，需要调用 e.preventDefault(); 2、React.Component 组件，ES6写法 class MyComponent extends React.Component{ render(){ return <div>Customer Component:{this.props.name}</div> } } React.render(<MyComponent name="Hello World"/>, document.getElementById("root")) 3、 React.createElement ，创建元素语法：React.createElement(type,[props],[...children]) 创建一个react元素；第一个参数为模板标签名称，第二个参数为模板的props，第三个参数为模板文本内容 1），document.createElement，JavaScript原生方法

Dom基础语法总结

阅读更多关于 Dom基础语法总结

浏览器对象模型：window{document、frame[]、history、location、navigator }，document-----DOM风格文档对象模型采用驼峰命名法 // 获取节点 // 1.通过id获取只有id获取的是dom节点，其他获取的都是集合 var oDiv1 = document.getElementById("div1"); console.log(oDiv1); // 2.通过calss获取 var myh1 = document.getElementsByClassName("myh1"); myh1[1].style.fontSize="25px"; // 3.通过name获取 var oForm=document.getElementsByName("my-form"); console.log(oForm); // 4.通过标签获取 var oH1= document.getElementsByTagName("h1"); console.log(oH1[2]); /*如果获取的是集合，则要通过集合的下标获取节点对象*/ 获取节点的方法 var div = document.querySelector("div+div"); //获取兄弟节点 console.log(div); var div1 = document

【每天半小时学框架】——React.js的模板语法与组件概念

阅读更多关于【每天半小时学框架】——React.js的模板语法与组件概念

【重点提前说：组件化与虚拟DOM是React.js的核心理念！】先抛出一个论题：在React.js中，JSX语法提倡将 HTML 和 CSS 全都写入到JavaScript 中是代码书写规范中的"资本主义复辟”吗？ react值得推荐的地方就是组件和virtualdom，前者解决多团队协作复杂前端的问题，后者使dom操作到视图刷新变得现实。对于React.js大家褒贬不一，脑残粉极力捧吹，而黑粉则是一昧的踩低。既然这样，那我们就自己学习使用，来下个定论吧~ 一、学习前，你该知道这些有关的基础知识~ 一、什么是React.js React 是一个用于构建[用户界面]的 JAVASCRIPT 库，t主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。二、React有哪些特点？ ● 1.声明式设计 −React采用声明范式，可以轻松描述应用。 ● 2.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。--虚拟DOM结构 ● 3.灵活 −React可以与已知的库或框架很好地配合。 ● 4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。 ● 5.组件 −

JQuery基础之获取和设置标签内容

阅读更多关于 JQuery基础之获取和设置标签内容

JQuery基础之获取和设置标签内容方法，如下图：代码实现： 1 <script src="JS/jquery-1.12.4.min.js"></script> 2 <script> 3 $(function(){ 4 $div = $('#div1'); 5 // 获取当前标签元素内包裹的内容 6 console.log($div.html()); 7 // 设置当前标签元素内包裹的内容 8 $div.html('<a href="#">h1</a>'); 9 console.log($div.html()); 10 // 在当前标签元素内的最后追加内容 11 $div.append('<a href="#">h2</a>'); 12 console.log($div.html()); 13 }); 14 </script> 15 16 17 <body> 18 <div id="div1"> 19 <h1>h1</h1> 20 </div> 21 </body> 来源： https://www.cnblogs.com/chao666/p/12018388.html

CSS学习笔记——最基础的定义与使用

阅读更多关于 CSS学习笔记——最基础的定义与使用

1、最近看看一些CSS的东西，发现每次看过就忘记，做起东西来就会非常的慢，所以有时间的话可以抽空多看看别人的网站，然后想想自己能不能做出这种效果。 2、有哪几种设置样式的方式：浏览器缺省设置外部样式表 <head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head> 内部样式表（位于 <head> 标签内部） <head> <style type="text/css"> hr {color: sienna;} p {margin-left: 20px;} body {background-image: url("images/back40.gif");} </style> </head> 内联样式（在 HTML 元素内部） <p style="color: sienna; margin-left: 20px"> This is a paragraph </p> 多重样式根据优先级得到最后的结果 3、不受继承影响 //元素选择器 body { font-family: Verdana, sans-serif; } //分组选择器 td, ul, ol, ul, li, dl, dt, dd { font-family: Verdana, sans-serif; } p { font

PHP 正则匹配h1的数据报错 preg_match(): Unknown modifier 'h' in

阅读更多关于 PHP 正则匹配h1的数据报错 preg_match(): Unknown modifier 'h' in

问题： $str = "<h1>this is test msg</h1>"; $ruler = "/^<h1>(.*?)</h1>$/"; $res = preg_match($ruler,$str,$v); var_dump($v); 报错： Warning: preg_match(): Unknown modifier 'h' in /usr/local/var/www/test.php on line 36 NULL 为什么会报错呢？原因就在于我的定界符。在正则规则中用的是/做的定界符，而在</h1>中也有/，所以会报这样的错误。解决方法： 1.将</h1>中的/转义一下，改成<\/h1>就OK了， $ruler = "/^<h1>(.*?)<\/h1>$/"; 2.换别的定界符。来源： https://www.cnblogs.com/pawn-i/p/11985273.html

css 元素选择器

阅读更多关于 css 元素选择器

子元素选择器 h1 > strong {color:red;} //这个规则会把第一个 h1 下面的两个 strong 元素变为红色，但是第二个 h1 中的 strong 不受影响： <h1>This is <strong>very</strong> <strong>very</strong> important.</h1> <h1>This is <em>really <strong>very</strong></em> important.</h1> 来源： https://www.cnblogs.com/-constructor/p/11961161.html

DCGAN代码分析

阅读更多关于 DCGAN代码分析

生成网络生成网络输入为噪声向量z,和输出类别向量y,输出为生成图像. 以手写字体图像为例,z为100维的向量,由于手写字体分为10类,因此输出类别向量y为10维的向量,对应的类别的索引值为1,其他值为0. 代码如下: def generator( self , z, y=None): with tf.variable_scope( "generator" ) as scope: if not self .y_dim: s_h, s_w = self .output_height, self .output_width s_h2, s_w2 = conv_out_size_same(s_h, 2 ), conv_out_size_same(s_w, 2 ) s_h4, s_w4 = conv_out_size_same(s_h2, 2 ), conv_out_size_same(s_w2, 2 ) s_h8, s_w8 = conv_out_size_same(s_h4, 2 ), conv_out_size_same(s_w4, 2 ) s_h16, s_w16 = conv_out_size_same(s_h8, 2 ), conv_out_size_same(s_w8, 2 ) # project `z` and reshape self .z_, self .h0_w,

2019 SDN上机第3次作业

阅读更多关于 2019 SDN上机第3次作业

2019 SDN上机第3次作业 1. 利用Mininet仿真平台构建如下图所示的网络拓扑，配置主机h1和h2的IP地址（h1:10.0.0.1，h2:10.0.0.2），测试两台主机之间的网络连通性 2. 利用Wireshark工具，捕获拓扑中交换机与控制器之间的通信数据，对OpenFlow协议类型的各类报文（hello, features_request, features_reply, set_config, packet_in, packet_out等）进行分析，对照wireshark截图写出你的分析内容。来源： https://www.cnblogs.com/spongebobyjh/p/11877643.html

学习React之前你需要知道的的JavaScript基础知识

阅读更多关于学习React之前你需要知道的的JavaScript基础知识

在我的研讨会期间，更多的材料是关于JavaScript而不是React。其中大部分归结为JavaScript ES6以及功能和语法，但也包括三元运算符，语言中的简写版本，此对象，JavaScript内置函数（map，reduce，filter）或更常识性的概念，如：可组合性，可重用性，不变性或高阶函数。这些是基础知识，在开始使用React之前你不需要掌握这些基础知识，但在学习或实践它时肯定会出现这些基础知识。以下演练是我尝试为您提供一个几乎广泛但简明的列表，其中列出了所有不同的JavaScript功能，以补充您的React应用程序。如果您有任何其他不在列表中的内容，只需对本文发表评论，我会及时更新。目录从JavaScript中学习React React 和 JavaScript Classes React中的箭头函数作为React中的组件的fuuction React类组件语法在React中的Map, Reduce 和 Filter React中的var，let和const React中的三元运算符 React中的Import 和 Export React中的库 React中的高阶函数 React中的解构和传播运算符 There is more JavaScript than React 从JavaScript中学习React 当你进入React的世界时

订阅 h1