JavaScript基础入门
文章平均质量分 56
fechild
这个作者很懒,什么都没留下…
展开
-
JavaScript正则表达式
JavaScript正则表达式在很多方面都有广泛的应用,在jquery源码中,更是大量的用到了正则表达式,我整理了比较实用的正则表达式理论及用法,以便使用时查阅。1、格式:var expression=/pattern/flags pattern是任意简单或者复杂的正则表达式,flags有3个取值:g i m g:global :应用于所有字符串,而不是匹配到第一个就中止原创 2015-09-08 14:53:11 · 269 阅读 · 0 评论 -
可复用的代码 和 感想
1.监听到scroll事件的条件:父级元素定高,子元素高度比父元素高,滚动条是相对于父级元素的。对于某些浏览器来说,滚动元素是html,但是有些确实body。通用的获取页面的滚动元素的方法,document.scrollingElement2.video和audio不能做到自动播放,只能用户手动点击,才可以播放,video的全屏功能浏览器兼容性不好3.要想设置滚动条样式,设置-webkit...原创 2018-02-08 11:19:32 · 853 阅读 · 2 评论 -
js编程题
1.将一个字符串的后四位显示,前面的字符用'#'表示function maskify(cc) { return cc.slice(0, -4).replace(/./g, '#') + cc.slice(-4);}function maskify(cc) { return cc.replace(/.(?=....)/g, '#');}2.有2个字符串,求2个字符串含有的所有不重复字符构...原创 2018-03-07 10:02:48 · 422 阅读 · 0 评论 -
常用通用原生js函数
1. 获取视口宽度 getViewportWidth: function(){ var pageWidth = window.innerWidth; if (typeof pageWidth != "number"){ if (document.compatMode == "CSS1Compat"){ ...原创 2018-02-08 11:10:40 · 570 阅读 · 0 评论 -
js基础题
1.var y = 1;if (function f(){}) { y += typeof f;}console.log(y); // 1undefined2.function foo(){ return foo; }console.log(new foo() instanceof foo); // false解析:当函数被当作构造函数调用时,遵从以下3个步骤:i)、...原创 2018-03-22 14:07:21 · 467 阅读 · 0 评论 -
input事件--keydown、keypress、keyup、input、change事件
键盘事件keydown:当任意键按下时,(键盘上的F键不触发)keypress:当字符键按下时(上下左右箭头键不触发,shift ctrl option command都不触发)keyup:当键弹起时change:当input中的内容发生变化,并且失去焦点时触发。所有的dom都可以监听键盘事件。如果我们遇到需要根据文本框的内容的变化做处理的业务,比如:实时展示文本框内字符个...原创 2018-03-23 15:02:20 · 2626 阅读 · 0 评论 -
0、''、undefined、null、NAN比较
用Boolean函数能将5个表达式(0、''、undefined、null、NAN)转换成false,其他的情况为true。if语句就是用Boolean函数转为true或者false,继而根据结果执行后面的语句的。非运算符也是先用Boolean函数将运算符后的表达式转换后才继续执行后续操作的。if (0) 等于if (Boolean(0))同理:if(!0) 等于if(!Boolean(0))与0...原创 2018-03-22 11:55:15 · 477 阅读 · 0 评论 -
js中的Array和String的所有方法
1.增Array.prototype.push2.删Array.prototype.splice()3.改3.1 共有的拼接函数concatArray.prototype.concat: 功能:合并2个或者多个数组,返回合并后的数组。语法:var new_array = old_array.concat(value1[,value2[,...]]])描述:对象引用(而不是实际对象):concat将...原创 2018-04-25 11:53:10 · 513 阅读 · 0 评论 -
js实现事件发射监听(观察-订阅模式)
var eventEmitter = { emit: function (eventName) { var callbackArr = events[eventName] if ( callbackArr && callbackArr.length) { for (var i = 0; i < callbackArr.len...原创 2018-04-27 11:42:09 · 1894 阅读 · 0 评论 -
【swiper+audio】swiper轮播的同时,播放相应的音频
1.代码,每次轮播会播放对应音频<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <link rel=&q原创 2018-12-04 19:09:43 · 1274 阅读 · 0 评论 -
无限上下滚动的获奖列表
获得一份1 获得一份2 获得一份3 获得一份4 获得一份5 获得一份6 获得一份7 获得一份8 获得一份9 获得一份10 获得一份11 获得一份12 获得一份13 css .wrap { width: 400px; height: 200px; border: 1px so原创 2018-01-19 19:54:14 · 471 阅读 · 0 评论 -
JavaScript应用开发实践指南
说明:以前都是在有道云笔记上记录我每天学的东西,可是它不具有共享功能,现在好多公司都需要你又自己的技术博客,所以,把云笔记上的东西搬到csdn博客了,希望能帮到其他人。这本书挺适合作为入门书籍研读的,它涵盖了JavaScript的主要的内容,不像红皮书或者犀牛书那样内容繁多,那两本书适合作为工具书,用到了的时候作为查询用。当然,闲来没事的时候,可以研读研读。下面我把书中我认为重要的东西摘抄原创 2015-09-08 14:24:36 · 366 阅读 · 0 评论 -
javascript高级程序设计-读书笔记
当在页面中通过标签引入外部js文件时,不需要添加type="text/javascript"浏览器也能正确解析并执行。script标签中的,defer、async的区别。原来的情况:浏览器遇到script标签时,会首先去下载这个文件,然后执行。在这个过程中,页面会暂停加载和显示。如果有两个外部script文件,则会按顺序执行这两个js文件。defer:延迟,即先加载,但是要等待页面加载原创 2017-04-18 15:33:26 · 249 阅读 · 0 评论 -
scrollTop、offsetTop、页面视口高度的使用情景
我们在做项目过程中,经常会遇到一个需求就是,观察滚动元素中的某个子元素是否在展示窗口内,或者更具体一点,处在展示窗口的何处。这个时候,我们会用到滚动元素的scrollTop、offsetTop等属性。现在介绍这些属性的用法:一、滚动元素在其所在的展示窗口中被卷去的高度(滚动条的垂直位置)-scrollTop展示窗口可以是一个普通的DOM元素,也可以是浏览器窗口。这个窗口必须是有固定高度原创 2017-10-20 18:25:12 · 1004 阅读 · 0 评论 -
鼠标移入和移出事件mouseenter VS mouseover 、mouseleave VS mouseout
我们在做业务的过程中,经常会遇到当鼠标hover某个元素时,就将隐藏的元素显示,当鼠标没有hover时,就隐藏对应的元素。如果要显示的元素是hover元素的子元素,那么用css就可以解决,但是,如果遇到其他的情况,就需要监听hover元素的mouseenter、mouseover或者mouseleave、mouseout事件,那么它们到底有什么区别的?下面我们来一一展述。一、相同点:m原创 2017-11-09 21:05:38 · 1263 阅读 · 0 评论 -
url编码函数encodeURI和encodeURIComponent方法
一、作用全局函数encodeURI和encodeURIComponent方法,都可以用来进行url编码。之所以要对url进行编码,是因为浏览器不能识别某些字符,例如:空格、中文等。这两个方法对这些特殊字符用特殊的UTF-8进行编码,从而使得浏览器可以识别。二、区别首先要讲解一下,专属url的特殊字符,这些字符指的是除数字字母以外的字符,例如: // / & # 。如果某个url作为参数...原创 2017-10-19 20:28:15 · 2222 阅读 · 0 评论 -
编写可维护的js-读书笔记
第7章 事件处理7.2 规则1:隔离应用逻辑事件处理程序不应该出现业务代码,应该只与用户行为有关。将所有应用逻辑从事件处理程序中抽离出来是最佳实践。不能无限制的分发event对象,因为我们的应用处理程序只用到event对象上的一部分属性,所以,要让事件处理程序成为接触到event对象的唯一函数,应该在进入应用逻辑前针对event对象执行任何必要的操作,包括阻止默认事件或者阻止冒泡。最佳实践//绑...原创 2017-11-22 18:10:54 · 216 阅读 · 0 评论 -
元素的scrollHeigth、offsetHeight、clientHeight
每个dom元素都有3个表示其高度的属性,分别为scrollHeight、offsetHeight和clientHeight。那么,它们3个有什么区别呢?1.offsetHeight:内容区高度+内边距高度+边框高度2.clientHeight:内容区高度+内边距高度因此,一个元素的offsetHeight - clientHeight = 2倍的边框厚度3.scrollHeight原创 2017-11-27 14:14:46 · 183 阅读 · 0 评论 -
hover到一个icon,content出现,再次hover到content上,content不消失
htmlcss .icon { width: 30px; height: 30px; border: 1px solid red; } .content { width: 400px; height: 400px; border: 1px solid red; margin-top: 5px; display:原创 2018-01-22 21:08:42 · 1515 阅读 · 0 评论 -
常用正则表达式
1.邮箱:版本1: /^\w+([-_.]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,6})+$/gi ??是否标准?aaa@ddd.ddd.eee版本2: /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/2.手机号:/^1[3|4|5|7|8]\d{9}$/gi3.url:4.任意标签:原创 2017-11-29 10:31:43 · 157 阅读 · 0 评论 -
angular权威教程(ng-book 2)--第二章:TypeScript
第二章 TypeScript2.4 内置类型2.4.1字符串var name: string = 'wfz'2.4.2 数字var age: number = 452.4.3 布尔类型var married: boolean = true;2.4.4 数组var jobs: Array<string> = ['IBM', 'Microsoft...原创 2019-03-12 09:29:59 · 571 阅读 · 0 评论