求教JavaScript大神问题

这段代码的目的是实现:鼠标在地图上点一个点,会有标记产生;再点击另一个点,产生标记同时会在两个点之间划线。再点击一个点,它会与上一个点间划线。但是现在打开网页的话没有标记,也没有点。请教大神们这是为什么

这段代码的目的是实现:鼠标在地图上点一个点,会有标记产生;再点击另一个点,产生标记同时会在两个点之间划线。再点击一个点,它会与上一个点间划线。但是现在打开网页的话没有标记,也没有点。请教大神们这是为什么


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Google Maps JavaScript API v3 Example: Image MapTypes</title>
<link href="mapfiles/css/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="mapapi.js"></script>
<script type="text/javascript" src="mapapi.js"></script>
<script>
  function CoordMapType(tileSize) {
    this.tileSize = tileSize;
  }

  CoordMapType.prototype.getTile = function(coord, zoom, ownerDocument) {
    var div = ownerDocument.createElement('DIV');
    var ymax = 1 << zoom;
        var y = ymax - coord.y - 1;

    //div.innerHTML = coord.x + "," + y + "," + zoom;
    //div.style.width = this.tileSize.width + 'px';
    //div.style.height = this.tileSize.height + 'px';
    //div.style.fontSize = '10';
    //div.style.borderStyle = 'solid';
    //div.style.borderWidth = '1px';
    //div.style.borderColor = '#AAAAAA';
    return div;
  };

  function LocalMapType() {}

  LocalMapType.prototype.tileSize = new google.maps.Size(256, 256);
  LocalMapType.prototype.maxZoom = 18;
  LocalMapType.prototype.minZoom = 1;
  LocalMapType.prototype.name = "\u672C\u5730";
  LocalMapType.prototype.alt = "\u663E\u793A\u672C\u5730\u5730\u56FE";
  LocalMapType.prototype.getTile = function(coord, zoom, ownerDocument) {
      var img = ownerDocument.createElement("img");
      img.style.width = this.tileSize.width + "px";
      img.style.height = this.tileSize.height + "px";

      var ymax = 1 << zoom;
            var y = ymax - coord.y - 1;

      var strURL = "tilemap\\" + zoom + "\\" + coord.x + "\\" + coord.y + ".png";

      img.src = strURL;
      return img;
  };

  var localMapType = new LocalMapType(); 

var  myLatlng;
var  myOptions;
var  map;
var  poly;

  function initialize() {
    myLatlng = new google.maps.LatLng(34.251345, 108.946673);
    myOptions = {
      center: myLatlng,
      zoom: 16,
      streetViewControl: false,
      //\u6BD4\u4F8B\u5C3A\u63A7\u4EF6   
            scaleControl: true,
      mapTypeControlOptions: {
            mapTypeIds: ["local", google.maps.MapTypeId.ROADMAP]
        }
    };

    map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
    //map.setMapTypeId('satellite');
    //map.MapTypes.insertAt(0, moonMapType);

    map.mapTypes.set('local', localMapType);
    map.setMapTypeId('local');

    google.maps.event.addListener(map, 'mouseover', function(event){
    var lat = event.latLng.lat();//纬度

    var lng =event.latLng.lng();//经度
            });

    map.overlayMapTypes.insertAt(0, new CoordMapType(new google.maps.Size(256, 256)));
  poly = new google.maps.Polyline({
    strokeColor: '#000000',
    strokeOpacity: 1.0,
    strokeWeight: 3
  });
  poly.setMap(map);

  // Add a listener for the click event
  map.addListener('click', addLatLng);
  }

function addLatLng(event) {
  var path = poly.getPath();

  // Because path is an MVCArray, we can simply append a new coordinate
  // and it will automatically appear.
  path.push(event.latLng);

  // Add a new marker at the new plotted point on the polyline.
  var marker = new google.maps.Marker({
    position: event.latLng,
    title: '#' + path.getLength(),
    map: map
  });
} 
</script>
</head>
<body onload="initialize()">
  <!--<div id="map_canvas" style="width: 100%; height: 690px;"></div>-->
  <div id="map_canvas" style="width: 100%; height: 690px;"></div>
</body>
</html>


1个回答

