![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 62
freedom_文
这个作者很懒,什么都没留下…
展开
-
【ECMAScript 6】箭头函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><button id="btn1">11111</button&g...原创 2019-10-28 20:22:12 · 190 阅读 · 0 评论 -
【JS原生】按条件筛选数组内容,兼容IE
CV用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #d1{width: 800px;border: 1px solid #0a8...原创 2019-10-13 20:32:39 · 540 阅读 · 0 评论 -
【JavaScript时间】获取昨天、明天、本周一,本月一号,今年一号,当天0点,23:59:59
备忘,以后可以直接复制:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> var date=n...原创 2019-03-27 21:45:46 · 2184 阅读 · 0 评论 -
简单介绍 js 跳出循环的几种不同方法: break; continue; return;
Break:break 语句用于跳出循环, 遇到break直接整体跳出,不再循环下一个;&lt;script type="text/javascript"&gt; function abc() { for (i=1;i&lt;10;i++) { if (i==3) { break; }...原创 2019-02-18 20:15:35 · 501 阅读 · 0 评论 -
JavaScript 导入 excel文件(兼容IE11) 示例 打包下载
备忘,直接放地址:导入效果图:导出效果图:(导出是将下面的字符串导成excel并下载): var str='[{&amp;amp;amp;amp;quot;序号&amp;amp;amp;amp;quot;:&amp;amp;amp;amp;quot;1&amp;amp;amp;amp;quot;,&amp;amp;amp;amp;quot;名字&amp;amp;amp原创 2019-01-21 11:22:33 · 830 阅读 · 0 评论 -
JavaScript 数学/数字 常用函数 ——取整、小数、取余等 ;
收集一下,方便以后使用;1: Math 对象方法方法描述 abs(x) 返回数的绝对值。 acos(x) 返回数的反余弦值。 asin(x) 返回数的反正弦值。 atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。 ata...转载 2019-01-02 15:45:35 · 609 阅读 · 0 评论 -
web前端、JavaScript常用的几个正则表达式
正则表达式(Regular Expression)是一种文本模式,包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为”元字符”)。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。前端代码中,在不同要求下,需要匹配的正则表达式还真是无穷无尽,甚至还有存在一些相当……咳,BT的要求下面大概记录一些web前端最常用的几种正则表达式:1、手机号码: /^(\+86|008原创 2017-12-06 17:22:35 · 443 阅读 · 0 评论 -
JavaScript / jQuery 同时 设置单个/多个、 获取元素属性 值 及 设置style样式
记录一下用JavaScript原生代码 以及jQuery 设置/获取 属性的方法:(文章最下面有完整版代码)首先把JavaScript的奉上function attribute() { var val=document.getElementById("in1").value, a1=document.getElementById("a1"),原创 2017-11-21 16:20:46 · 8360 阅读 · 2 评论 -
select下拉框 JS原生 / jQuery 获取选中值、设置当前选项等
JS原生版:&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;原创 2018-10-18 22:20:13 · 1508 阅读 · 0 评论 -
备忘整理: JavaScript 字符串 截取 / 切割 / 拼接 的几种方法 / js判断字符串长度
长时间的不写某部分代码还真挺容易忘记的,做一些备忘,以后可以直接复制着用了。字符串切割 :&amp;amp;lt;script&amp;amp;gt; window.onload=function () { var str=&amp;quot;2018-05-05 18:10:03&amp;quot;; //1、substring(start,stop)原创 2018-05-07 15:22:57 · 1141 阅读 · 0 评论 -
AJAX异步上传图片,JavaScript 图片转Base64 编码
用AJAX给数据库添加图片的时候,需要先把图片 转成编码才行, 记录一下。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&a原创 2018-05-12 16:55:28 · 1390 阅读 · 0 评论 -
JavaScript 原型对象、原型链继承简单理解,使用
整理一下思路,简单说一下个人对 原型对象的理解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script type="te...原创 2019-04-13 11:09:59 · 212 阅读 · 0 评论 -
JavaScript 小数点数字的 获取 && 操作
js如何判断小数点后有几位<script> var n=3.143423423; alert(n.toString().split(".")[1].length); </script> js javascrip 截取小数点后几位:第一种,利用math.roundvar original=28.453//round “origi...转载 2019-04-28 14:37:53 · 767 阅读 · 0 评论 -
JavaScript原生 & jQuery 获取 & 设置 滚动条移动长度、高度 / scroll
记录备忘: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #d1{width: 500px;height: 300px;margi...原创 2019-05-03 12:56:19 · 2845 阅读 · 0 评论 -
【js】获取对象,key / value 的几种方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> var obj={"a1":123,"b2":2...原创 2019-08-12 16:37:13 · 8499 阅读 · 1 评论 -
【JavaScript 】 定时器开关事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="d1">0</div><bu...原创 2019-08-21 12:43:59 · 409 阅读 · 0 评论 -
【JavaScript时间】实时刷新当前时间,转换星期数字
CV用;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ text-align: center; ...原创 2019-08-21 12:43:15 · 563 阅读 · 0 评论 -
【JavaScript & jQuery】获取元素各个节点 (父节点,子节点,兄弟节点),元素筛选
JavaScript原生版:jQuery版:转载 2019-06-28 22:04:43 · 177 阅读 · 0 评论 -
【JavaScript & jQuery】 获取图片、文件 地址的几种方法
备忘, 整理一下:chrome、IE、火狐测试过有效;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><label>...原创 2019-06-22 10:24:08 · 2561 阅读 · 0 评论 -
JavaScript 十种鼠标事件
1、onclick原创 2019-06-04 18:52:52 · 3520 阅读 · 0 评论 -
JavaScript 判断字符串中是否包含某个字符串
方法一: indexOf() (推荐)var str = “123”;console.log(str.indexOf(“3”) != -1 ); // trueindexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。 方法二: search()var str = “123”;console.log(str.s...转载 2019-06-06 17:38:44 · 3755 阅读 · 0 评论 -
javascript 判断点在面内,点在圆内
点在多边形内常用的算法就是使用射线法,作为笔记直接上代码: /** * 判断一个点是否在多边形内部 * @param points 多边形坐标集合 * @param testPoint 测试点坐标 * 返回true为真,false为假 * */ function insidePolygon(points, te...转载 2019-05-18 11:44:01 · 1847 阅读 · 0 评论 -
JavaScript 易用型 汉字转拼音
简单好用的插件:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/titl原创 2018-05-12 15:42:26 · 317 阅读 · 0 评论 -
备忘整理: JavaScript 数组 删除 / 添加,拼接 的几种方法
数组篇 :数组添加 :&amp;amp;lt;script&amp;amp;gt; window.onload=function () { var arr1=[&amp;quot;123&amp;quot;,&amp;quot;456&amp;quot;]; //1、push() 方法可向数组的最后添加一个或多个元素,直接修改原数组; 需要注意的是,它返原创 2018-05-12 11:15:28 · 261 阅读 · 0 评论 -
JavaScript 字符与Unicode 转换 汉字转Unicode码
Unicode 是计算机科学领域里的一项业界标准,JavaScript本身就是使用Unicode字符集编写的, 有时候我们需要对一段文本或者一段内容进行重新排版编译的时候就需要将获取的值进行转码, 做个随笔记录一下, 其实主要使用的就是JS的 charCodeAt() 方法 和 escape() 函数 关于这两个可以点击以下网址了解详情: http://www.w3school...原创 2018-03-16 23:14:20 · 1444 阅读 · 0 评论 -
HTML5 Canvas 开发 绘图方法整理 【五、canvas text / 文本、文字相关】
关于 Canvas文本的方法和属性如下 : 另外再加上 fillStyle() 与 strokeStyle();一般情况下都是 fillStyle() 与 fillText() | 或 | strokeStyle() 与 strokeText() 配合着使用;1、描边文字 ctx.strokeText(“要显示的文本”,x , y ,最大宽度); 最大宽度为...原创 2018-02-16 17:30:31 · 1430 阅读 · 0 评论 -
HTML5 Canvas 开发 绘图方法整理 【四、canvas曲线图形 / 圆形】
其实在Canvas 中的基本图形就只有两个 : 直线图形 和 曲线图形 。圆形也算是在曲线图形中,一般画圆的时候必须配套使用 beginPath() 和 closePath(),圆形属于一个“闭合图形”,先在画布上开辟一个路径,画完以后结束路径。语法:ctx.beginPath(); ctx.arc(x,y,半径,开始角度,结束角度, 是否逆时针绘制); 默...原创 2018-02-14 16:21:27 · 1432 阅读 · 0 评论 -
HTML5 Canvas 开发 绘图方法整理 【二、canvas直线 & canvas矩形】
开始绘制图形之前有一点需要说一下,Canvas 采用的坐标系是W3C的坐标系 : X轴 正方向 向右; Y轴 正方向 向下;所有的绘制方向都以这个为准。Canvas 左上角的坐标是 X :0 ; Y : 0 虽然写负数不会报错,但是Canvas 默认超出部分是不显示的;如图所示: 本章需要用到的API(关注点放在 . 后面就行 ^...原创 2018-02-12 11:19:17 · 1401 阅读 · 0 评论 -
HTML5 Canvas 开发 绘图方法整理 【一、需要了解的基础内容】
先说一下提前需要准备的和需要知道的内容:Canvas是一门纯JavaScript操作的技术,截止目前为止,暂时只支持到2D图形, HTML5 主要的2个2D图形技术 就是 Canvas 和 SVG ; 两者大致区别如下: 1、Canvas 是用JavaScript 操作动态生成的, SVG 则是使用XML静态描述生成的; 2、Canvas 基于位...原创 2018-02-12 10:58:50 · 2698 阅读 · 0 评论 -
JavaScript 时间与Unix时间戳互相转换,指定时间转换或获取当前时间
工作上用到这个还挺多的,做个简单的随笔,以后查询的时候比较方便:一般JS获取的时间戳默认是13位数字,在个人的工作中,PHP后台只需要精确到秒就行,看各位亲的需要了,代码注释里尽量写的比较清楚了 html lang="en">head> meta charset="UTF-8"> title>时间与时间戳互相转换title>head>body>scri原创 2018-02-03 14:27:40 · 5051 阅读 · 0 评论 -
html动态添加需要显示的内容/文字过多,超出部分以省略号显示,鼠标移入时全部显示
表格中有时某个元素里内容会很多,多到影响了整个页面布局的情况,除了写死在html中的内容,只要是动态添加的数据都很有可能会发生这种情况,举个例子简单说一下自己目前的处理方法,写的不好的请大神多多指教!先说一下会出现的一些情况: 在CSS样式中我设置的很明确,后面两个 列 的宽度是 40% 不过现在这种情况明显已经超过了40%,甚至已经将前面两列挤得变形了 ; 造成这样的原因是因为第二行中原创 2017-12-31 12:39:45 · 5147 阅读 · 0 评论 -
JavaScript传参时类型错误Uncaught ReferenceError js传递的参数未定义
上次写代码时碰到一个类型错误问题,在数据传参中浏览器报了以下这个错误: 一开始还以为是不能不能传递中文的原因,试验了英文结果也是一样的。 后来发现其实是在传参的过程中字符被当成是变量了,所以才会报出未定义的错误。 做了一个简单版的代码,有需要的朋友可以借鉴下<!DOCTYPE html><html lang="en"><head> <meta原创 2017-12-30 18:09:56 · 5902 阅读 · 1 评论 -
兼容IE - JavaScript--常用的---对象转数组转字符串 等相互转化
直接就上正文了,实在不会多吐槽呀 1、数组转字符串 : toString()var arr1=["a","b","c","d",5,8];console.log(arr1.toString()); 2、字符串转数组 : splitvar str1 = "周一,周二,周三,周四,周五,周六,周末";var arr4 = str1.split(",");console.log(原创 2017-12-07 14:46:38 · 640 阅读 · 0 评论 -
JavaScript获取浏览器名称、版本等信息
要知道我们所使用浏览器的相关信息,都离不开一个对象:Navigator Navigator 包含了有关访问者浏览器的信息,包括浏览器类型、版本等等。大家可以直接运行一遍仔细看看就可以懂了console.log(navigator);在控制台可以很清楚的展示出来,想要获取什么内容或信息直接 “ . ”就OK了;再附上一段直接显示名称与版本号代码:<!DOCTYPE html><html lang=原创 2017-11-27 18:11:59 · 4232 阅读 · 0 评论 -
CSS3 + JavaScript原生 实现翻转特效
利用CSS3 动画:@keyframes 具体在这里就不详细解释了,想要详细了解的可以访问下面这个网址:http://www.w3school.com.cn/css3/css3_animation.asp 理论上来说就是先定义好想要的动画效果,在用JS 将写好的效果用鼠标移入移出的事件来配合: 废话不多说,直接上代码:<!DOCTYPE html><html l原创 2017-12-20 15:41:05 · 1328 阅读 · 0 评论 -
HTML5 Canvas 开发 绘图方法整理 【六、canvas image /canvas绘制图片、平铺图片】
绘制图片目前有三种调用的方式 :1、ctx.drawImage(image,dx,dy); //image 是要显示的图片 dx与 dy 是图片左上角 的横坐标 与 纵坐标, 这种方法中引用的图片可以是JS 创建的,也可以是 直接引用页面中 img标签的图片2、ctx.drawImage(image, dx, dy, dw, dh); 与上面...原创 2018-02-16 17:42:48 · 1195 阅读 · 0 评论 -
HTML5 Canvas 开发 绘图方法整理 【七、canvas 图片切割、自定义文字、字体背景】
Canvas 图片切割语法:ctx.clip(); 从画布中剪切任意形状和尺寸。需要注意的是: 剪切之后,除设定Canvas “状态” 外, 一般都会在裁剪后的图形里绘制。这个不难理解,直接来个示例代码吧:window.onload=function () { let cans=document.getElementById("sixthC")...原创 2018-02-17 19:34:55 · 1459 阅读 · 0 评论 -
HTML5 Canvas 开发 绘图方法整理 【九、Canvas旋转、缩放】
rotate() 旋转当前绘图 (旋转) 语法: ctx.rotate 需要注意的是它默认旋转的原点并不是以之前绘制的图形某一点为原点 而是以Canvas 画布 x轴坐标0 y轴坐标0 的位置为原点的; 可以看下示例代码 ctx.fillStyle="#27A5FF"; ctx.fillRect(50,5...原创 2018-02-17 20:12:10 · 2870 阅读 · 0 评论 -
HTML5 Canvas 绘图方法整理 【十八、Canvas动画/ requestAnimationFrame() 兼容】
Canvas动画 与 一般的JS动画不太一样,因为它并不是用定时器 setInterval() 实现的, 事实上,setInterval() 稍微存在一些性能问题,对于Canvas动画来说不能准确的掌控 动画帧。Canvas在动画中,一般都采用 requestAnimationFrame() ; 请求动画帧, 通过循环,来实现动画的效果;setInterval()需要手动...原创 2018-03-16 20:38:45 · 1756 阅读 · 0 评论 -
HTML5 Canvas 绘图方法整理 【十六、Canvas键盘事件、keyCode对照表】
在Canvas中 键盘事件分为以下两种: 1、键盘按下 : keydown 2、键盘松开 : keyup;附上一份 keyCode值对应表: 键盘事件其实也用的都是JavaScript 的语法:window.addEventListener(type, fn, false);type指的是事件类型, 也就是keydown 或者 keyup...原创 2018-02-21 17:13:49 · 1993 阅读 · 1 评论