![](https://img-blog.csdnimg.cn/20201230142950423.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
web前端全栈从0基础到精通(祺)js
文章平均质量分 71
把自己所学到的东西以及工作经验,分享给大家一个完整的web前端的教学。(如果有什么不对的地方欢迎大家评论讨论),让每一个想学习前端的人,都能实现梦想!!!《这是js篇》还有其他篇章,请按顺序观看哦
Midk
这个作者很懒,什么都没留下…
展开
-
js十六进制color颜色,改变透明度opacity
js十六进制color颜色,改变透明度opacityfunction getOpacityColor(thisColor, thisOpacity) { var theColor = thisColor.toLowerCase(); //十六进制颜色值的正则表达式 var r = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; // 如果是16进制颜色原创 2021-07-05 13:53:12 · 1360 阅读 · 0 评论 -
js实现字符串数字金额每隔三位加,逗号
js实现字符串数字金额每隔三位加,逗号let len=金额.length; if(len<=3){return 金额;} let r=len%3; 金额 = r>0?金额.slice(0,r)+","+金额.slice(r,len).match(/\d{3}/g).join(","):金额.slice(r,len).match(/\d{3}/g ).join(",");...原创 2021-06-25 09:33:46 · 785 阅读 · 1 评论 -
web前端全栈0基础到精通(祺)js 19
链式调用原理链式调用: jq的方法都有返回值, 返回操作的对象或被操作以后的对象// var mn = $('.box');// console.log(mn);// var a = mn.css('background', 'red');// console.log(a);// var b = a.prevAll(); // 前面所有的li// console.log(b);// var c = $('.box').css('background', 'red').prevAll().cs原创 2021-04-29 11:46:57 · 48 阅读 · 0 评论 -
web前端全栈0基础到精通(祺)js 16
localStoragelocalStorage: 存储数据到本地存储数据对象.属性名 = 属性值;setItem('属性名, ‘属性值’);// 对象.属性名 = 属性值;localStorage.username = '1332222111';// setItem('属性名, '属性值');localStorage.setItem('pass', '123123');获取数据对象.属性名getItem(‘属性名’);// 对象.属性名console.log(loca原创 2021-04-29 11:33:37 · 47 阅读 · 0 评论 -
web前端全栈0基础到精通(祺)js 15
AJAX概念ajax用来创建快速动态交互式页面的技术; 通过与后台少量的数据交换, 更新页面 在页面不刷新的基础上 更新页面上的某些数据 ajax: Asynchronous javascript and xml 异步 js 和 xml执行方式同步: 在数据请求过程中, 必须等待数据返回之后, 才能执行后续的代码异步: 在数据请求过程中, 不需要等待数据返回, 就能执行后续的代码 常用异步readyStaterea原创 2021-03-11 22:15:14 · 62 阅读 · 0 评论 -
web前端全栈0基础到精通(祺)js 11
事件对象概念事件对象: 当事件发生的时候,浏览器会将相关事件的信息存储在一个对象中,这个对象就是事件对象 事件相关 鼠标相关 ie/chrome/高版本ff: window.event 低版本ff: 事件处理函数的第一个形参document.onclick = function(ev){ console.log(window.event); // MouseEvent // console.log(ev); // 事件对象兼容原创 2021-01-18 18:12:26 · 54 阅读 · 0 评论 -
web前端全栈0基础到精通(祺)js 10
表单快速获取表单元素\1. 需要先获取表单 form\2. 快速获取表单元素 form.name值var form = document.getElementsByTagName('form')[0];console.log(form);// 2. 快速获取表单元素 form.name值console.log(form.user); // 元素console.log(form.user.value); // 值// 快速获取单选按钮和单选按钮的值console.log(form.se原创 2021-01-15 21:51:35 · 93 阅读 · 0 评论 -
web前端全栈0基础到精通(祺)js 09
节点DOMDOM w3c提供用来操作页面的标准接口页面在生成的时候, 会形成一个树状结构, 每个标签都在树状结构的某一个位置, 称之为节点 这个树状结构称之为DOM树节点属性nodeName: 节点名称 标签–LI P DIVnodeType: 1–12的数字 1–标签 2—属性 3—文本 8–注释 9–documentnodeValue: 节点内容 只有文本节点才有内容获取子节点children: 属性 非标准属性 只标签节点childNodes: 属性 标准属性 标签、文本原创 2021-01-15 21:50:15 · 63 阅读 · 0 评论 -
web前端全栈0基础到精通(祺)js 08
数组概念数组: 是一个用来存放不定数量不定数据类型的数据的容器 索引: 下标 元素: 值创建数组字面量字面量创建: var 变量 = [值, 值, 值,…];// 字面量var arr = [1,2,3,4];new关键字创建new创建: var 变量 = new Array(长度/每一个值); 如果Array后面的()中,放置1个以上的内容 表示是数组的每一个值 如果放置一个内容并且还是数字,这个值表示数组的长度,原创 2021-01-15 21:48:30 · 68 阅读 · 0 评论 -
web前端全栈0基础到精通(祺)js 07
时间对象对象的分类原生对象: String Number Boolean Object Array Function Date RegExp Error宿主对象: DOM BOM内置对象:Global(全局 window, document) Math全局对象: window创建时间创建当前时间var date = new Date();console.log(date);console.log(typeof date); // object 获取其他格式的时间原创 2021-01-15 21:47:38 · 102 阅读 · 0 评论 -
web前端全栈0基础到精通(祺)js 06
定时器概念定时器: 让一段代码延迟或者是间隔多长时间之后去执行一次分类延迟定时器延迟定时器:setTimeout(函数, 时间) 时间:毫秒 ms 1s = 1000ms 让一段代码在等待一段时间执行一次 一次性广告 关不掉的广告setTimeout(function(){ console.log(this); // window console.log(1);}, 3000);setTimeout(mm, 3000);func原创 2021-01-11 21:56:12 · 77 阅读 · 0 评论 -
web前端全栈0基础到精通(祺)js 05
函数函数的参数形参: 形式参数 接收实参传递过来的数据 function后面的()实参: 具体的数据 传递给形参的数据 调用的()arguments: 实参的集合 每个函数都有 当形参和实参的个数不确定的时候所有的数据类型都可以作为函数的参数 但是一般不用null和undefined 易于出错number string boolean null undefined object array functionfunction getType(a){ console.log原创 2021-01-11 08:40:38 · 56 阅读 · 0 评论 -
web前端全栈0基础到精通(祺)js 04
this从属关系整个页面document来获取 document是父级 祖宗: window 页面中所有的内容都属于window声明的变量、函数都是window的一个属性window = { abc: 1, aaa: function(){ console.log(2); }}如果函数、变量直接挂在window身上,一般会省略不写console.log(this);console.log(window); // 对象原创 2021-01-08 09:44:01 · 67 阅读 · 0 评论 -
web前端全栈0基础到精通(祺)js 03
流程控制语句.分类顺序语句: 代码从上往下逐行解析分支语句(条件): 根据条件选择某一条分支执行 if if else switch循环语句: 让一段代码执行固定的次数 for while do-while for-in其他语句: break; continue;分支语句ifif(条件){ 条件为真的时候执行的代码}// 假设今天周六 就可以出去了// var day = '周六';var day = '周三';if(day == '周六'原创 2021-01-07 13:39:20 · 67 阅读 · 0 评论 -
web前端全栈0基础到精通(祺)js 02
数据类型分类基本数据类型: number string boolean null undefined复杂/复合/引用数据类型: object array function检验数据类型语法: typeof 数据 typeof(数据)返回当前数据的类型var a = 20;console.log(a);console.log(typeof a);console.log(typeof (a));number分类整型数据 正整数 负整数 0浮点型 小数点后原创 2021-01-07 13:28:52 · 71 阅读 · 0 评论 -
web前端全栈0基础到精通(祺)js 01
js的历史javascript 为了处理表单的验证1995年,网景公司 布兰登·艾奇 10天 Mocha 9月 LiveScript 12月 java的顺风车 javascript微软: JScript1997年 js1.1 为蓝本 欧洲计算机制造商协会 ECMAScriptjs和es的关系js和ECMAScript的关系: ECMAScript规定了javascript的语法标准 javascript是ECMAScript的体现js的概念j原创 2021-01-05 22:23:04 · 87 阅读 · 0 评论