你需要存储你的点才行啊,cookie或者storage。window.onlaod的时候从存储的地方加载点信息。都没存储肯定刷新后就没有数据了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
求教大神关于js的问题
``` function ccd(y){ var x=y; return function(){ console.log(x++); console.log(y--); } }; ccd(5)();// "5" "5" ccd(5)();// "5" "5" ccd(5)();// "5" "5" function bdc(y){ var x=y; return function(){ console.log(x++); console.log(y--); } }(5); bdc();// "5" "5" bdc();// "6" "4" bdc();// "7" "3" ``` 为什么上面两个方法,执行的结果不一样
求教大神,怎么用JS阻止页面跳转??
求教大神,怎么用JS阻止页面跳转??现在想到的就是用onbeforeunload事件,但是会默认弹出弹框,这样用户体验不好,能不能不出现弹框,就阻止页面跳转?
求教大神,关于js 闭包的问题
``` function w(){ var c = 8; function b() { console.log(c); c++; } return b; } w()()//8 w()()//8 w()()//8 var d = w(); d()//8 d()//9 d()//10 ``` 将w()()拆开成var d = w();d();运行后,执行结果为什么不一样
java/js问题求教:系统挂载word文档
如题,求教各位大神。如何在系统上挂在word文档,可供查看和下载的。
求教大神,chorme谷歌浏览器debug的问题?
html代码为: ``` <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <script src="common/js/bootstrap.js"></script> <script src="test-jq.js"></script> <title>js/jq测试</title> </head> <body> <input name="myInput" type="text" size="20" /><br /> <input name="myInput" type="text" size="20" /><br /> <input name="myInput" type="text" size="20" /><br /> <br /> <input type="button" onclick="getElements()" value="How many input elements?" /> </body> </html> ``` test-jq.js代码为: ``` /** * Created by Administrator on 2016/6/7. */ var x=document.getElementsByTagName("input"); console.info(x); ``` 当不使用断点,页面运行后,console.info(x)打印出来是正常的: ![图片说明](https://img-ask.csdn.net/upload/201606/07/1465266157_570809.png) 当使用断点查询的时候,在console.info(x)处断点: ![图片说明](https://img-ask.csdn.net/upload/201606/07/1465266340_896193.png) 然后点击![图片说明](https://img-ask.csdn.net/upload/201606/07/1465266401_806229.png),一步步点击完毕后,打印出来的却是undefined,如图: ![图片说明](https://img-ask.csdn.net/upload/201606/07/1465266449_866328.png) 但是如果还是在原来的console.info处断点,然后点击![图片说明](https://img-ask.csdn.net/upload/201606/07/1465266475_667535.png)一次完成运行,结果也是正常的,如图:![图片说明](https://img-ask.csdn.net/upload/201606/07/1465266157_570809.png) 求教大神,这是为什么,只是断点调试了下,又没有改变代码,为什么console.info打印出来的东西却不一样??
求教大神,有没有把基于Node.JS, MongoDB的开源IM聊天框架Spika跑起来的大神
求大神指点,怎么把spika跑起来,附源码地址https://github.com/cloverstudio/Spika
求教大神 codingame中coders strick back
在codingame论坛上看 要过青铜联盟 要要-3*vel 求教这个是什么思路 什么意思
关于js ajax json的问题 求助大神
其实就是个post php返回json数组 因为用到的地方比较多,我就写了个函数 比如说: function a (b,c){ post.send(b,c,'post','json'); …… return eval("("+data+")"); //data是返回的数据 } var d = a(e.php , actime=f'); 结果报错:TypeError: d is null 不管怎样输出都报错,这是个数组 d[0] 也报错 但是直接把函数里的return eval("("+data+")") 改成 return "123" 又是正常的 我也直接试过请求代码,确实能取到数据, 本人小白,求教各位大神,问题出在哪?该怎么解决? 本人小白,有代码才能摸得懂
求教各位大神var url = "read.html?name="和"&password="是什么意思?
``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title></title> <script> function post() { var url = "read.html?name=" + escape(document.all.name.value); url += "&password=" + escape(document.all.password.value); window.location = url; }; </script> </head> <body> Name:<input type="text" name="name"/><br/> Pass:<input type="text" name="password"/><br/> <input type="button" value="post" onClick="post()"/> </body> </html> ``` 我还有一个read.html的文件,我知道大概就是调用read.html的意思,,但是如果想要吧这个post.html页面的JS和read.html中的JS合并,post.html中的JS代码该如何改动?
求教大神有关jquery的 $("#testv",scope); 的问题
```js function abcF(arguments){ var scope = this.getIframe()[0].contentWindow.document; $("#testv",scope); } ``` 一般$()里面写的是一个selector,比如:$("#testv"); 如果写了两个selector,如本例的$("#testv",scope),请教大神这是什么意思呢,最好贴一个这方面资料的网址来下,谢谢啦
js阻止了点击链接打开跳转,点击超链接没反应,求教大神怎么破?
在保持页面原有的功能以外,需要页面点击超链接能打开新页面! 因为篇幅有限,直接发链接查看:http://www.aimivip.com/job/scripts/index.js
[extjs4.1]有大神在么求教如何修改饼图其中一块的背景
有大神在么求教如何修改饼图其中一块的背景 求救啊,,,,,,
求教大神,原生JS,我想选中表格中的A标签。我写的代码怎么写都不对,求帮助。
1、我要做的效果是,点击删除时删除当前一行表格;也可也添加一行表格;麻烦前辈们帮我看一下哪里出错了,谢谢哈。 2、我的代码如下: ``` <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title> <script> window.onload = function(){ var oTable = document.getElementById('aTab_1'); var oName = document.getElementById('name_inpt'); var oNian = document.getElementById('nian_ipnt'); var oBut = document.getElementById('iBut_1'); //alert(oTable.tBodies[0].rows.length); //alert(oTable.tBodies[1].rows.length); var id = oTable.tBodies[1].rows.length+1; //alert(id); //alert(oTable.tBodies[0]); oBut.onclick = function(){ var oTr = document.createElement('tr'); var oTd = document.createElement('td'); oTd.innerHTML=id++; oTr.appendChild(oTd); var oTd = document.createElement('td'); oTd.innerHTML=oName.value; oTr.appendChild(oTd); var oTd = document.createElement('td'); oTd.innerHTML=oNian.value; oTr.appendChild(oTd); var oTd = document.createElement('td'); oTd.innerHTML = '<a href="javascript:;">'+'删除'+'</a>' oTr.appendChild(oTd); oTable.tBodies[1].appendChild(oTr); var oX = oTd.getElementsByTagName('a')[0]; oX.onclick = function(){ oTable.tBodies[1].removeChild(this.parentNode.parentNode) }; }; var tbody_1 = oTable.getElementsByTagName('tbody'); var otrs = tbody_1[1].getElementsByTagName('tr'); //var ottd = otrs.getElementsByTagName('td'); //alert(otds); //alert(oX.innerHTML); //alert(oX.length); for(var i=0;i<otrs.length;i++){ var otd_1 = otrs[i].getElementsByTagName('td'); var aA = otd_1[3].getElementsByTagName('a'); alert(aA.innerHTML); /* for(var i=0;i<otd_1.length;i++){ var aA = otd_1[i].getElementsByTagName('a'); alert(aA.innerHTML); } */ }; } </script> </head> <body> 姓名:<input type="text" id="name_inpt" /> 年龄: <input type="text" id="nian_ipnt" /> <input type="button" value="插入" id="iBut_1" /> <table border=1 width="500" id="aTab_1"> <tbody> <thead> <tr> <td>序号</td> <td>姓名</td> <td>年龄</td> <td>操作</td> </tr> </thead> <tr> <td>1</td> <td>张三</td> <td>28</td> <td><a href="javascript:;">删除1</a></td> </tr> <tr> <td>2</td> <td>李四</td> <td>31</td> <td><a href="javascript:;">删除2</a></td> </tr> <tr> <td>3</td> <td>王二</td> <td>19</td> <td><a href="javascript:;">删除3</a></td> </tr> <tr> <td>4</td> <td>赵薇</td> <td>28</td> <td><a href="javascript:;">删除4</a></td> </tr> <tr> <td>5</td> <td>赵薇</td> <td>28</td> <td><a href="javascript:;">删除5</a></td> </tr> </tbody> </table> </body> </html> ```
这是Gruntfile.js中的配置代码,求教大神帮我解释下,万分感谢
这是watch插件的配置信息: ```js watch: { options: { dateFormat: function (time) { grunt.log.writeln('The watch finished in ' + time + 'ms at' + (new Date()).toString()); grunt.log.writeln('Waiting for more changes...'); }, livereload: true }, less: { files: 'less/**/*.less', tasks: ['dist'] // @todo 添加 , 'build-customizer' }, livereload: { options: { livereload: '<%=connect.options.livereload%>' //监听前面声明的端口 35729 }, files: [ //下面文件的改变就会实时刷新网页 '<%= meta.exampleTheme %>/**' ] } } ``` Gruntfile.js另外部分代码为: ```js // These plugins provide necessary tasks. require('load-grunt-tasks')(grunt, {scope: 'devDependencies'}); //,'autoprefixer:common' grunt.registerTask('dist-css', ['less', 'autoprefixer:core','autoprefixer:common']); // Full distribution task. grunt.registerTask('dist', ['dist-css', 'cssmin:theme','copy-all']); // 拷贝字体、主题图片等到examples、docs下. grunt.registerTask('copy-all',['copy:fonts','copy:themeImages','clean:examples','copy:libToDoc']); // task for building customizer grunt.registerTask('build-customizer', ['build-customizer-html', 'build-raw-files']); grunt.registerTask('build-customizer-html', 'jade'); grunt.registerTask('build-raw-files', 'Add scripts/less files to customizer.', function () { var banner = grunt.template.process('<%= banner %>'); generateRawFiles(grunt, banner); }); grunt.registerTask('server', ['dist','connect:server', 'watch:less', 'watch:livereload']); grunt.registerTask('default', ['dist','build-customizer']); ``` 想问一下,grunt.registerTask('server', ['dist','connect:server', 'watch:less', 'watch:livereload']);是什么意思 require('load-grunt-tasks')(grunt, {scope: 'devDependencies'});是什么意思 现在我想修改下其中代码,想dos输入grunt命令,能够运行less插件,但是配置成下面的时候,还是不能运行: //告诉grunt我们将使用插件,注意,这里没有先后顺序。 ```js grunt.loadNpmTasks('grunt-contrib-cssmin'); grunt.loadNpmTasks('grunt-contrib-less'); grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-contrib-jshint'); grunt.loadNpmTasks('grunt-contrib-watch'); //在grunt命令执行时,要不要立即执行uglify插件?如果要,就写上,否则不写。 //我现在是需要的,所以我写上。也有可能不需要,这种情况谁知道呢? //告诉grunt当我们在终端输入grunt时需要做些什么(注意先后顺序) grunt.registerTask('default',['cssmin','jshint','uglify','less','watch']); ```
关于一串window运用的js代码,求教大神帮我解释下,谢谢啦
``` // Disable deprecated global QUnit method aliases in preparation for QUnit v2 (function () { var methodNames = [ 'async', 'asyncTest', 'deepEqual', 'equal', 'expect', 'module', 'notDeepEqual', 'notEqual', 'notPropEqual', 'notStrictEqual', 'ok', 'propEqual', 'push', 'start', 'stop', 'strictEqual', 'test', 'throws' ]; for (var i = 0; i < methodNames.length; i++) { var methodName = methodNames[i]; window[methodName] = undefined; } })(); ``` 这串代码中,不知道为什么要 window[methodName] = undefined;不知道这有什么意义。
求教大神,单元测试中,有的用QUnit.test()有的直接test(),请问这两者的区别?
在一个QUnit的学习[链接上](http://www.bkjia.com/webzh/959840.html)看到用QUnit.test():如图: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>QUnit Example</title> <link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.17.1.css"> </head> <body> <div id="qunit"></div> <div id="qunit-fixture"></div> <script src="http://code.jquery.com/qunit/qunit-1.17.1.js"></script> <script src="tests.js"></script> </body> </html> ``` js部分为: ``` QUnit.test( "hello test", function( assert ) { assert.ok( "hello world" == "hello world", "Test hello wordl" ); }); ``` 在另外一个qunit学习[网站上](http://www.zhangxinxu.com/wordpress/2013/04/qunit-javascript-unit-test-%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/), 直接用不写QUnit前缀,直接使用test方法,如: ``` <!DOCTYPE html> <link rel="stylesheet" href="qunit.css"> <script src="qunit.js"></script> <script> test("hello", function() { ok(true, "world"); }); </script> <h1 id="qunit-header">QUnit Hello World</h1> <h2 id="qunit-banner"></h2> <ol id="qunit-tests"></ol> ``` 求教大神指导下,这二者的区别,他们是不是同一个QUnit单元测试框架
jsp导入js的路径问题 求教!
请教在jsp导入js文件时路径应该要怎么写?已经试过很多种路径了,包括获取绝对路径。现在是这么写的: ![图片说明](https://img-ask.csdn.net/upload/201508/06/1438821954_492070.jpg) 文件目录: ![图片说明](https://img-ask.csdn.net/upload/201508/06/1438821920_675353.jpg) 我想在findCircleMember.jsp中导入list.min.js。谢谢各位大神!
使用Apexcharts.js中的brush类型图表,上面的折线图无法刷新,求教问题在哪?
# Apexcharts.js中的brush类型图表无法刷新数据 求教各路大神,本人最近在做一个前端开发项目,需要用一张图来展现100个数据,这100个数据是从通过ajax请求从后端接收的,每10秒轮询一次,更新100个数据。 网上找到了开源库apexcharts.js,瞬间被高大上的brush类型图所吸引,引入到我在开发的程序中(网上demo图如下): ![图片说明](https://img-ask.csdn.net/upload/201907/06/1562392234_131426.jpg) 但是出现了下面柱状图数据刷新正常,而上面折线图无法刷新的问题,如下图所示,详细问题描述和代码也在下方,谢谢各位。 ![图片说明](https://img-ask.csdn.net/upload/201907/06/1562393740_668680.png) 我根据示例代码和官方网站上的doc进行了修改,并移植到开发的程序中。大致原理是:打开网页——前端按10秒钟轮询方式通过ajax发送请求到后端——后端python程序生成100个数据,通过json格式返回前端——前端更新数据并刷新图表 前端跟后端交互的代码如下 ``` var storm_data_s6a = ""; var strom_time_s6a = ""; $(document).ready(function(){ setInterval(function(){$.ajax({ type:"POST", url:"/sigStorm/", dataType:"json", contentType:"application/json", data:JSON.stringify({"S6a_storm":true,"Cx_storm":true,"Rejcall":true}), success:function(res){ storm_data_s6a = res.S6a_storm; storm_time_s6a = res.storm_time; //alert(storm_data_s6a[15]); stormFigure() } }) },100000); }); ``` 为了实现图表实时刷新的目的,防止重复新建插入图表,我在处理图表呈现时采用了“清空元素内容”,再“重新创建图表”的办法,代码如下: ``` function stormFigure() { var time1 = new Date(storm_time_s6a).getTime() var time2 = time1 - 1200000 var time3 = time1 - 5940000 var data1 = generateDayWiseTimeSeries(new Date(time3).getTime(), 100, { min: 30, max: 90 }); var options1 = { chart: { id: "chart2", type: "area", height: 230, foreColor: "#ccc", toolbar: { autoSelected: "pan", show: false } }, colors: ["#00BAEC"], stroke: { width: 3 }, grid: { borderColor: "#555", yaxis: { lines: { show: false } } }, dataLabels: { enabled: true }, fill: { gradient: { enabled: true, opacityFrom: 0.55, opacityTo: 0 } }, markers: { size: 5, colors: ["#000524"], strokeColor: "#00BAEC", strokeWidth: 3 }, series: [ { name: "S6a_flow", data: data1 } ], tooltip: { x:{ show: true, format: 'HH:mm' }, theme: "dark" }, xaxis: { type: "datetime", }, yaxis: { tickAmount: 10, min: 0, max: 250, } }; $("#chart-area").empty(); var chart1 = new ApexCharts(document.querySelector("#chart-area"), options1); chart1.render(); //chart1.updateSeries([{ data: data1 }]); //chart1.updateOptions(null,false,false,false); var options2 = { chart: { id: "chart1", height: 130, type: "bar", foreColor: "#ccc", brush: { target: "chart2", enabled: true }, selection: { fill: { color: "#fff", opacity: 0.4 }, xaxis: { min: time2, max: time1 } } }, colors: ["#FF0080"], series: [ { name: "S6a_flow", data: data1 } ], stroke: { width: 2 }, grid: { borderColor: "#444" }, markers: { size: 0 }, xaxis: { type: "datetime", tooltip: { enabled: false } }, yaxis: { tickAmount: 2, min: 0, max: 200 } }; $("#chart-bar").empty(); var chart2 = new ApexCharts(document.querySelector("#chart-bar"), options2); chart2.render(); } ``` 但是在程序运行后,就出现了上面的折线图不能刷新的情况(重新打开网页可以)。下面的柱状图刷新没有问题。 可以确认的是,数据是没有问题的,我把chart2 options2中的brush.enable置为false后,折线图也可以实时刷新。但是我翻遍了官网,也未能得到brush设置的有效指导。 此问题已困扰我几天,求教各位大神和曾经使用过ApexCharts工具的大神给予指导,不胜感激~
求教大神 setInterval 怎么不工作?不能定时更新数据
``` <script> setInterval("loadData()",5000); $(function loadData() { $.ajax( { type: 'POST', dataType: 'text', data:'', async: false, cache: false, url: 'ajax-test.ashx', success: function (data) { var jsonObject = eval('(' + data.split("|")[0] + ')'); var jsonObjectLTC = eval('(' + data.split("|")[1] + ')'); var jsonObjectUSDT = eval('(' + data.split("|")[2] + ')'); var divcontent =""; divcontent = "<tr><td>" + jsonObject.ltc_cny.last + "</td>";</tr>"; $("#tbody").html(divcontent); }, error: function () {alert} }); function A(){......} function B(){......} . . . . function N(){......} }); </script> ```
动态规划入门到熟悉,看不懂来打我啊
持续更新。。。。。。 2.1斐波那契系列问题 2.2矩阵系列问题 2.3跳跃系列问题 3.1 01背包 3.2 完全背包 3.3多重背包 3.4 一些变形选讲 2.1斐波那契系列问题 在数学上,斐波纳契数列以如下被以递归的方法定义:F(0)=0,F(1)=1, F(n)=F(n-1)+F(n-2)(n&gt;=2,n∈N*)根据定义,前十项为1, 1, 2, 3...
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私...
对计算机专业来说学历真的重要吗?
我本科学校是渣渣二本,研究生学校是985,现在毕业五年,校招笔试、面试,社招面试参加了两年了,就我个人的经历来说下这个问题。 这篇文章很长,但绝对是精华,相信我,读完以后,你会知道学历不好的解决方案,记得帮我点赞哦。 先说结论,无论赞不赞同,它本质就是这样:对于技术类工作而言,学历五年以内非常重要,但有办法弥补。五年以后,不重要。 目录: 张雪峰讲述的事实 我看到的事实 为什么会这样 ...
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
Python 植物大战僵尸代码实现(2):植物卡片选择和种植
这篇文章要介绍的是: - 上方植物卡片栏的实现。 - 点击植物卡片,鼠标切换为植物图片。 - 鼠标移动时,判断当前在哪个方格中,并显示半透明的植物作为提示。
防劝退!数据结构和算法难理解?可视化动画带你轻松透彻理解!
大家好,我是 Rocky0429,一个连数据结构和算法都不会的蒟蒻… 学过数据结构和算法的都知道这玩意儿不好学,没学过的经常听到这样的说法还没学就觉得难,其实难吗?真难! 难在哪呢?当年我还是个小蒟蒻,初学数据结构和算法的时候,在忍着枯燥看完定义原理,之后想实现的时候,觉得它们的过程真的是七拐八绕,及其难受。 在简单的链表、栈和队列这些我还能靠着在草稿上写写画画理解过程,但是到了数论、图...
【搞定 Java 并发面试】面试最常问的 Java 并发基础常见面试题总结!
本文为 SnailClimb 的原创,目前已经收录自我开源的 JavaGuide 中(61.5 k Star!【Java学习 面试指南】 一份涵盖大部分Java程序员所需要掌握的核心知识。欢迎 Star!)。 另外推荐一篇原创:终极推荐!可能是最适合你的Java学习路线 方法 网站 书籍推荐! Java 并发基础常见面试题总结 1. 什么是线程和进程? 1.1. 何为进程? 进程是程...
西游记团队中如果需要裁掉一个人,会先裁掉谁?
2019年互联网寒冬,大批企业开始裁员,下图是网上流传的一张截图: 裁员不可避免,那如何才能做到不管大环境如何变化,自身不受影响呢? 我们先来看一个有意思的故事,如果西游记取经团队需要裁员一名,会裁掉谁呢,为什么? 西游记团队组成: 1.唐僧 作为团队teamleader,有很坚韧的品性和极高的原则性,不达目的不罢休,遇到任何问题,都没有退缩过,又很得上司支持和赏识(直接得到唐太宗的任命,既给
shell脚本:备份数据库、代码上线
备份MySQL数据库 场景: 一台MySQL服务器,跑着5个数据库,在没有做主从的情况下,需要对这5个库进行备份 需求: 1)每天备份一次,需要备份所有的库 2)把备份数据存放到/data/backup/下 3)备份文件名称格式示例:dbname-2019-11-23.sql 4)需要对1天以前的所有sql文件压缩,格式为gzip 5)本地数据保留1周 6)需要把备份的数据同步到远程备份中心,假如...
iOS Bug 太多,苹果终于坐不住了!
开源的 Android 和闭源的 iOS,作为用户的你,更偏向哪一个呢? 整理 | 屠敏 出品 | CSDN(ID:CSDNnews) 毋庸置疑,当前移动设备操作系统市场中,Android 和 iOS 作为两大阵营,在相互竞争的同时不断演进。不过一直以来,开源的 Android 吸引了无数的手机厂商涌入其中,为其生态带来了百花齐放的盛景,但和神秘且闭源的 iOS 系统相比,不少网友...
神经⽹络可以计算任何函数的可视化证明
《Neural Networks and Deep Learning》读书笔记第四篇本章其实和前面章节的关联性不大,所以大可将本章作为小短文来阅读,当然基本的深度学习基础还是要有的。主要介绍了神经⽹络拥有的⼀种普遍性,比如说不管目标函数是怎样的,神经网络总是能够对任何可能的输入,其值(或者说近似值)是网络的输出,哪怕是多输入和多输出也是如此,我们大可直接得出一个结论:不论我们想要计算什么样的函数,...
聊聊C语言和指针的本质
坐着绿皮车上海到杭州,24块钱,很宽敞,在火车上非正式地聊几句。 很多编程语言都以 “没有指针” 作为自己的优势来宣传,然而,对于C语言,指针却是与生俱来的。 那么,什么是指针,为什么大家都想避开指针。 很简单, 指针就是地址,当一个地址作为一个变量存在时,它就被叫做指针,该变量的类型,自然就是指针类型。 指针的作用就是,给出一个指针,取出该指针指向地址处的值。为了理解本质,我们从计算机模型说起...
为什么你学不过动态规划?告别动态规划,谈谈我的经验
动态规划难吗?说实话,我觉得很难,特别是对于初学者来说,我当时入门动态规划的时候,是看 0-1 背包问题,当时真的是一脸懵逼。后来,我遇到动态规划的题,看的懂答案,但就是自己不会做,不知道怎么下手。就像做递归的题,看的懂答案,但下不了手,关于递归的,我之前也写过一篇套路的文章,如果对递归不大懂的,强烈建议看一看:为什么你学不会递归,告别递归,谈谈我的经验 对于动态规划,春招秋招时好多题都会用到动态...
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外...
字节跳动面试官这样问消息队列:分布式事务、重复消费、顺序消费,我整理了一下
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群,欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸...
如何安装 IntelliJ IDEA 最新版本——详细教程
IntelliJ IDEA 简称 IDEA,被业界公认为最好的 Java 集成开发工具,尤其在智能代码助手、代码自动提示、代码重构、代码版本管理(Git、SVN、Maven)、单元测试、代码分析等方面有着亮眼的发挥。IDEA 产于捷克,开发人员以严谨著称的东欧程序员为主。IDEA 分为社区版和付费版两个版本。 我呢,一直是 Eclipse 的忠实粉丝,差不多十年的老用户了。很早就接触到了 IDEA...
面试还搞不懂redis,快看看这40道面试题(含答案和思维导图)
Redis 面试题 1、什么是 Redis?. 2、Redis 的数据类型? 3、使用 Redis 有哪些好处? 4、Redis 相比 Memcached 有哪些优势? 5、Memcache 与 Redis 的区别都有哪些? 6、Redis 是单进程单线程的? 7、一个字符串类型的值能存储最大容量是多少? 8、Redis 的持久化机制是什么?各自的优缺点? 9、Redis 常见性...
大学四年自学走来,这些珍藏的「实用工具/学习网站」我全贡献出来了
知乎高赞:文中列举了互联网一线大厂程序员都在用的工具集合,涉及面非常广,小白和老手都可以进来看看,或许有新收获。
为什么要推荐大家学习字节码?
配套视频: 为什么推荐大家学习Java字节码 https://www.bilibili.com/video/av77600176/ 一、背景 本文主要探讨:为什么要学习 JVM 字节码? 可能很多人会觉得没必要,因为平时开发用不到,而且不学这个也没耽误学习。 但是这里分享一点感悟,即人总是根据自己已经掌握的知识和技能来解决问题的。 这里有个悖论,有时候你觉得有些技术没用恰恰是...
互联网公司的裁员,能玩出多少种花样?
裁员,也是一门学问,可谓博大精深!以下,是互联网公司的裁员的多种方法:-正文开始-135岁+不予续签的理由:千禧一代网感更强。95后不予通过试用期的理由:已婚已育员工更有责任心。2通知接下来要过苦日子,让一部分不肯同甘共苦的员工自己走人,以“兄弟”和“非兄弟”来区别员工。3强制996。员工如果平衡不了工作和家庭,可在离婚或离职里二选一。4不布置任何工作,但下班前必须提交千字工作日报。5不给活干+...
【超详细分析】关于三次握手与四次挥手面试官想考我们什么?
在面试中,三次握手和四次挥手可以说是问的最频繁的一个知识点了,我相信大家也都看过很多关于三次握手与四次挥手的文章,今天的这篇文章,重点是围绕着面试,我们应该掌握哪些比较重要的点,哪些是比较被面试官给问到的,我觉得如果你能把我下面列举的一些点都记住、理解,我想就差不多了。 三次握手 当面试官问你为什么需要有三次握手、三次握手的作用、讲讲三次三次握手的时候,我想很多人会这样回答: 首先很多人会先讲下握...
新程序员七宗罪
当我发表这篇文章《为什么每个工程师都应该开始考虑开发中的分析和编程技能呢?》时,我从未想到它会对读者产生如此积极的影响。那些想要开始探索编程和数据科学领域的人向我寻求建议;还有一些人问我下一篇文章的发布日期;还有许多人询问如何顺利过渡到这个职业。我非常鼓励大家继续分享我在这个旅程的经验,学习,成功和失败,以帮助尽可能多的人过渡到一个充满无数好处和机会的职业生涯。亲爱的读者,谢谢你。 -罗伯特。 ...
活到老,学到老,程序员也该如此
全文共2763字,预计学习时长8分钟 图片来源:Pixabay 此前,“网传阿里巴巴要求尽快实现P8全员35周岁以内”的消息闹得沸沸扬扬。虽然很快被阿里辟谣,但苍蝇不叮无缝的蛋,无蜜不招彩蝶蜂。消息从何而来?真相究竟怎样?我们无从而知。我们只知道一个事实:不知从何时开始,程序猿也被划在了“吃青春饭”行业之列。 饱受“996ICU”摧残后,好不容易“头秃了变强了”,即将步入为“高...
Vue快速实现通用表单验证
本文开篇第一句话,想引用鲁迅先生《祝福》里的一句话,那便是:“我真傻,真的,我单单知道后端整天都是CRUD,我没想到前端整天都是Form表单”。这句话要从哪里说起呢?大概要从最近半个月的“全栈工程师”说起。项目上需要做一个城市配载的功能,顾名思义,就是通过框选和拖拽的方式在地图上完成配载。博主选择了前后端分离的方式,在这个过程中发现:首先,只要有依赖jQuery的组件,譬如Kendoui,即使使用...
2019年Spring Boot面试都问了什么?快看看这22道面试题!
Spring Boot 面试题 1、什么是 Spring Boot? 2、Spring Boot 有哪些优点? 3、什么是 JavaConfig? 4、如何重新加载 Spring Boot 上的更改,而无需重新启动服务器? 5、Spring Boot 中的监视器是什么? 6、如何在 Spring Boot 中禁用 Actuator 端点安全性? 7、如何在自定义端口上运行 Sprin...
【图解】记一次手撕算法面试:字节跳动的面试官把我四连击了
字节跳动这家公司,应该是所有秋招的公司中,对算法最重视的一个了,每次面试基本都会让你手撕算法,今天这篇文章就记录下当时被问到的几个算法题,并且每个算法题我都详细着给出了最优解,下面再现当时的面试场景。看完一定让你有所收获 一、小牛试刀:有效括号 大部分情况下,面试官都会问一个不怎么难的问题,不过你千万别太开心,因为这道题往往可以拓展出更多有难度的问题,或者一道题看起来很简单,但是给出最优解,确实很...
关于裁员几点看法及建议
最近网易裁员事件引起广泛关注,昨天网易针对此事,也发了声明,到底谁对谁错,孰是孰非?我们作为吃瓜观众实在是知之甚少,所以不敢妄下定论。身处软件开发这个行业,近一两年来,对...
面试官:关于Java性能优化,你有什么技巧
通过使用一些辅助性工具来找到程序中的瓶颈,然后就可以对瓶颈部分的代码进行优化。 一般有两种方案:即优化代码或更改设计方法。我们一般会选择后者,因为不去调用以下代码要比调用一些优化的代码更能提高程序的性能。而一个设计良好的程序能够精简代码,从而提高性能。 下面将提供一些在JAVA程序的设计和编码中,为了能够提高JAVA程序的性能,而经常采用的一些方法和技巧。 1.对象的生成和大小的调整。 J...
相关热词 c#时间格式化 不带- c#替换字符串中指定位置 c# rdlc 动态报表 c# 获取txt编码格式 c#事件主动调用 c#抽象工厂模式 c# 如何添加类注释 c# static块 c#处理浮点数 c# 生成字母数字随机数
立即提问