js代码

java项目,前端集成markdown

浪尽此生 提交于 2020-02-22 18:01:31
参考文档地址: https://pandao.github.io/editor.md/ ,该网站的GitHub中也有参考资料。 此集成markdown的图片上传功能是伪上传。 第一步,引入markdown的css,js,font等文件 <link rel="stylesheet" href="/css/editormd.preview.min.css"> <link rel="stylesheet" href="/css/editormd.min.css"> <script type="text/javascript" src="/js/jquery-3.4.0.js"></script> <script type="text/javascript" src="/js/editormd.min.js"></script> <script type="text/javascript" src="/js/lib/marked.min.js"></script> <script type="text/javascript" src="/js/lib/prettify.min.js"></script> 第二步,需要引入markdown的 HTML 处加入如下代码 注意div的 id=“qiestion-editor” 要和下面js中的 “qiestion-editor” 一致。

JS 数组 学习笔记

不问归期 提交于 2020-02-22 17:59:22
什么是数组 数组(array)是按次序排列的一组值。每个值的位置都有编号(从0开始),整个数组用方括号表示。本质上数组属于一种特殊的,由 Array 构造出来的对象, typeof 运算符返回数组的类型是 object ,任何类型的数据都可以放入数组。 var arr = ['a', 'b', 'c'] typeof arr // 'object' var arr2 = [ {a: 1}, [1, 2, 3], function(){ return true; } ] arr2[0] // {a: 1} 数组的赋值和读取 var arr = [] // 赋值 arr[0] = 'a' arr[1] = 'b' arr[2] = 'c' // 读取数组中编号是 2 的值 arr[2] // c 多维数组 var a = [[1, 2], [3, 4]] a[0][0] // 1 a[1][1] // 4 数组的键名 由于数组成员的键名是固定的(默认总是0、1、2...),因此数组不用为每个元素指定键名,而对象的每个成员都必须指定键名。JavaScript 语言规定,对象的键名一律为字符串,所以, 数组的键名其实也是字符串 。之所以可以用数值读取,是因为非字符串的键名会被转为字符串。 var arr = ['a', 'b', 'c'] arr['0'] // 'a' arr[0] //

require.js的用法

夙愿已清 提交于 2020-02-22 13:00:23
require.js 是一个非常流行的库。 一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。 <script src="1.js"></script> <script src="2.js"></script> <script src="3.js"></script> <script src="4.js"></script> <script src="5.js"></script> <script src="6.js"></script> 这段代码依次加载多个js文件。 这样的写法有很大的缺点。首先,加载的时候,浏览器会停止网页渲染,加载文件越多,网页失去响应的时间就会越长;其次,由于js文件之间存在依赖关系,因此必须严格保证加载顺序(比如上例的1.js要在2.js的前面),依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。 require.js的诞生,就是为了解决这两个问题:      (1)实现js文件的异步加载,避免网页失去响应;   (2)管理模块之间的依赖性,便于代码的编写和维护。 二、require.js的加载 使用require.js的第一步,是先去官方网站

JS实现——计算两日期之差

