js
RenQiang_Cheng
拥有7年的工作经验,主攻JAVA方向,附带学习前端技术,包括微信小程序、微信公众号、nodejs等。研读过《算法4》、《JavaScript高级程序设计》、《MySQL技术内幕》等技术书籍。
展开
-
JS实现九连环摘下-挂上步骤
使用前端js实现了下九连环的玩儿法,控制台打印了所有的摘下和挂上的步骤。有兴趣的可以拿去,转成java或者其它语言实现下,下面贴所有代码<!DOCTYPE html><html><head><meta charset="utf-8"></head><body><script type="text/javascript"> // 总体思想是使用递归,完成挂上和摘下操作,每个操作都设置一个递归循环的出口原创 2022-03-07 16:09:20 · 411 阅读 · 0 评论 -
js版本的贪吃蛇
原计划使用java写一个C端的贪吃蛇,后来发现要从头学java C端的知识,时间紧迫,就使用js写了一个页面版的,代码还有优化的空间,大家努力。这个蛇,自己会向前爬行,遇到墙壁会自动拐弯儿,会受键盘的方向键控制(这里引入了一个jq的js文件),会吃果实,游戏结束后,点击确定就可以重新开始。目前只支持谷歌浏览器。上代码:<html> <head> <title></title> <meta charSet="utf-8"/> &原创 2021-04-27 16:04:19 · 201 阅读 · 0 评论 -
不创建新的变量,实现变量值换位置
不创建新的变量,实现变量值换位置如 a=3,b=2 ,换位后 a=2,b=3实现逻辑很简单,只要把a和b的和保存在其中一个变量中,再减去另一个变量就可以,代码: var a = 3 , b = 2; console.log("a = " + a + ", b = " + b); a = a + b; b = a - b; a = a - b; console.log("换位后"); console.log("a = " + a + ", b = " + b);原创 2020-09-07 14:22:51 · 219 阅读 · 0 评论 -
使用 js canvas 画一棵二叉树
使用JS canvas 画一棵二叉树使用 js canvas 画一棵二叉树闲话少说,上效果图页面执行时是一层一层画出来的,下面是代码,优化的空间很大,有兴趣的可以拿去搞一搞使用 js canvas 画一棵二叉树闲话少说,上效果图页面执行时是一层一层画出来的,下面是代码,优化的空间很大,有兴趣的可以拿去搞一搞 var Point = function(x, y){ this.x = x; this.y = y; }; var Line = function(length原创 2020-07-03 15:02:24 · 669 阅读 · 0 评论 -
js使用百度api画轨迹
最近工作中使用到了javascript版本的百度地图api,需要把经纬度点连接成一条连续的轨迹。正巧赶上了七夕,所以就想到在太平洋上画一个心,一起来看代码吧,代码很简单,重点是这些坐标点比较费时间<!DOCTYPE html><html> <head> <title>Hello World</title> ...原创 2019-08-12 11:11:00 · 1004 阅读 · 0 评论 -
小程序 js 异步方法 callback 使用
最近接手了一个小程序项目,其中最大的Js文件在两千行左右,我根据业务逻辑浏览了一遍该js文件,发现很多代码写的都有问题,可优化的内容很多。下面通过该js文件,总结出了几点,今天先更新一下关于 callback 的使用吧。 callback 都是基于异步方法使用的,优势: 1,它保证了异步调用流程的正确性,不会出现下一步没有获取到上一步的参数内容,导致下一步执行失败...原创 2019-06-18 13:46:36 · 3462 阅读 · 0 评论 -
24游戏 js 暴力破解
最近地铁上没啥事,玩了玩 24 游戏。游戏定义很简单,四个100以内整数,通过三次四则运算,结果等于24。忙中偷闲用 js 开发写了一个暴力破解的方法。代码贴一下。<html> <body> <script>function calculation(a, b, c, d){ //符号整理 var charsAll = []; var ch...原创 2019-04-25 17:50:26 · 580 阅读 · 0 评论 -
jq判断页面元素是否存在并其值是否有效
开发过程中遇到需要判断一个页面元素是否存在,即一个select标签是否存在。如果存在,还要判断他的值是否有效,即非指定的几个值,我的源代码如下:if($("#quoPoolDealers") && (!$("#quoPoolDealers").val() || $("#quoPoolDealers").val() == "0:请选择")){console.log("存在,且值无效"原创 2018-01-03 12:00:23 · 2100 阅读 · 0 评论 -
动态获取Echart所需要的数据Map List
开发页面时,涉及到图表,使用的是Echart的2.0,后来升级到了3.0,都很好用。下面先说正常流程,然后说动态获取List和Map类型的数据图表中展示数据时,需要传入固定格式的数据,我一般会把后台数据组织成按照","(英文逗号)分隔的字符串,页面js直接使用,后台代码如下:StringBuilder x = new StringBuilder();StringBuil原创 2017-12-01 14:29:45 · 1911 阅读 · 0 评论 -
集合分页展示,补全最后一页
开发中遇到过把一个固定的集合分页展示的问题,页数和每页展示的条数又是不固定的,而且常出现最后一页或者最后几页需要使用前几页的内容补全的情况下面是我的解决办法,java代码如下,可以根据该代码调整成js、Freemarker等语言代码:package com.rq.spring.main;import java.util.ArrayList;impor原创 2017-10-31 15:24:01 · 1034 阅读 · 0 评论 -
js获取点击事件的位置,兼容主流浏览器
在前端开发中,会遇到使用js获取鼠标点击的位置这样的问题,看到网上有很多获取的方法,但是偶尔会出现浏览器不兼容的问题。下面是我无意中阅读一本关于h5的书,从中找到的一个实现方法。例如我要在页面中创建一个元素,并添加一个js方法给这个元素,通常的写法是:$('#mainImgDiv').append('然后在js部分写$(".ht-img").click(func原创 2017-10-30 15:02:06 · 1419 阅读 · 0 评论