JavaScript学习笔记
文章平均质量分 71
Vivian_jay
粗来向各路大神学习哒O(∩_∩)O
展开
-
JavaScript中形形色色的宽高
第一部分——JavaScript1.1.window下的宽高属性(window关键字可省略)① 浏览器宽高内部:window.innerWidth window.innerHeight外部:window.outerWidth window.outerHeight②用户屏幕宽高window.screen.原创 2016-10-21 14:56:24 · 123425 阅读 · 0 评论 -
JavaScript常用字符串处理函数【属性+方法】
length 属性:返回字符串长度concat - 连接两个或多个字符串(还可以使用‘+’连接) - 返回连接后的字符串 - stringObject.concat(stringX,stringX,...,stringX)charAt() - 返回指定索引位置的字符 - stringObject.charAt(index)indexOf() - 返回字符串中检索指定字符第一次出现的位置原创 2017-08-19 22:14:04 · 482 阅读 · 0 评论 -
DOCTYPE声明——标准模式与怪异模式的区别
DOCTYPE声明:告知浏览器如何解析和渲染文档 DTD:文档类型定义分类方式一1、标准模式:浏览器按W3C标准解析执行代码 ① 如果XHTML文档包含完整的DOCTYPE,那么它一般以标准模式呈现; ② 包含严格dtd的doctype和包含过渡dtd和URI的doctype常常导致页面以标准模式呈现;2、怪异模式:使用浏览器自己的方式解析执行代码,因为不同浏览器解析执行原创 2017-03-13 22:24:32 · 5698 阅读 · 1 评论 -
JavaScript深拷贝与浅拷贝的区别
JavaScript深拷贝与浅拷贝的区别 注:深浅拷贝的区别只适用于array【数组】与object【对象】一、数组Array1、拷贝情况浅拷贝:相当于使两个数组指针指向相同的地址,任一个数组元素发生改变,影响另一个。深拷贝:两数组指针指向不同的地址,数组元素发生改变时不会相互影响。2、实现1、浅拷贝:赋值运算符var a = [1, 2, 3] b = aconsole.lo原创 2017-02-27 18:04:14 · 4188 阅读 · 0 评论 -
主流浏览器内核
内核 前缀 浏览器 Trident -ms IE WebKit -webkit Safari、 chrome(旧) Gecko -moz Firefox Presto -o opera(旧) blink chrome(新)、opera(新)原创 2017-03-24 18:59:30 · 292 阅读 · 0 评论 -
判断NaN
好久没有写js了,今天遇到一道数组去重的题目,在判断NaN的地方栽了跟头。题目要求NaN去重,空对象保留。 原数组:[false, true, undefined, null, NaN, 0, 1, {}, {}, ‘a’, ‘a’, NaN] 去重后:[false, true, undefined, null, NaN, 0, 1, {}, {}, ‘a’] 下面是我的源码:A原创 2017-07-31 16:29:58 · 3502 阅读 · 0 评论 -
常用http状态码
200 OK 请求已成功,请求所希望的响应头或数据体将随此响应返回。301 Moved Permanently 永久重定向。 请求的资源已被永久的移动到新URI,返回信息会包括新的URI,浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替。302 Move temporarily 暂时重定向。 与301类似,但资源只是临时被移动。客户端应继续使用原有URI。304 N原创 2017-05-19 21:06:07 · 354 阅读 · 0 评论 -
gulp入门——基本功能实现
gulpfile.jsvar gulp = require('gulp'), // runSequence = require('run-sequence'), gulpSequence = require('gulp-sequence'), changed = require('gulp-changed'), // bump = require('gulp-bump原创 2017-05-30 11:06:25 · 974 阅读 · 0 评论 -
node.js操作MySQL数据库
一、安装MySQL这一步一定不能落下,我一开始图方便就直接运行了node.js代码,结果出现了error。 我安装后的数据库用户名和密码均为默认值,分别为用户名“root”和密码为空,每到提示输入密码时直接回车即可。二、建立可使用的数据库这一步可以有两种做法:其一:直接使用命令行创建一个数据库并添加数据来使用。其二:编写后缀为‘.sql’的文件并将其导入到数据库,下面详解做法二操作步骤:SQL原创 2017-05-23 16:39:28 · 1717 阅读 · 0 评论 -
HTML5 canvas实现图片拉伸、压缩与裁剪
前言: 我们在网页中经常会用到图片展示,通常情况下会给一个固定的宽高来显示这个图片,然而从服务器端上传的图片大小是不确定的,如果直接按默认填充这个框有时候就会特别丑orz。作为一个完(wai)美(mao)主(xie)义(hui)者,让图片们尽可能优美地展现在网页上是一个很愉悦的责任。 今天就给太瘦小图片们伸展伸展或者给XXXL号减减肥吧(~ ̄▽ ̄)~一、canvas绘图API 工欲原创 2017-03-31 20:54:47 · 38291 阅读 · 6 评论 -
鼠标/键盘事件 相关属性
1、识别按键类型(左中右)左键是 window.event.button = 1 右键是 window.event.button = 2 中键是 window.event.button = 4 没有按键动作window.event.button = 0Firefox左键是 event.button = 0 右键是 event.button = 2 中键是 event.button =原创 2017-03-25 10:33:21 · 816 阅读 · 0 评论 -
PC端各浏览器JavaScript问题【Chrome、Firefox、IE】——长期更新
一、touchmove事件只能触发一次解决:touchstart时阻止默认事件二、HTML5画布无法清除1、使用clearRect: 第一次正常清除,第二次无法清除;ctx.clearRect(0, 0, w, w)2、使用重置画布宽/高:能正常清除但第一次清除后能正常重绘,第二次清除后无法重绘$canvas.attr("width", 0)$canvas.attr("width", w)原创 2017-03-29 10:33:13 · 476 阅读 · 0 评论 -
JavaScript鼠标点击事件
1、识别按键类型(左中右)左键是 window.event.button = 1 右键是 window.event.button = 2中键是 window.event.button = 4没有按键动作window.event.button = 0 Firefox 左键是 event.button = 0 右键是 event.button = 2中键是 ev转载 2016-10-22 16:47:14 · 1359 阅读 · 0 评论 -
JavaScript常用数组处理函数【属性+方法】
length -属性:设置或返回数组中元素的数目concat() -连接两个或更多的数组,并返回结果。 -不会改变现有的数组,而仅仅会返回被连接数组的一个副本 -arrayObject.concat(arrayX,arrayX,......,arrayX)join() -把数组的所有元素放入一个字符串。 -元素通过指定的分隔符进行分隔。 -arrayObject.join(separa原创 2017-08-19 23:25:42 · 569 阅读 · 0 评论