本小妞迷上赌 提交于 2020-02-22 12:14:58
在网上找了个js实现的,根据相差天数计算日期和根据两个日期计算相差多少天的示例和代码: 根据相差天数计算日期: 距离: 年 月 日 相差: 天 (输入负数则往前计算) 日期是: 根据日期计算相差天数: 开始日期: 年 月 日 结束日期: 年 月 日 相差天数: ======================================================================================= 实现代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>日期差计算器</title> </head> <body> <script> var hzWeek= new Array("日","一","二","三","四","五","六","日");function cweekday(wday){return hzWeek[wday];} function cala() { y=document.getElementById("SY").value; m=document.getElementById("SM").value; d=document.getElementById("SD")

JS生成指定位数的随机

与世无争的帅哥 提交于 2020-02-22 08:55:59
<html><script> //获取指定位数的随机数 function getRandom(num){ var random = Math.floor((Math.random()+Math.floor(Math.random()*9+1))*Math.pow(10,num-1)); } //调用随机数函数生成10位数的随机数 getRandom(10);</script> </html> 实现思路(文末有代码过程及运行结果),以获取10位随机数为例: 1、Math.random()函数可以获得0到1之间的小数,Math.pow(10,10)函数进行幂运算等价于10的10次方,Math.floor()函数向下取整去除小数位; 2、组合起来则可以获得一个10位的随机数:Math.floor(Math.random()*Math.pow(10,10)); 3、但是,如果Math.randow()的第一位小数位为0则可能获得的是9位随机数; 4、将Math.randow()加1,排除第一位小数位为0的情况,相应的幂运算减一位 Math.floor((Math.random()+1))*Math.pow(10,9)); 如此将获得一个10位的随机数,但是都将以1开头; 5、为了开头也能随机取数,可以将1替换为Math.floor(Math.random()*9+1); 6

微信开发实现一键拨号出现屏蔽问题的解决方案

瘦欲@ 提交于 2020-02-22 08:28:11
在做一个微信的微网站中的一个 便民服务电话功能的应用 ,用到 移动web页面 中列出的 电话号码 ,点击需要实现调用通讯录, 网页一键拨号的拨打电话功能 。 如果需要在移动浏览器中实现拨打电话,发送email,美国服务器,调用sns等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。 采用url链接的方式,实现在Safari ios,香港服务器,Android 浏览器,webos 浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能。 1.最常用WEB页面JS实现一键拨号的电话拨打功能: <a href="tel:13764567708"> 移动WEB页面JS一键拨打号码咨询功能 </a> 在拨号界面,显示号码,并提示拨打。 支持大部分的浏览器,但是在QQ浏览器上支持不好。 微信现在出现屏蔽常规拨号功能,具体解决办法见《 微信开发实现一键拨号出现屏蔽问题的解决方案 》 2.最常用WEB页面JS实现一键发送短信功能: <a href="sms:13764567708"> 移动WEB页面JS一键发送短信咨询功能 </a> 在信息录入界面,显示发送号码,并提示录入信息。 支持大部分的浏览器,但是在QQ浏览器上支持不好。 3、移动web页面自动探测电话号码 <meta name="format-detection" content=

JS--我发现,原来你是这样的JS(二)(基础概念--躯壳篇--不妨从中文角度看js)

﹥>﹥吖頭↗ 提交于 2020-02-22 07:20:04
一、介绍 这是红宝书(JavaScript高级程序设计 3版)的读书笔记第二篇(基础概念--躯壳篇),有着部分第三章的知识内容,当然其中还有我个人的理解。 红宝书这本书可以说是难啃的,要看完不容易,挺厚的,要看懂更不容易,要熟练js更是难,中间需要不断的积累与重温。 本书不是读一两遍就能把这书吃透,需要多读,可谓温故而知新,可以为师矣。 很多人看这些厚的书都是三天打鱼两天晒网,很少能看下去,能记住的东西往往前3章的内容,所以我写博客就是为了能和大家一起来读这本书,一起学JS。 二、基本概念(躯壳篇) 首先要说的,JavaScript是一门高级语言,没错语言,语言就要有一定的语法,接地气的讲就像中文,中文也有一定的语法,比如怎样书写,一撇一划便形成汉字之美,这样就写出大家都懂得汉字。类似的JavaScript也有语法: 1.区分大小写 在js中的一切,如变量,函数名,操作符等都区分大小写。 如变量名为test 和 Test 是两个不同的变量。 2.标识符(就是自己去定义的名称,如变量,函数名,属性名,参数等) 由字母,下划线(_),美元符号($),和数字组成,且第一个字符不能以数字开头。如 3Ta 这样的命名是错误的。 命名方式建议使用驼峰式命名:如myFriend。 3.注释 单行注释 // 这是单行注释 块级(多行)注释 /* * 这是多行注释 */ 4.严格模式

js坦克大战

▼魔方 西西 提交于 2020-02-22 05:06:40
bug一大堆 代码下载 <!DOCTYPE html> <html> <head> <title>tank</title> <style type="text/css"> body { margin: 0px; padding: 0px; border: 0px; } .map { position: absolute; top: 30px; width: 390px; height: 390px; left: 50%; margin-left: -200px; border: 9px solid orange; background-color: #8B8989; } .mapchild { position: absolute; background-size: cover; } #ifo { position: absolute; top: 30px; width: 418px; height: 418px; left: 50%; margin-left: -200px; color: green; text-align: center; background-color: #FAEBD7; z-index: 10; } </style> </head> <body> <div id="ifo"> <h1 id="ifo_title"></h1> <h3>按键说明:</h3>

模态框项目——js代码

ぐ巨炮叔叔 提交于 2020-02-21 22:47:00
$(document).ready(function(){ initSelect(); $("#registerUpdCount").attr('value',0); $("#registerShopNo").attr('value', $("#shopInfo").html().split(" ")[0]); getData(1); }); function initSelect(){ $.ajax({ type: "GET", contentType: "application/json", url: "/hq/document/initSelect", success: function(data){ var html = ""; $.each(data,function(key,value){ html += "<option value='"+key+"'>"+value+"</option>"; }) $("#docLicenceNo").append(html); } }) } function getData(docType){ $.ajax({ type: "GET", contentType: "application/json", url: "/hq/document/", data:"docType="+docType, success: function

JS中原型链关系

坚强是说给别人听的谎言 提交于 2020-02-21 19:16:42
在JS中没有类的概念,JS 这个语言是 “ 基于对象 ” (base Object) 的语言,不能叫做 “ 面向对象 ” (orinted object) 的语言。 在原生JS中它的内置数据类型是基于Fcuntion也就是内置构造函数,当然其也是一个对象,所以JS是基于对象,而不是基于抽象类 就像下图的关系,可以理解为先有内置构造函数,实例出Objcet函数,Array函数等等内置函数 这些函数的原型对象都指向Function的原型,而Function的原型却又是Objcet的实例,所以最后所有函数的原型的原型对象 都会指向Object,是JS语言用构造函数模拟了面向对象的概念从而更有效的组织代码,也就是组件开发 例如页面上有一个轮播图效果,我们直接使用JQ或者原生JS面向过程直接写就可以,当页面有三个轮播图,就会出现代码混乱维护问题等等, 而面向对象的思维就可以很好解决这些问题。 来源: https://www.cnblogs.com/tengx/p/12342438.html