目前，维基百科已经被墙了，但是上面毕竟有很多有用的东西。目前找到比较好用的办法，就是下载zim格式的维基百科的离线文件。
首先访问开源免费软件Kiwix所在的网页，地址为: http://wiki.kiwix.org/wiki/Main_Page/zh-cn 在这个网址中下载阅读软件，也可以在本站下载Kiwix-Windows, Kiwix-Mac
其次，下载维基百科对应语言的快照，zim格式的文件，目前中文语言文件的大小是10GB左右的样子。可以直接在 http://wiki.kiwix.org/wiki/Main_Page/zh-cn 这个网站中下载，也可以访问 https://dumps.wikimedia.org/ 在这网页中选择"Kiwix files"这部分的内容去下载。注意里面包含了几乎所有的语言，只需要选择对应的语言即可。
注意： Apache Archiva 2024-02 开始已经停止维护 建议使用 JFrog Artifactory 替代。
最近使用自己搭建的Apache Archiva来代理Maven仓库，经常发生失败的情况，观察Archiva的日志(logs/archiva.log)，看到如下的内容：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
2016-11-22 19:52:02,773 [ajp-bio-127.0.0.1-8009-exec-74] WARN org.apache.archiva.proxy.DefaultRepositoryProxyConnectors [] - Transfer error from repository central for artifact org.mockito:mockito-core:2.2.22::jar , continuing to next repository. Error message: Download failure on resource [https://repo.maven.apache.org/maven2/org/mockito/mockito-core/2.2.22/mockito-core-2.2.22.jar]:GET request of: org/mockito/mockito-core/2.2.22/mockito-core-2.2.22.jar from central failed (cause: java.net.SocketTimeoutException: Read timed out) 2016-11-22 19:52:02,773 [ajp-bio-127.0.0.1-8009-exec-74] ERROR org.apache.archiva.webdav.ArchivaDavResourceFactory [] - Failures occurred downloading from some remote repositories: central: Download failure on resource [https://repo.maven.apache.org/maven2/org/mockito/mockito-core/2.2.22/mockito-core-2.2.22.jar]:GET request of: org/mockito/mockito-core/2.2.22/mockito-core-2.2.22.jar from central failed (cause: java.net.SocketTimeoutException: Read timed out) org.apache.archiva.policies.ProxyDownloadException: Failures occurred downloading from some remote repositories: central: Download failure on resource [https://repo.maven.apache.org/maven2/org/mockito/mockito-core/2.2.22/mockito-core-2.2.22.jar]:GET request of: org/mockito/mockito-core/2.2.22/mockito-core-2.2.22.jar from central failed (cause: java.net.SocketTimeoutException: Read timed out) at org.apache.archiva.proxy.DefaultRepositoryProxyConnectors.fetchFromProxies(DefaultRepositoryProxyConnectors.java:366) ~[archiva-proxy-2.2.1.jar:?] at org.apache.archiva.webdav.ArchivaDavResourceFactory.fetchContentFromProxies(ArchivaDavResourceFactory.java:820) [archiva-webdav-2.2.1.jar:?] at org.apache.archiva.webdav.ArchivaDavResourceFactory.processRepository(ArchivaDavResourceFactory.java:629) [archiva-webdav-2.2.1.jar:?] at org.apache.archiva.webdav.ArchivaDavResourceFactory.createResource(ArchivaDavResourceFactory.java:325) [archiva-webdav-2.2.1.jar:?] at org.apache.archiva.webdav.RepositoryServlet.service(RepositoryServlet.java:126) [archiva-webdav-2.2.1.jar:?] at javax.servlet.http.HttpServlet.service(HttpServlet.java:727) [servlet-api-3.0.jar:?] at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:303) [tomcat-catalina-7.0.52.jar:7.0.52] at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208) [tomcat-catalina-7.0.52.jar:7.0.52] at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:220) [tomcat-catalina-7.0.52.jar:7.0.52] at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:122) [tomcat-catalina-7.0.52.jar:7.0.52] at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:501) [tomcat-catalina-7.0.52.jar:7.0.52] at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:170) [tomcat-catalina-7.0.52.jar:7.0.52] at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:98) [tomcat-catalina-7.0.52.jar:7.0.52] at org.apache.catalina.valves.AccessLogValve.invoke(AccessLogValve.java:950) [tomcat-catalina-7.0.52.jar:7.0.52] at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:116) [tomcat-catalina-7.0.52.jar:7.0.52] at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:408) [tomcat-catalina-7.0.52.jar:7.0.52] at org.apache.coyote.ajp.AjpProcessor.process(AjpProcessor.java:193) [tomcat-coyote-7.0.52.jar:7.0.52] at org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(AbstractProtocol.java:607) [tomcat-coyote-7.0.52.jar:7.0.52] at org.apache.tomcat.util.net.JIoEndpoint$SocketProcessor.run(JIoEndpoint.java:313) [tomcat-coyote-7.0.52.jar:7.0.52] at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1145) [?:1.7.0_111] at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:615) [?:1.7.0_111] at java.lang.Thread.run(Thread.java:745) [?:1.7.0_111] |
明显是从https://repo.maven.apache.org/maven2这个地址下载数据的时候发生了异常。这个仓库的地址是Apache Archiva中的默认仓库地址。从目前的测试来看，这个地址在国内访问，经常出现问题。对于国内用户来说https://repo1.maven.org/maven2这个中央仓库的地址是相对来说更加稳定。因此只要在Remote Repositories中增加这个中央仓库地址即可。
如下图操作：
另外，在添加完成后，顺便在属性中修改一下Download Timeout，从默认的60秒修改到600秒，减少超时的发生即可。
如上操作只能部分解决问题，在现实过程中，依旧会发生失败，失败主要集中在下载https://repo1.maven.org/maven2/.index/nexus-maven-repository-index.gz这个索引文件的时候，这个索引文件有300-400MB的样子，一次完整的下载基本上是都会失败，要命的是Apache Archiva在处理这个文件的时候，基本上没有进行任何容错处理。这个时候我们要么修改源代码来修正，要么需要辅助Apache Archiva完成这个文件的下载。
下面，我们实验通过Linux定时任务，nginx，aria2来实现对Apache Archiva下载的辅助处理。
1.首先安装必须的软件
|
1 2 3 |
$ sudo apt-get install nginx $ sudo apt-get install aria2 |
2.接下来，配置nginx
|
1 |
$ sudo vim /etc/nginx/sites-enabled/default |
整个配置文件的原文如下：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 |
## # You should look at the following URL's in order to grasp a solid understanding # of Nginx configuration files in order to fully unleash the power of Nginx. # http://wiki.nginx.org/Pitfalls # http://wiki.nginx.org/QuickStart # http://wiki.nginx.org/Configuration # # Generally, you will want to move this file somewhere, and start with a clean # file but keep this around for reference. Or just disable in sites-enabled. # # Please see /usr/share/doc/nginx-doc/examples/ for more detailed examples. ## # Default server configuration # server { listen 80 default_server; listen [::]:80 default_server; # SSL configuration # # listen 443 ssl default_server; # listen [::]:443 ssl default_server; # # Note: You should disable gzip for SSL traffic. # See: https://bugs.debian.org/773332 # # Read up on ssl_ciphers to ensure a secure configuration. # See: https://bugs.debian.org/765782 # # Self signed certs generated by the ssl-cert package # Don't use them in a production server! # # include snippets/snakeoil.conf; root /var/www/html; # Add index.php to the list if you are using PHP index index.html index.htm index.nginx-debian.html; server_name _; location / { # First attempt to serve request as file, then # as directory, then fall back to displaying a 404. try_files $uri $uri/ =404; } # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000 # #location ~ \.php$ { # include snippets/fastcgi-php.conf; # # # With php7.0-cgi alone: # fastcgi_pass 127.0.0.1:9000; # # With php7.0-fpm: # fastcgi_pass unix:/run/php/php7.0-fpm.sock; #} # deny access to .htaccess files, if Apache's document root # concurs with nginx's one # #location ~ /\.ht { # deny all; #} } # Virtual Host configuration for example.com # # You can move that to a different file under sites-available/ and symlink that # to sites-enabled/ to enable it. # #server { # listen 80; # listen [::]:80; # # server_name example.com; # # root /var/www/example.com; # index index.html; # # location / { # try_files $uri $uri/ =404; # } #} |
修改后的结果如下：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 |
## # You should look at the following URL's in order to grasp a solid understanding # of Nginx configuration files in order to fully unleash the power of Nginx. # http://wiki.nginx.org/Pitfalls # http://wiki.nginx.org/QuickStart # http://wiki.nginx.org/Configuration # # Generally, you will want to move this file somewhere, and start with a clean # file but keep this around for reference. Or just disable in sites-enabled. # # Please see /usr/share/doc/nginx-doc/examples/ for more detailed examples. ## # Default server configuration # server { #listen 80 default_server; #listen [::]:80 default_server; listen 127.0.0.1:8090 default_server; # SSL configuration # # listen 443 ssl default_server; # listen [::]:443 ssl default_server; # # Note: You should disable gzip for SSL traffic. # See: https://bugs.debian.org/773332 # # Read up on ssl_ciphers to ensure a secure configuration. # See: https://bugs.debian.org/765782 # # Self signed certs generated by the ssl-cert package # Don't use them in a production server! # # include snippets/snakeoil.conf; root /data/nginx/maven_index; # Add index.php to the list if you are using PHP index index.html index.htm index.nginx-debian.html; server_name _; location / { # First attempt to serve request as file, then # as directory, then fall back to displaying a 404. try_files $uri $uri/ =404; resolver 114.114.114.114 218.85.152.99; resolver_timeout 30s; #nginx 不支持if嵌套也不支持多条件判断，因此只能用下面的方式来模拟 #留意判断语句与括号之间的空格，缺失空格会导致语法错误 #if ( ( $host ~* "repo1\.maven\.org" ) && ( $request_uri ~* "maven2/\.index" ) ) { set $flag 0; if ( $host ~* "repo1\.maven\.org" ) { set $flag "${flag}1"; } if ( $request_uri ~* "maven2/\.index" ) { set $flag "${flag}2"; } if ($flag = "012") { proxy_pass http://127.0.0.1:8090$request_uri; } #避免循环重定向问题 if ( $host != "127.0.0.1" ) { proxy_pass http://$host$request_uri; } } # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000 # #location ~ \.php$ { # include snippets/fastcgi-php.conf; # # # With php7.0-cgi alone: # fastcgi_pass 127.0.0.1:9000; # # With php7.0-fpm: # fastcgi_pass unix:/run/php/php7.0-fpm.sock; #} # deny access to .htaccess files, if Apache's document root # concurs with nginx's one # #location ~ /\.ht { # deny all; #} } # Virtual Host configuration for example.com # # You can move that to a different file under sites-available/ and symlink that # to sites-enabled/ to enable it. # #server { # listen 80; # listen [::]:80; # # server_name example.com; # # root /var/www/example.com; # index index.html; # # location / { # try_files $uri $uri/ =404; # } #} |
接下来，重启nginx服务。
3.设置定时任务，定时检查远端服务器上的数据是否有更新
任务脚本内容如下：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 |
nginx_dir="/data/nginx" mvn_idx_dir="$nginx_dir/maven2/.index" mvn_idx_dl_dir="$nginx_dir/maven2/.CacheIndex" mvn_idx_name="nexus-maven-repository-index" mvn_idx_path_name="$mvn_idx_dir/$mvn_idx_name" mvn_idx_gz_name="$mvn_idx_dir/$mvn_idx_name.gz" mvn_idx_prop_name="$mvn_idx_dir/$mvn_idx_name.properties" mvn_idx_dl_gz_name="$mvn_idx_dl_dir/$mvn_idx_name.gz" mvn_idx_dl_prop_name="$mvn_idx_dl_dir/$mvn_idx_name.properties" log_file="/data/nginx/maven_index_log.txt" dt_fmt="`date "+%Y-%m-%d %H:%M:%S"`" if [ ! -d $mvn_idx_dl_dir ]; then mkdir -p $mvn_idx_dl_dir fi if [ ! -d $mvn_idx_dir ]; then mkdir -p $mvn_idx_dir fi if [ ! -d $mvn_idx_dl_dir ]; then echo "$dt_fmt mkdir $mvn_idx_dl_dir failed !" >> $log_file exit -1 fi if [ ! -d $mvn_idx_dir ]; then echo "$dt_fmt mkdir $mvn_idx_dir failed !" >> $log_file exit -1 fi cd $mvn_idx_dl_dir dl_idx="true" dl_prop="true" #echo mvn_idx_gz_name="$mvn_idx_gz_name" #先检查是不是需要下载文件，然后再下载文件，减少不必要的网络请求数据 if [ -f "$mvn_idx_gz_name" ]; then remote_idx_md5=$(curl -s https://repo1.maven.org/maven2/.index/nexus-maven-repository-index.gz.md5) if [ "${#remote_idx_md5}" != "32" ] ; then echo "$dt_fmt download $mvn_idx_gz_name.md5 failed !" >> $log_file exit -1 fi local_idx_md5=$(md5sum $mvn_idx_gz_name | cut -b 1-32) #echo remote_idx_md5="$remote_idx_md5" local_idx_md5="$local_idx_md5" if [ "$remote_idx_md5" = "$local_idx_md5" ] ; then dl_idx="false" if [ -f "$mvn_idx_prop_name" ]; then remote_prop_md5=$(curl -s https://repo1.maven.org/maven2/.index/nexus-maven-repository-index.properties.md5) if [ "${#remote_prop_md5}" != "32" ] ; then echo "$dt_fmt download $mvn_idx_prop_name failed !" >> $log_file exit -1 fi local_prop_md5=$(md5sum $mvn_idx_prop_name | cut -b 1-32) if [ "$remote_prop_md5" = "$local_prop_md5" ] ; then dl_prop="false" echo "$dt_fmt check file success ,no need to update !" >> $log_file exit 0 fi fi fi fi if [ "$dl_idx" = "true" ] ; then aria2c -c https://repo1.maven.org/maven2/.index/nexus-maven-repository-index.gz aria2c -c https://repo1.maven.org/maven2/.index/nexus-maven-repository-index.gz.md5 aria2c -c https://repo1.maven.org/maven2/.index/nexus-maven-repository-index.gz.sha1 fi if [ "$dl_prop" = "true" ] ; then aria2c -c https://repo1.maven.org/maven2/.index/nexus-maven-repository-index.properties aria2c -c https://repo1.maven.org/maven2/.index/nexus-maven-repository-index.properties.md5 aria2c -c https://repo1.maven.org/maven2/.index/nexus-maven-repository-index.properties.sha1 fi #校验下载到的文件 if [ "$dl_idx" = "true" ] ; then dl_idx_md5=$(md5sum $mvn_idx_dl_gz_name | cut -b 1-32) dl_idx_f_md5=$(cat $mvn_idx_dl_gz_name.md5) if [ "$dl_idx_md5" = "$dl_idx_f_md5" ] ; then rm -rf $mvn_idx_gz_name mv $mvn_idx_dl_gz_name $mvn_idx_gz_name rm -rf $mvn_idx_gz_name.md5 mv $mvn_idx_dl_gz_name.md5 $mvn_idx_gz_name.md5 rm -rf $mvn_idx_gz_name.sha1 mv $mvn_idx_dl_gz_name.sha1 $mvn_idx_gz_name.sha1 else echo "$dt_fmt check downloaded index file failed !" >> $log_file cd $nginx_dir rm -rf $mvn_idx_dl_dir fi fi if [ "$dl_prop" = "true" ] ; then dl_prop_md5=$(md5sum $mvn_idx_dl_prop_name | cut -b 1-32) dl_prop_f_md5=$(cat $mvn_idx_dl_prop_name.md5) if [ "$dl_prop_md5" = "$dl_prop_f_md5" ] ; then rm -rf $mvn_idx_prop_name mv $mvn_idx_dl_prop_name $mvn_idx_prop_name rm -rf $mvn_idx_prop_name.md5 mv $mvn_idx_dl_prop_name.md5 $mvn_idx_prop_name.md5 rm -rf $mvn_idx_prop_name.sha1 mv $mvn_idx_dl_prop_name.sha1 $mvn_idx_prop_name.sha1 else echo "$dt_fmt check downloaded properties file failed !" >> $log_file cd $nginx_dir rm -rf $mvn_idx_dl_dir fi fi |
默认我们把脚本执行路径为/data/nginx/mvn_index_corn.sh。
设置定时任务的脚本如下：
|
1 2 3 4 5 6 7 8 |
chmod +x /data/nginx/mvn_index_corn.sh #write out current crontab crontab -l > addcron #echo new cron into cron file ,每隔30分钟我们调度一次任务,前面是文件锁，防止并发冲突 echo "30 * * * * flock -x -w 10 /dev/shm/mvn_index_corn.lock -c \"sh /data/nginx/mvn_index_corn.sh\"" >> addcron #install new cron file crontab addcron rm addcron |
执行上面的脚本。
4.设置Apache Archiva的代理服务器配置
此处以名为"Archiva"的目录为例：
|
1 |
$ du -h --max-depth=0 Archiva |
或者(优先推荐此命令，速度快）
|
1 |
$ du -sh Archiva |
假设spring配置文件为applicationContext.xml
一.Spring配置文件在类路径下面
在Spring的Java应用程序中，一般我们的Spring的配置文件都是放在放在类路径下面(也即编译后会进入到classes目录下)。
以下是我的项目，因为是用maven管理的，所以配置文件都放在"src/main/resources"目录下,这时候，在代码中可以通过
|
1 |
ApplicationContext applicationContext = new ClassPathXmlApplicationContext("applicationContext.xml"); |
然后获取相应的bean。
如果代码想用Junit测试框架来测试，则Spring提供了对Junit支持，还可以使用注解的方式：
|
1 2 |
@RunWith(SpringJUnit4ClassRunner.class) @ContextConfiguration(locations={"classpath:applicationContext.xml"}) |
只需要在相应的Test类前面加上此两个注解（第二个注解用来指明Spring的配置文件位置），就可以在Junit Test类使用中Spring提供的依赖注入功能。
二.Spring配置文件在WEB-INF下面
当然在做J2EE开发时，有些人习惯把Spring文件放在WEB-INF目录（虽然更多人习惯放在类路径下面）下面,或者有些Spring配置文件是放在类路径下面，而有些又放在WEB-INF目录下面，如下图:
这时候，在代码中就不可以使用ClassPathXmlApplicationContext来加载配置文件了，而应使用FileSystemXmlApplicationContext。
|
1 |
ApplicationContext applicationContext = new FileSystemXmlApplicationContext("src/main/webapp/WEB-INF/applicationContext.xml"); |
然后获取相应的bean。
如果代码想用Junit测试框架来测试，则Spring提供了对Junit支持，还可以使用注解的方式：
|
1 2 |
@RunWith(SpringJUnit4ClassRunner.class) @ContextConfiguration(locations={"file:src/main/webapp/WEB-INF/applicationContext.xml"}) |
只需要在相应的Test类前面加上此两个注解（第二个注解用来指明Spring的配置文件位置），就可以在Junit Test类使用中Spring提供的依赖注入功能。
下面是我的一个Spring管理下的Junit测试类：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
import java.util.List; import org.junit.Test; import org.junit.runner.RunWith; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.test.context.ContextConfiguration; import org.springframework.test.context.junit4.SpringJUnit4ClassRunner; @RunWith(SpringJUnit4ClassRunner.class) @ContextConfiguration({"file:src/main/webapp/WEB-INF/applicationContext.xml"}) public class SuFriendServiceImplOverRMITest { @Autowired private SuFriendService suFriendService; @Test public void getUserFollowerListTest(){ List list = suFriendService.getUserFollowerList("liug_talk@163.com"); System.out.println("------"+list); } } |
使用Babel引入d3，即import d3 from 'd3'，使用时出现undefined的错误，调试后发现
var _d3 = __webpack_require__(164);
var _d32 = _interopRequireDefault(_d3);
var fill = _d32['default'].schemeCategory20;
_d3有schemeCategory20，d32['default']是undefined，
_interopRequireDefault是什么鬼？
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
就是根据__esModule 的一个if else，__esModule又是什么？
这里有一篇比较具体的解释 http://ryerh.com/javascript/2016/03/27/babel-module-implementation.html
简单来说，default就是我们在class后面写的 export default xxx
翻一翻源码，d3的default是true，但没有export default
|
1 |
Object.defineProperty(exports, '__esModule', { value: true }); |
从这两个链接中，找到了d3的正确用法
import * as d3 from 'd3'
就是说，把d3的所有模块导出，给d3这个作用域
调试来看，就是
var _d3 = __webpack_require__(164);
var d3 = _interopRequireWildcard(_d3);
可以看到，用了import as后
从_interopRequireDefault转变为_interopRequireWildcard
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj['default'] = obj; return newObj; } } |
也就是*替换了default
另外，必须再说一下，d3没有default，但d3的插件不一定没有
比如我使用的d3-cloud，还是要用import cloud from 'd3-cloud'
chart.js是一个很newblity的图标库，支持各种图（柱状、曲线、饼图、雷达图等等），使用起来也很简单，这里先奉上官方文档一份 http://www.bootcss.com/p/chart.js/docs/。
chart.js使用canvas绘制，缺点就是移动端性能有点差（或者是我入门太浅）。
官方文档介绍的不甚详细，这里给一个可以成功的example。
雷达图
1.引入chart.js
1）.<script>标签引入 逼格太低
2）.npm install chart.js 后，var Chart = require('chart.js') 逼格一般
3）.npm install chart.js，使用gulp,import Chart from 'chart.js' 逼格目前最高
2.html文件中，一个canvas元素是必须的
|
1 |
<canvas id="myChart" style="width: 100%;height: 90%;outline: none"></canvas> |
style比较简单，就不写css了
3.创建一个图标，只需要new一个chart对象就可以了
|
1 2 |
this.radarDom = document.getElementById("myChart"); var myNewChart = new Chart(this.radarDom.getContext("2d"), this.radarConfig()); |
需要两个参数，canvas的context，以及config
主要问题在于config，暂时未能完全了解
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 |
radarConfig() { var chartColors = { red: 'rgb(255, 99, 132)', orange: 'rgb(255, 159, 64)', yellow: 'rgb(255, 205, 86)', green: 'rgb(75, 192, 192)', blue: 'rgb(54, 162, 235)', purple: 'rgb(153, 102, 255)', grey: 'rgb(231,233,237)' }; var color = Chart.helpers.color; var config = { // 图标类型 type: 'radar', data: { // 雷达图的角 labels: ["0:00", "3:00", "6:00", "9:00", "12:00", "15:00", "18:00", "21:00"], color: '#fff', datasets: [{ // 雷达图颜色 backgroundColor: color(chartColors.red).alpha(0.3).rgbString(), borderColor: chartColors.blue, pointBackgroundColor: chartColors.red, // 数据 如[1, 2, 3, 4, 5, 6, 7, 8] data: this.radarData }] }, options: { fontColor:'#fff', custom: { fontColor: "#fff", color: "#fff" }, legend: { display: false, position: 'left', }, title: { display: true, text: '我的观影时段', fontColor: '#fff', fontSize: 24 }, scale: { // ticks 0 10 20等标签 fontColor: '#ffffff', ticks: { display: false, beginAtZero: true, fontColor: "#000", maxTicksLimit: undefined, }, //scaleLabel: { // fontColor: "#000", //} // 线条 gridLines: { color: '#fff', //zeroLineColor: '#fff' } } } }; return config; } |
通过HTML的文件API ，Firefox、Chrome等浏览器已经支持从操作系统直接拖拽文件，并上传到服务器。
相对于使用了十多年的HTML表单，这是一个革命性的进步。虽然IE的落后让很多开发者还在观望中，但是Gmail邮箱的附件拖拽功能已经给部分用户带来了极大的方便，而需要大量上传文件的CMS（内容管理系统）也将会从中受益。
让我们看一下Firefox 是如何使用拖拽上传功能的：
首先提供一个区域来放置文件
Html代码
|
1 |
<div name="image" id="dropbox" style="min-width:300px;min-height:100px;border:3px dashed silver;"></div> |
然后监听拖拽过程中的dragenter,dragleave,drop等事件
Js代码
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
document.addEventListener("dragenter", function(e){ dropbox.style.borderColor = 'gray'; }, false); document.addEventListener("dragleave", function(e){ dropbox.style.borderColor = 'silver'; }, false); dropbox.addEventListener("dragenter", function(e){ dropbox.style.borderColor = 'gray'; dropbox.style.backgroundColor = 'white'; }, false); dropbox.addEventListener("dragleave", function(e){ dropbox.style.backgroundColor = 'transparent'; }, false); dropbox.addEventListener("dragenter", function(e){ e.stopPropagation(); e.preventDefault(); }, false); dropbox.addEventListener("dragover", function(e){ e.stopPropagation(); e.preventDefault(); }, false); dropbox.addEventListener("drop", function(e){ e.stopPropagation(); e.preventDefault(); handleFiles(e.dataTransfer.files); submit.disabled = false; }, false); |
其中最主要的是drop事件中用handleFiles()依次处理所有文件
|
1 2 3 4 5 6 |
handleFiles = function(files) { for (var i = 0; i < files.length; i++) { var file = files[i]; } } |
对于图片类型的文件可以直接读取内容，显示预览图
|
1 2 3 4 5 6 7 8 9 10 11 12 |
if (!file.type.match(/image*/)) { continue; } var img = document.createElement("img"); img.classList.add("obj"); img.file = file; preview.appendChild(img); var reader = new FileReader(); reader.onload = (function(aImg) { return function(e) { aImg.src = e.target.result; }; })(img); reader.readAsDataURL(file); |
接下来就是核心功能：ajax上传。首先新建一个XHR请求
|
1 2 |
var xhr = new XMLHttpRequest(); xhr.open('post', '/file/upload', true); |
监听上传进度和完成事件
|
1 2 3 4 5 6 7 8 9 10 |
xhr.upload.addEventListener("progress", function(e) { if (e.lengthComputable) { var percentage = Math.round((e.loaded * 100) / e.total); img.style.opacity = 1-percentage/100.0; } }, false); xhr.upload.addEventListener("load", function(e){ }, false); |
最后把数据模拟成multipart/form-data的格式上传
|
1 2 3 4 5 6 7 8 9 10 11 |
xhr.setRequestHeader("Content-Type", "multipart/form-data, boundary="+boundary); // simulate a file MIME POST request. xhr.setRequestHeader("Content-Length", fileSize); var body = ''; body += "--" + boundary + "\r\n"; body += "Content-Disposition: form-data; name=\""+dropbox.getAttribute('name')+"\"; filename=\"" + fileName + "\"\r\n"; body += "Content-Type: "+fileType+"\r\n\r\n"; body += fileData + "\r\n"; body += "--" + boundary + "--\r\n"; xhr.sendAsBinary(body); |
1.查看统计当前目录下文件的个数
|
1 |
$ ls -l | grep "^-" | wc -l |
2.查看统计当前目录下文件的个数，包括子目录里的。
|
1 |
$ ls -lR| grep "^-" | wc -l |
3.查看某目录下文件夹(目录)的个数，包括子目录里的。
|
1 |
$ ls -lR| grep "^d" | wc -l |
有人留言希望尝试在WDMyCloud上尝试使用USB无线网卡，目标芯片是MT7601U。
经过几天的研究，找到了相关的编译方式。
链接地址 https://github.com/porjo/mt7601u，提示在Linux-4.2以后的版本中已经集成MT7601U芯片的驱动了(drivers/net/wireless/mediatek目录下)，但是可惜的是WDMyCloud上的Linux内核版本号是3.2.26，曾经尝试升级到4.2版本之后的Linux内核，可惜尝试之后，发现无法成功编译Mindspeed C2000芯片(WDMyCloud使用的IC芯片,包含CPU,网卡等)驱动，因此只能退而求其次，使用MTK官方提供的驱动程序在3.2.26版本的Linux内核上进行编译。
另外注意，在WDMyCloud提供的默认系统镜像上，没有提供802.11相关的驱动，导致如果使用无线网卡，必须重新编译内核。
1.下载MT7601U芯片驱动
驱动程序的下载地址为：http://www.mediatek.com/products/broadbandWifi/mt7601u#product-downloads
也可本站下载
2.下载最新的WDMyCloud的系统源代码
目前最新的下载地址为：http://downloads.wdc.com/gpl/gpl-source-wd_my_cloud-04.04.03-113.zip
3.参照 How to successfully build packages for WD My Cloud from source构建编译环境
4.解压缩下载到的代码中的"packages/kernel_3.2"到"64k-wheezy/build/root"目录下面。
5.执行如下命令,重新编译内核，为驱动的编译准备必备的文件
|
1 2 3 4 5 6 7 8 9 10 11 |
$ cd ~ $ cd 64k-wheezy $ sudo chroot build $ cd root $ cd kernel_3.2 $ apt-get install uboot-mkimage |
修改内核编译文件"/kernel_3.2/linux/arch/arm/configs/sequoia64k-wifi_defconfig",在文件的顶部增加"CONFIG_WEXT_PRIV=y",定义这个宏的目的，是为了编译MT7601U芯片驱动的时候使用的，缺少这个宏会导致芯片驱动编译的时候缺少变量。
6.编译内核
|
1 |
$ make sequoia64k-wifi |
编译成功后，在"kernel_3.2/_bld"目录下生成编译文件，在"kernel_3.2/_bin"目录下生成最终的内核镜像和驱动程序。
7.解压缩MT7601U芯片驱动代码到"64k-wheezy/build/root"目录下面，并命名为"MT7601U"。
修改芯片驱动编译文件"Makefile"，找到
|
1 2 3 4 |
ifeq ($(PLATFORM),IXP) LINUX_SRC = /project/stable/Gmtek/snapgear-uclibc/linux-2.6.x CROSS_COMPILE = arm-linux- endif |
在这行下面增加
|
1 2 3 4 5 6 7 8 9 |
ifeq ($(PLATFORM),WDMyCloud) # Linux 2.6 LINUX_SRC = /root/kernel_3.2/_bld # Linux 2.4 Change to your local setting #LINUX_SRC = /usr/src/linux-2.4 LINUX_SRC_MODULE = /root/kernel_3.2/kernel/linux/drivers/net/wireless/ CROSS_COMPILE = arm-linux-gnueabihf- #export ARCH=arm endif |
修改"Makefile"中，编译目标系统从PLATFORM = PC为PLATFORM = WDMyCloud.
接下来修改"os/linux/config.mk",在文件尾部增加
|
1 2 3 4 5 |
ifeq ($(PLATFORM),WDMyCloud) EXTRA_CFLAGS := -D__KERNEL__ -I$(LINUX_SRC)/include -Wall -Wstrict-prototypes -Wno-trigraphs -O2 -fno-strict-aliasing -fno-common -Uarm -fno-common -pipe -march=armv6 -msoft-float -Uarm -DMODULE -DMODVERSIONS -include $(LINUX_SRC)/include/linux/version.h $(WFLAGS) export EXTRA_CFLAGS endif |
最后，切换到驱动程序所在的"MT7601U"目录，执行编译。
|
1 |
$ make |
编译完成后，在"MT7601U/os/linux/"目录下生成名为"mt7601Usta.ko"的驱动程序文件。
剩下的，参考"MT7601U"目录下的"README_STA_usb"中的说明进行操作即可。
注意，如果要成功使用无线网卡驱动，那么需要用刚刚编译好的Linux内核，替换掉原来的内核，并且把"kernel_3.2/_bin"目录下的驱动也拷贝到系统根目录下面相同的位置即可，这个操作是高风险操作，极可能这么操作之后，系统无法正常运行，因此要提前备份文件，并且做好拆硬盘，挂载到其他机器上撤销刚刚的修改的准备。