h1 | 易学教程

artTemplate 原生 js 模板语法版

阅读更多关于 artTemplate 原生 js 模板语法版

在页面中引用模板引擎： <script src="dist/template-native.js"></script> 下载表达式 <% 与 %> 符号包裹起来的语句则为模板的逻辑表达式。输出表达式对内容编码输出： <%=content%> 不编码输出： <%=#content%> 编码可以防止数据中含有 HTML 字符串，避免引起 XSS 攻击。逻辑支持使用 js 原生语法 <h1><%=title%></h1> <ul> <%for(i = 0; i < list.length; i ++) {%> <li>条目内容 <%=i + 1%> ：<%=list[i]%></li> <%}%> </ul> 模板不能访问全局对象，公用的方法请参见文档辅助方法章节模板包含表达式用于嵌入子模板。 <% include('template_name') %> 子模板默认共享当前数据，亦可以指定数据： <% include('template_name', news_list) %> 辅助方法使用 template.helper(name, callback) 注册公用辅助方法，例如一个基本的 UBB 替换方法： template.helper('$ubb2html', function (content) { // 处理字符串... return content; });

overflow:hidden可以将页面溢出内容隐藏起来

阅读更多关于 overflow:hidden可以将页面溢出内容隐藏起来

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>Title</title> <meta lang="utf8"> <div1> <style> .div1{ background-color: #1ecc86; height:100px; overflow: auto; /*overflow: scroll;scroll有下拉滚动条*/ } </style> </div1></head><body><div class="div1"> <h1>star</h1> <h1>star</h1> <h1>star</h1> <h1>star</h1> <h1>star</h1> <h1>star</h1> <h1>star</h1> <h1>star</h1> <h1>star</h1> <h1>star</h1> <h1>star</h1> <h1>star</h1> <h1>star</h1>

CS231n学习笔记七

阅读更多关于 CS231n学习笔记七

更好的优化方法前面随机梯度法，当损失函数沿一个方向改变很快而沿另一个方向改变很慢时，此时更新方向会很曲折，收敛速度很慢。而且更新过程可能会停在损失函数的局部最小值点或者鞍点，一般在维度低的时候更可能停在局部最小值处，维度高的时候停在鞍点处的可能性更大。带动量的梯度法从物理的角度看：随机的初始化参数相当于在某个位置初始速度为零的粒子。优化过程可以看作是模拟参数向量(即粒子)在山坡上滚动的过程，当粒子到达局部最小值点或者鞍点时由于还带有速度，会继续更新第一种表示方式： v t + 1 = ρ v t − α ∇ f ( x t ) x t + 1 = x t + v t v_{t+1}=\rho v_t-\alpha \nabla f(x_t)\\ x_{t+1}=x_t+v_t v t + 1 = ρ v t − α ∇ f ( x t ) x t + 1 = x t + v t 第二种表示方式： v t + 1 = ρ v t + ∇ f ( x t ) x t + 1 = x t − α v t v_{t+1}=\rho v_t+\nabla f(x_t)\\ x_{t+1}=x_t-\alpha v_t v t + 1 = ρ v t + ∇ f ( x t ) x t + 1 = x t − α v t

react-基础知识点完全版（未更新完）

阅读更多关于 react-基础知识点完全版（未更新完）

main.js // 基本配置 import React from 'react' import ReactDOM from 'react-dom' import App from './App' //用于将其他组件引入的主页面 ReactDOM.render( < App /> , document.getElementById('root')) //root在public的index.html页面中 App.js // 基本配置 import React from 'react' class App extends React.Component{ render () { return ( < div > < h1 > Hello World </ h1 > </ div > ) } } export default App JSX /** * 1.理解JSX是对象，变量=> 最终被 React.createElement() * 转化成浏览器能够运行的 React元素或React组件 * * 2.jsx适用范围 * 2-1.使用变量 * 2-2.使用表达式 * 2-3.可以使用函数（返回值要求是jsx对象） * 2-4.嵌套react元素（组件） * * 当JSX和UI组合使用时，会在视觉上有辅助作用，而且, * 它还会使react展示出更多有用的错误和警告消息 */ ===

什么是DOM及DOM操作？

阅读更多关于什么是DOM及DOM操作？

什么是 DOM ? DOM(文档对象模型)是针对于xml但是扩展用于HTML的应用程序编程接口，定义了访问和操作HTML的文档的标准。 W3C文档对象模型是中立于平台和语言之间的接口，它允许程序和脚本动态的访问和更新文档的内容、结构、样式。总之HTML是关于如何获取、修改、添加和删除HTML元素的标准。 DOM 分层节点 DOM的分层节点一般被称作是DOM树，树中的所有节点都可以通过脚本语言例如JS进行访问，所有HTMlL元素节点都可以被创建、添加或者删除。在DOM分层节点中，页面就是用分层节点图表示的。整个文档是一个文档节点，就想是树的根一样。每个HTML元素都是元素节点。 HTML元素内的文本就是文本节点。每个HTML属性时属性节点。当咱们访问一个web页面时，浏览器会解析每个HTML元素，创建了HTML文档的虚拟结构，并将其保存在内存中。接着，HTML页面被转换成树状结构，每个HTML元素成为一个叶子节点，连接到父分支。考虑以下 Html 结构： < ! DOCTYPE html > < html lang = "en" > < head > < title > A super simple title ! < / title > < / head > < body > < h1 > A super simple web page ! < / h1 > < /

v-once v-pre v-cloak作用

阅读更多关于 v-once v-pre v-cloak作用

这三个指令都是用来优化性能体验的：一个是搞一次不搞了 ,一个是干脆不搞，另一个是块遮羞布 v-once 当你只希望元素加载一次后面不再改变的时候，这个时候可以在根元素上添加这个指令。确保这些内容不会跟着数据改变而改变，只在初次页面加载时候计算一次然后缓存起来，v-once后面不用跟表达式 <div id="app"> <img v-once :src="url" > <button @click="change">换图片</button> </div> <script type="text/javascript"> const app = new Vue({ el:"#app", data:{ url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577715191417&di=4b79c2be425ab4d75cbfca72b4033b8f&imgtype=0&src=http%3A%2F%2Fimg.tukexw.com%2Fimg%2Fc4083711e2477fb5.jpg" }, methods:{ change(){ this.url = "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec

SDN 网络系统之 Mininet 与 API 详解

阅读更多关于 SDN 网络系统之 Mininet 与 API 详解

SDN 网络系统之 Mininet 与 API 详解来源 https://www.ibm.com/developerworks/cn/cloud/library/1404_luojun_sdnmininet/ 更多资料 1. Mininet: http://mininet.org/ 2. Mininet wiki: https://github.com/mininet/mininet/wiki SDN 与 Mininet 概述 SDN 全名为（Software Defined Network）即软件定义网络，是现互联网中一种新型的网络创新架构,其核心技术 OpenFlow 通过网络设备控制面与数据面分离开来,从而实现网络流量的灵活控制,为网络及应用提供了良好的平台。而 Mininet 是一个轻量级软件定义网络和测试平台；它采用轻量级的虚拟化技术使一个单一的系统看起来像一个完整的网络运行想过的内核系统和用户代码，也可简单理解为 SDN 网络系统中的一种基于进程虚拟化平台，它支持 OpenFlow、OpenvSwith 等各种协议，Mininet 也可以模拟一个完整的网络主机、链接和交换机在同一台计算机上且有助于互动开发、测试和演示，尤其是那些使用 OpenFlow 和 SDN 技术；同时也可将此进程虚拟化的平台下代码迁移到真实的环境中。 Mininet 实现的特性支持

react学习记录（二）

阅读更多关于 react学习记录（二）

JSX 在render中return标签的部分可以插入字符串，数字，数组 class Welcome extends React.Component { render(){ return ( <div> <h1>welcome to react</h1> {'string'}<br /> {123}<br /> {[1,2,3,4]} </div> )} } 显示效果如下：列表渲染 class Welcome extends React.Component { render(){ let arr = ['第一个','第二个','第三个'] return ( <div> <h1>welcome to react</h1> <ul> { arr.map(item=> <li>{item}</li> ) } </ul> </div> )} } 显示效果：条件渲染： class Welcome extends React.Component { render(){ let islogin = false return ( <div> <h1>welcome to react</h1> {islogin?<p>欢迎回来</p>:<p>请先登录</p>} </div> )} } 当islogin为true是显示的欢迎回来，当islogin为false时显示的请先登录需要注意的是

基于jQuery的时间轴鼠标悬停动画插件

阅读更多关于基于jQuery的时间轴鼠标悬停动画插件

之前为大家分享了很多jquery插件，这次我们要来分享一款不太常见的 jQuery插件，它是一个时间轴，时间轴上的每一个点在鼠标滑过时都可以显示该点的描述信息，并且鼠标滑过时都可以产生一定的动画特效，比如鼠标划过时圆圈的展开动画。在线预览源码下载实现的代码。 html代码： <div class="clearfix course_nr"> <ul class="course_nr2"> <li>1993 <div class="shiji"> <h1> 1993</h1> <p> 内容描述1。</p> </div> </li> <li>1999 <div class="shiji"> <h1> 1999</h1> <p> 内容描述2；</p> </div> </li> <li>2003 <div class="shiji"> <h1> 2003</h1> <p> 内容描述3</p> </div> </li> <li>2007 <div class="shiji"> <h1> 2007</h1> <p> 内容描述4</p> </div> </li> <li>2008 <div class="shiji"> <h1> 2008</h1> <p> 内容描述5</p> </div> </li> <li>2009 <div class="shiji"> <h1> 2009</h1>

周记随笔4

阅读更多关于周记随笔4

2019.12.18，天气晴，最近升温太厉害，感觉已经快到夏天了。。。目录讲点vue中的样式（1min）关于v-for（30s）讲点v-for喜欢出错的情况吧（3min）讲点vue中的样式（1min）在vue中，可以不用<div class="aaa bbb"></div> 用<div :class="['aaa','bbb']"></div> 比如： <style> .red { color: red; } .thin { font-weight: 200; } .italic { font-style: italic; } .active { letter-spacing: 0.5em; } </style> <body>  <h1 :class="['thin', 'italic']">这是一个很大很大的H1，大到你无法想象！！！</h1> </body> 当然也可以在:class中有三目运算符了  <h1 :class="['thin', 'italic', flag ? 'active' : '']">这是一个很大很大的H1，大到你无法想象！！！</h1> 如果flag为true就会使用.active样式

订阅 h1