
原生js
likeuzi
热爱技术,渴望新知识
展开
-
type of的用法
JavaScript中的typeof其实非常复杂,它可以用来做很多事情,但同时也有很多怪异的表现.本文列举出了它的多个用法,而且还指出了存在的问题以及解决办法.https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof?redirectlocale=en-US&redirectslug=J转载 2017-03-11 15:07:47 · 8133 阅读 · 0 评论 -
用JS实现冒泡排序、插入排序、选择排序、快速排序
一、冒泡排序冒泡排序就是把大数往数列的后面沉,自然小数就升起来了。首先需要个for循环来遍历数组,而后每两个数还需要比较交换,且数组最后的数不参与比较,因此再有个阶梯式for的循环。代码:html> body> script type="text/javascript"> var a = [3,46,55,2,5,9,8,4,33,7]; funct转载 2017-06-22 13:53:26 · 347 阅读 · 0 评论 -
前端面试题小集
web前端 微信号 vipweb8功能介绍 分享Web前端相关的技术文章、工具资源、精选课程、热点咨询、个人干货一、一个页面上两个div左右铺满整个浏览器,要保证左边的div一直为100px,右边的div跟随浏览器大小变化(比如浏览器为500,右边div为400,浏览器为900,右边div为800),请写出大概的css代码。1.使翻译 2017-06-22 16:44:25 · 995 阅读 · 0 评论 -
data在原生和jquery中的不同表现
首先记录一下,data-* 其中*不能为空和不能含有大写字母。然后是如何获取data的值。页面是这么写的:a href="#" id="a" data-test="123">123a>1.原生js获取:document.getElementById("a").dataset.test。2.jq attr()获取$("#a").attr("data-test")。3.jq da转载 2017-06-13 16:42:46 · 371 阅读 · 0 评论 -
异步http://www.cnblogs.com/fsjohnhuang/p/6109701.html
还有啊,师傅,异步这块我有点没明白,f1():f2();f3();f4()f3依赖f2;但是f2阻塞很久,那就换下顺序:f1,f4,f2(f3)如果不换顺序:f1,f2(f3),f4心之所向,素履以往 22:54:55那么异步是(阻塞性操作放到后面)就是第一种调换顺序还是这种形式:因此,JS 对于这种场景就设计了异步 ———— 即,发起一个网络请求,就先不管这边了,先干其原创 2017-07-29 23:08:43 · 613 阅读 · 0 评论 -
理解Object.defineProperty的作用
https://segmentfault.com/a/1190000007434923原创 2017-07-27 18:57:23 · 334 阅读 · 0 评论 -
异步处理的原理
https://www.cnblogs.com/LoveOrHate/p/4419232.html原创 2017-11-29 10:13:22 · 393 阅读 · 0 评论 -
1.12的心得体会
1.CommonsChunkPlugin:如果文件是多入口的文件,可能存在,重复代码,把公共代码提取出来, 又不会重复下载公共代码了多个页面间会共享此文件的缓存 // name: 这个给公共代码的chunk唯一的标识 // filename,如何命名打包后生产的js文件,也是可以用上[name]、[hash]、[chunkhash] // minChunks,公共代码的判断标准:某原创 2018-01-12 13:44:21 · 222 阅读 · 0 评论 -
探究js正则匹配方法:match和exec
https://www.cnblogs.com/hyaaon/p/4332678.html原创 2018-01-14 12:39:31 · 428 阅读 · 0 评论 -
深度剖析浏览器渲染性能原理,你到底知道多少?
https://www.jianshu.com/p/a32b890c29b1原创 2018-01-14 14:50:38 · 224 阅读 · 0 评论 -
苏星河的简书
https://www.jianshu.com/u/41764e7ece81原创 2018-01-22 16:53:44 · 1508 阅读 · 0 评论 -
git 添加和删除项目
http://blog.youkuaiyun.com/deng0zhaotai/article/details/38535251原创 2018-01-31 17:36:12 · 6528 阅读 · 0 评论 -
javascript的闭包的形成
//例子1 var a = 10086; function f1() { alert(a); } f1(); //999 //例子2:函数内部变量声明的时候,必须要用var 否则实际是声明了一个全局变量 function f2() { var b = 1原创 2018-01-27 14:09:27 · 223 阅读 · 0 评论 -
sublime 怎么設置vue 和 es6高亮
es6高亮:1、操作Ctrl+Shift+P , 然后在弹出的框内输入Package Control,2、选择Package Control: install package,3、等待再次弹出输入框,输入框弹出后,输入Babel,找到Babel syntax..,并回车安装,安装完后并不会高亮,需要设置4、Sublime3才有的插件,支持ES6、JSX语法高亮。5、菜单->原创 2018-01-19 17:01:47 · 1520 阅读 · 0 评论 -
闭包
var fn = (function(){ var a = 0 return function (){ var num = 0; return function (){ num++; a++; alert(nu原创 2017-05-21 22:32:05 · 210 阅读 · 0 评论 -
锚点
例如我们在做一个很长的网页时,需要在页面内做一个导航,点击导航里的链接不是新开一个窗口或者跳转到其他网址,而是跳转到当前页的某一个位置。那么所要跳转到的那个位置,我们就叫做锚点,它是一种在页面内部定位的方式。设置锚点也是很简单的,例如一个文章分了三段,每段有个标题,标题的代码是这样的我是标题一我是标题二我是标题三点击我就会跳到第一段点击我就会跳到第二段点击我就会跳到转载 2017-04-27 10:58:25 · 277 阅读 · 0 评论 -
原生js实现拖拽
1. mousedown事件:求鼠标点击和点到div边的距离:左 上 两边2.mousemove事件:event.clientX减去左距 event.clientY减去上距 就是获取div所在的offset值3.设置 + px原创 2017-04-26 13:55:43 · 383 阅读 · 0 评论 -
js运算符优先级以及运算符的妙用(精简代码)
下面是逻辑运算符的说明:运算符示例说明逻辑与 (&&)expr1&&expr2如果expr1 能转换成false则返回expr1,否则返回expr2. 因此, 在Boolean环境中使用时, 两个操作结果都为true时返回true,否则返回false.逻辑或 (||)expr1||expr2如果expr1能转换成true则返回expr原创 2017-03-14 10:15:32 · 8376 阅读 · 0 评论 -
nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。
nodeName 属性含有某个节点的名称。元素节点的 nodeName 是标签名称属性节点的 nodeName 是属性名称文本节点的 nodeName 永远是 #text文档节点的 nodeName 永远是 #document注释:nodeName 所包含的 XML 元素的标签名称永远是大写的nodeValue对于文本节点,nodeValue 属性包含文本。对于属性节点转载 2017-03-12 18:00:08 · 7925 阅读 · 0 评论 -
【web前端】typeof和object.toString.call()的区别
在 JavaScript 里使用 typeof 来判断数据类型,只能区分基本类型,即 “number”,”string”,”undefined”,”boolean”,”object” 五种。对于数组、对象来说,其关系错综复杂,使用 typeof 都会统一返回 “object” 字符串。要想区别对象、数组单纯使用 typeof 是不行的。或者你会想到 instanceof 方法,例如转载 2017-03-11 15:37:04 · 7839 阅读 · 0 评论 -
JavaScript判断一个变量是对象还是数组
JavaScript判断一个变量是对象还是数组typeof都返回object在JavaScript中所有数据类型严格意义上都是对象,但实际使用中我们还是有类型之分,如果要判断一个变量是数组还是对象使用typeof搞不定,因为它全都返回object123456var o = { 'name':'lee'};v转载 2017-03-11 15:10:49 · 26322 阅读 · 1 评论 -
正则中的exec方法
exec在设置g属性后,虽然匹配结果不受g的影响,返回结果仍然是一个数组(第一个值是第一个匹配到的字符串,以后的为分组匹配内容),但是会改变index和lastIndex等的值,将该对象的匹配的开始位置设置到紧接这匹配子串的字符位置,当第二次调用exec时,将从lastIndex所指示的字符位置开始检索。同样match方法在设置了g属性后,也会改变index和lastIndex的值,但是是一次性的原创 2017-03-14 22:05:30 · 8341 阅读 · 0 评论 -
js中的遍历和jquery中的遍历
1.map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。使用实例:var ary = [12,23,24,42,1];var res = ary.map(function (item,index,input) { return item*10;})console.log(res);//-->[120,230,240,420,10];原创 2017-04-12 09:55:16 · 8885 阅读 · 0 评论 -
label的用法
label 标签的 for 属性应当与相关元素的 id 属性相同label在提高用户体验的作用是非常大的,参考下面一段代码 "radio" name="demo" value="1"/>选项1 "radio" name="demo" value="2"/>选项2 "radio" name="demo" value="3"/>选项3 "radio" name="d转载 2017-04-19 15:17:28 · 1347 阅读 · 0 评论 -
$.param()
param() 方法用于在内部将元素值转换为序列化的字符串表示http://www.365mini.com/page/jquery_param.htm转载 2017-04-20 11:59:53 · 814 阅读 · 0 评论 -
js兼容性问题
http://www.jb51.net/article/83110.htm原创 2017-05-05 16:04:36 · 368 阅读 · 0 评论 -
正则表达式
http://www.cnblogs.com/afarmer/archive/2011/08/29/2158860.html转载 2017-05-15 14:39:06 · 268 阅读 · 0 评论 -
变量提升
变量声明提升 Vs. 函数声明提升1. 变量声明提升 先看以下代码:1)var in_window = "a" in window; console.log(in_window); 2)var in_window = "a" in window; console.log(in_window); if(!("a" in window)) { var a = 1; }3)转载 2017-05-16 13:53:15 · 264 阅读 · 0 评论 -
浪迹天涯的声明提升
分享到...微信微博复制网址邮件QQ好友QQ空间人人网开心网印象笔记领英飞信豆瓣TwitterFacebook一键分享查看更多(96)JiaThis代码改变世界Posts - 81, Articles - 2, Comments - 662CnblogsDashboardLoginHomeConta转载 2017-05-16 14:14:27 · 368 阅读 · 0 评论 -
你所不知道的js讲解
http://www.cnblogs.com/strick/p/5813749.html转载 2017-05-16 14:22:45 · 292 阅读 · 0 评论 -
今天遇到的问题
1.注意iframes中的window.layer可能会出现找不到的情况,那就用top :top.layer2.注意display属性:尤其inline-table可以使li整齐划一的呈现列表结构值: none | inline | block | inline-block | list-item | run-in | table | inline-table | table-row-原创 2017-05-25 15:28:24 · 273 阅读 · 0 评论 -
关于height、offsetheight、clientheight、scrollheight、innerheight、outerheight的区别一览
https://www.cnblogs.com/layaling/p/6223372.html原创 2018-02-09 16:33:28 · 413 阅读 · 0 评论