Hello!This is my first blog for DL,now I will shape some great Webs which may better and efficiently learn DL. 1 NOTE paper and code for tracking:
http://blog.csdn.net/cyh_24/article/details/51592156
2 Deep Learning papers reading roadmap for anyone who are eager to learn this amazing tech:
https://github.com/songrotek/Deep-Learning-Papers-Reading-Roadmap
3 CS231n course learn:
https://zhuanlan.zhihu.com/p/21930884
to be continued…
首先导入js和css文件
添加input文本框 添加js代码 ps：文本框必须处在一个绝对定位的框架内，比如：
如果像下面这样没有绝对定位，则会产生错误
datetimepicker component should be placed within a non-static positioned container 给个最简单的方法，在input的上级div中加上绝对定位
抱着学习的态度，简单翻译了一个正在使用的教程，水平有限，如有错误多多包涵，自己也是刚接触到这个东西很多都不是很明白，需要解下来具体实践一下才能清楚，在这里简单贴一下译文，希望能帮助需要的人：
使用Nutch爬取暗网（.onion） 目录： 1.使用Nutch爬取隐藏服务（.onion） 1.重要提示 2.介绍 3.快速入门 4.安装Tor 1.Debian 或者 Ubuntu 2.Mac OSX 3.从git克隆源码 5.Tor日志 6.Socks代理异常 1.Polipo配置 1.在Debian或Ubuntu上 2.在Mac OSX上 2.代理 1.在Debian或Ubuntu上 2.在Mac OSX上 7.Nutch爬虫配置 8.结论 重要提示： 教程的目的是解释如何爬取隐藏服务而非怎么去使用隐藏服务来爬取。这是在读取和使用TOr网络的时候都应该考虑到的。通过Tor网络来爬取正常的网站无疑会加重Tor的网络负载。但是在Tor中你可以突破网络的封锁，访问到你想访问的网站，但是如果你执意想使用Tor和Nutch来爬取常规网站的话，你肯定走错地方了。 介绍： Tor是一个虚拟的网络通道，能够保证用户的隐私安全，也能够为软件开发者使用内置的隐私特性创造新的的沟通工具。Tor提供了广泛的应用基础，允许组织机构和个人共享他们的信息而不用考虑隐私的问题。这个教程提供了一个端到端的实例进入到Tor网络使用Nutch爬虫来爬去“.onion”网页 快速入门： 这个教程在Debian和Ubuntu已经完成测试，也可以在Mac OSX上运行。 Tor安装： 从这里下载安装配置代理相关即可，详情百度 https://www.torproject.org/ Debian or Ubuntu： 可以参考这里安装：https://www.torproject.org/docs/debian 也可以使用命令：apt-get install tor Mac OSX： 使用命令： brew install tor，之后使用tor可看到下面提示： lmcgibbn@LMC-032857 /usr/local/tor(master) $ tor Sep 23 17:09:47.448 [notice] Tor v0.2.4.23 (git-598c61362f1b3d3e) running on Darwin with Libevent 2.0.21-stable and OpenSSL 1.0.1i. Sep 23 17:09:47.
原文地址点击此处
当前eclipse版本为 neon3 、jdk为1.8.25 、tomcat为8.5
需求表均同spring案例
此处只是使用maven
注意,以下所有需要建立在你的eclipse等已经集成配置好了maven了,说白了就是新建项目的时候已经可以找到maven了
没有的话需要安装maven
1.新建maven项目,由于当前版本的eclipse自带maven插件，如下图所示。如果没有请自行百度安装maven插件
2,进入maven项目之后,点击next
选择webapp之后 next
输入两个id package可以不写,是它默认帮你新建一个包,不写没关系
会生成一个这样目录的项目
2,配置maven
首先新建几个文件夹
2.1 添加Source文件夹
接下来需要添加
src/main/java
src/test/java src/test/resources三个文件夹
右键项目根目录点击New -> Source Folder，
建出这三个文件夹。注意不是建普通的Folder，而是Source Folder。
项目或者文件加上右键 new sourceFolder,正常情况下是没有问题的
如果出现了下面的这情况,其实是真的存在的只是我们看不到
项目右键属性
修改jdk为你使用的jdk，比如我自己的就是1.8.025
设置完毕之后自然会发现src/main/java这个source folder出现啦。
然后看一下，src/main/sources、src/test/java、src/test/resources这三个哪个没有就建哪个，效果如下
2.2 更改class路径
右键项目，Java Build Path -> Source
下面应该有4个文件夹。src/main/java，src/main/resources，src/test/java ，src/test/resources。
双击每个文件夹的Output folder，选择路径。
src/main/java，src/main/resources，选择target/classes;
src/test/java ，src/test/resources, 选择target/test-classes;
选上Allow output folders for source folders.（如果没有选上的话）
点击左侧属性 project Facets，想要切换成3.1发现报错
这是因为当前版本的eclipse在新建项目的时候，默认使用maven-artchetype-webapp
这个的catalog比较老，对应的servlet还是2.3的
Archetype Created Web Application 打开当前项目对应的workspace，找到当前工程文件夹下的.
实际上basemap这个概念并不只在arcgis中才有，在Python中有一个matplotlib basemap toolkit（https://pypi.python.org/pypi/basemap），是用来实现地理信息可视化的。其中，matplotlib是Python常用的数据绘制包，basemap是matplotlib的一个子包，用来进行地图绘制。本文所指的basemap是指esri提供的基础底图图层。
正式使用basemap是在前一阵做webgis开发的时候，需要在自己的矢量图层下面加一个底图图层，发现网上的相关文档不多，所以整理了一下帮助文档和demo，分享给大家。
首先，看一下arcgis帮助文档中对GIS basemap的介绍（http://resources.arcgis.com/zh-cn/help/main/10.1/index.html#/na/00s500000017000000/），因为重点介绍arcgis API，所以关于arcmap的操作方法和步骤不再赘述，只是简单介绍一下基础底图的概念：
底图图层属于一类地图图层，提供了一个可显示动态操作信息的框架。底图显示性能非常强大。由于底图图层相对稳定，不常发生变化，因此其显示只需计算一次，然后便可以多次重复使用。首次以特定的地图比例访问某个区域时，会对底图图层的显示进行计算。以后再以此地图比例访问该区域时，可调出该显示。众多 ArcMap 应用程序中都包括可用于显示和使用操作性信息、观测值和从分析模型中获取的信息的底图。底图用于位置参考，并为用户提供叠加或聚合业务图层、执行任务以及可视化地理信息的框架。底图是执行所有后续操作和地图制图的基础，它为地理信息的使用提供了环境和框架。底图相对稳定，并且在典型设置下，并不需要经常更新。此外，底图常常可在多种地图比例下使用。在各种地图比例范围内，底图都可以描绘出对应的内容。
接下来，重点介绍一下arcgis API for JS中esri提供的已有的17种basemap（包括”satellite”,”hybrid”,”streets”,”topo”,”osm”和”national-geographic”等等），包括代码和示例。
在下载的arcgis_js_api包中有一个basemaps.js文件（路径为arcgis_js_api\3.17\esri），里面定义了esri提供的全部的basemap，下面贴出了这个js文件中的详细代码：
1 // All material copyright ESRI, All Rights Reserved, unless otherwise specified. 2 // See http://js.arcgis.com/3.17/esri/copyright.txt for details. 3 //>>built 4 define("esri/basemaps", ["require", "dojo/has", "./kernel", "dojo/i18n!./nls/jsapi"], function(a, c, d, b) { 5 a = { 6 streets: { 7 title: b.basemaps.streets, 8 thumbnailUrl: a.toUrl("./images/basemap/streets.jpg"), 9 itemId: "d8855ee4d3d74413babfb0f41203b168", 10 baseMapLayers: [{ 11 url: "http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer" 12 } 13 ] 14 }, 15 satellite: { 16 title: b.
前言 React是Facebook推出的一个前端框架，之前被用于著名的社交媒体Instagram中，后来由于取得了不错的反响，于是Facebook决定将其开源。出身名门的React也不负众望，成功成为当前最火热的三大前端框架之一。相比于Angular，React更加轻量。而相对于另一个轻量级前端框架Vue来说，React虽然学习和使用起来难度稍微大一些，但是React的社区相对来说人气更旺，而且在移动端的开发上面，大名鼎鼎的React Native更是尽显优势，在代码性能上要好过Vue框架。今天我们就来对React进行一个入门的学习。 这里还要用到的是一个UI设计语言，Ant Design。Ant Design同样出身名门，是阿里巴巴旗下蚂蚁金融服务集团（旗下拥有支付宝、余额宝等产品）所设计的一个前端UI组件库。目前支持了React， 并且有一个对Vue支持的测试版本。
正文 配置 这里我们需要用到的开发工具有
Webstorm Node.js(npm) 或 Yarn
关于Webstorm的安装和npm的配置，在我的另一篇博客 从零开始搭建自己的VueJS2.0+ElementUI单页面网站（一、环境搭建） 里面有详细的介绍。这里不再赘述。 我们进入命令行，输入
npm install -g create-react-app yarn 对create-react-app这个脚手架进行全局安装。然后进入到我们的workspace中，输入如下代码
create-react-app antd-demo 就可以创建一个名字为andt-demo的React工程。创建的过程很有特点，像是在给硬盘整理碎片。 创建完之后我们就可以在Webstorm中打开这个工程。目录结构如下 这个时候我们就完成了最基本的工程创建。如果我们此时在命令行中进入这个工程，并输入
npm start 稍等一会之后浏览器会启动一个新的标签页。如图。
这里面使用了热加载技术，我们在代码中做出的改变会实时显示在页面上。
接下来我们还要做一件事: 引入Ant design的组件库:
yarn add antd 这样工程就已经配置完毕了。
创建主页 在src中创建一个文件夹，名为Navi，在Navi文件夹下面创建一个Navi.js和一个Navi.css文件。 在Navi.js中，加入如下代码
import { Layout, Menu, Breadcrumb, Icon } from 'antd'; import React, { Component } from 'react'; import 'antd/dist/antd.css'; import logo from '../logo.svg'; import './Navi.css' const { Header, Content, Footer, Sider } = Layout; class SiderDemo extends Component { state = { collapsed: false, mode: 'inline', }; toggle = () => { this.
1.立方体 虽然这一形状的名字叫立方体（CubeGeometry），但它其实是长方体，也就是长宽高可以设置为不同的值。其构造函数是： THREE.CubeGeometry(width,height,depth,widthSegments,heightSegments, depthSegments) width：x方向上的长度 height：y方向上的长度 depth：z方向上的长度 widthSegments：x方向上的分段数（可选，缺省值1） heightSegments：y方向上的分段数（同上） depthSegments：z方向上的分段数（同上） 未分段：
var material = new THREE.MeshBasicMaterial({ color: 0xffff00, wireframe: true});drawCube(scene, material);function drawCube(scene, material) { var cube = new THREE.Mesh(new THREE.CubeGeometry(1, 2, 3), material); scene.add(cube);} 物体的默认位置是原点，对于立方体而言，是其几何中心在原点的位置。 分段：
var cube = new THREE.Mesh(new THREE.CubeGeometry(1, 2, 3, 2, 2, 3), material); 为什么会有这么多邪线呢？版本问题。R73版本： 注意这个分段是对六个面进行分段，而不是对立方体的体素分段，因此在立方体的中间是不分段的，只有六个侧面被分段。 2.平面 这里的平面（PlaneGeometry）其实是一个长方形，而不是数学意义上无限大小的平面。其构造函数为： THREE.PlaneGeometry(width, height, widthSegments, heightSegments) width：x方向上的长度 height：y方向上的长度 widthSegments：x方向上的分段数（可选，缺省值1） heightSegments：y方向上的分段数（同上） new THREE.PlaneGeometry(2, 4);创建的平面在x轴和y轴所在平面内，效果如下：3.球体 球体（SphereGeometry）的构造函数是： THREE.SphereGeometry(radius,segmentsWidth,segmentsHeight,phiStart, phiLength, thetaStart, thetaLength)// radius：半径// segmentsWidth：经度上的分段数// segmentsHeight：纬度上的分段数// phiStart：经度开始的弧度// phiLength：经度跨过的弧度// thetaStart：纬度开始的弧度// thetaLength：纬度跨过的弧度 3.
通过bootstrap文档对导航条样式的设置发现，其实本身是有一个类似于主题的概念 – navbar-default：默认的外观 – navbar-inverse：暗色背景的样式 – 所以我们希望可以通过自定义一套完整的风格： 比如自定义一个颜色基调 名字 navbar-itcast
.navbar-itcast{ ... } ...具体代码参考navbar-default实现即可
案例查看地址：点击这里
Title 相对于上一节的代码，着色器部分一点都没有修改。
在keydown()事件中，增加了新增部件的旋转角度变量，并相应的增加了鼠标控制的事件。
在draw()函数内，将额外增加的结构也相应的绘制出来。模型的各个部件base、arm1、arm2、palm、finger1和finger2等虽然都是立方体，但是长宽各不相同，所以本例相应的扩展了drawBox()函数，添加了三个参数width(宽度)、height(高度)和depth(深度)。
为什么会需要添加pushMatrix()和popMatrix()两个存储矩阵的压栈和出栈？
因为如果按以前的那样顺序绘制的话，finger2关联的地方将不是手掌palm，而是finger1，所以，在绘制finger1之前，将矩阵存储起来，然后在绘制完finger1之后，再绘制finger2，这样两个手指都关联到了手掌palm上了。只要栈足够深，用这种方法就可以绘制任意复杂的层次结构模型。我们只需要按照层次结构，从高到底绘制部件，并在绘制“具有兄弟部件”的部件前将模型矩阵压入栈，绘制完再弹出即可。
为什么drawBox()函数内部也需要压栈入栈？
drawBox()函数首先将模型矩阵乘以由width、height和depth参数组成的缩放矩阵，是绘制出的立方体尺寸与设想的一样。如果不是用压栈出栈，绘制第一个的缩放矩阵，会对第二个绘制的缩放矩阵产生一定的影响，所以，要将缩放之前的默认大小保存下来，就用到了。
Document=网页 Object Model=操作方法
Web-API参考 文档对象模型DOM（中文）
事件绑定 where：特定区域
how：触发事件
what：做一些事情
把背景从白色变成黑色
var b = document.querySelector("body"); b.setAttribute("style","background-color:black;"); var dark = "background-color: black; color: white;"; var day = "background-color: white; color: black;"; var button = document.querySelector(".nav"); var web = document.querySelector("body"); function lightSwitch() { if (web.style.cssText==dark){ web.style.cssText = day; alert("Day mode"); } else{ web.style.cssText = dark; alert("Night mode"); } } button.onclick = lightSwitch 将广告去除 el = document.querySelector("#content_right"); el.setAttribute("style","display:none"); ///将display的block变为none