js基础编
关注
分享
扫一扫
js基础介绍
小李学软件
学会专注，做一个前端屌丝
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js数组去重和字符串去重
**js数组去重 代码展示**/*这里数组去重直接写在了数组对象的原型链上，使用的时候直接调用unique()这个方法就行*/Array.prototype.unique= function () { var temp = {},arr =[], len = this.length; for(var i=0;i<len;i++){ if(!temp[...原创 2020-02-24 21:59:03 · 312 阅读 · 0 评论 -
js try{}catch(){}finally{}语句
定义和用法try/catch/finally 语句用于处理代码中可能出现的错误信息。错误可能是语法错误，通常是程序员造成的编码错误或错别字。也 可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。try语句允许我们定义在执行时进行错误测试的代码块。catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。finally 语句在 try 和 catch 之后无论有无异常...原创 2020-02-25 22:47:58 · 263 阅读 · 0 评论 -
js原生选项卡 Dom部分
什么是dom ： 1. DOM ======> Document Object Model 2. Dom定义了表示和修改文档所需要的方法。 Dom对象即为宿主对象，有浏览器厂商定义， 用来操作html和xml功能的一类对象集合。 也有人称DOM是对html以及xml的标准编程接口。原生js选项:<!DOCTYPE html><html lang =...原创 2020-02-27 20:45:37 · 250 阅读 · 0 评论 -
es5.0严格模式
现在的浏览器是基于es3.0原有的以及es5.0新增的语法方法使用的。而es3.0和es5.0产生冲突的部分浏览器默认采用es3.0语法规范。因此es5.0产生了一个新特性——严格模式，一旦启用es5.0严格模式，es3.0和es5.0产生冲突的部分浏览器将不再兼容es3的一些不规范语法，使用全新的es5规范。从es5.0开始，javscript有两种运行模式:正常模式和严格模式(‘us...原创 2020-02-26 22:49:38 · 177 阅读 · 0 评论 -
jQuery插件
插件常用插件插件：jquery不可能包含所有的功能，我们可以通过插件扩展jquery的功能。jQuery有着丰富的插件，使用这些插件能给jQuery提供一些额外的功能。jquery.color.jsanimate不支持颜色的渐变，但是使用了jquery.color.js后，就可以支持颜色的渐变了。使用插件的步骤1. 引入jQuery文件2. 引入插件（如果有用到css的话，...原创 2020-03-10 20:08:58 · 179 阅读 · 0 评论 -
使用数组新增方法查询数据实例
实例<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-e...原创 2020-03-30 11:38:57 · 254 阅读 · 0 评论 -
js 嗅探
var nVer = navigator.appVersion, nAgt = navigator.userAgent, browser = navigator.appName, version = '' + parseFloat(navigator.appVersion), majorVersion, nameOffset, verOffset, ix, network = 'unknown';// Operaif ((verOffset = nAgt.indexOf(原创 2020-08-02 18:31:50 · 1698 阅读 · 0 评论 -
canvas画时钟
使用canvas画个时钟代码展示代码展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> ...原创 2020-05-01 15:12:11 · 280 阅读 · 0 评论 -
前端自学途径
怎么更好的自学首先咱这门技术大部分是外国人创造的 所以English 咱不需要惧怕 不会了搜一搜，还是克服一下咯，毕竟不是用咱的 中文开发的(很多nb的东西都是英文的哦)；网址1.菜鸟教程2.w3cschool 自学网址;3.CSDN博客园里面有许多大牛分享的技术文章，也可以关注我，看我的学习日常4.W3C 可以在里面查一些东西;5.MDN (这个网址上面的API较全，WEB源码都在这 )6.腾讯课堂的一些公开课也有干货哦7.哔哩哔哩8.慕课网...原创 2020-10-28 19:21:53 · 424 阅读 · 0 评论 -
js属性对象的hasOwnProperty方法
判断自生属性与继承性 function foo() { this.name = 'foo' this.sayHi = function () { console.log('Say Hi') } } foo.prototype.sayGoodBy = funct...原创 2020-03-01 22:51:59 · 265 阅读 · 0 评论 -
jQuery弹幕效果
<!doctype html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> html, body { margin: 0px...原创 2020-03-11 20:10:28 · 228 阅读 · 0 评论 -
js事件
事件何为事件重要吗？ 交互体验的核心功能解除事件处理程序 ele.onclick = false / null ele.reomveEventListener(type,fn,false); ele.detachEvent("on" + type , fn); 如果绑定匿名函数则无法解除事件处理模型 --- 事件冒泡、捕获 事件冒泡： ...原创 2020-03-03 22:28:07 · 186 阅读 · 0 评论 -
事件和回调函数的缺陷
事件和回调函数的缺陷我们习惯于使用传统的回调或事件处理来解决异步问题事件：某个对象的属性是一个函数，当发生某一件事时，运行该函数dom.onclick = function(){}回调：运行某个函数以实现某个功能的时候，传入一个函数作为参数，当发生某件事的时候，会运行该函数。dom.addEventListener("click", function(){})本质上，事件和回调并没有本质的区别，只是把函数放置的位置不同而已。一直以来，该模式都运作良好。直到前端工程越来越复杂…目原创 2020-10-21 11:26:12 · 524 阅读 · 0 评论 -
js异步加载
异步加载：js异步加载的三种方案1.defer异步加载，但要等到dom文档全部解析完才会被执行。只有IE能用，也可将代码放到内部。2.async异步加载，加载完成就执行，async只能加载外部脚本，不能把js写在script标签里。1.2执行时也不阻塞页面3创建script，插到DOM中，加载完毕之后callBack<script> function loadS...原创 2020-03-04 22:52:50 · 192 阅读 · 0 评论 -
jQuery特殊属性操作
jQuery特殊属性操作val方法val方法用于设置和获取表单元素的值，例如input、textarea的值//设置值$("#name").val(“张三”);//获取值$("#name").val();【案例：京东搜索.html】html方法与text方法html方法相当于innerHTML text方法相当于innerText//设置内容$(“div”).ht...原创 2020-03-09 20:22:42 · 176 阅读 · 0 评论 -
js继承模式
js继承模式传统形式 ----> 原型链 过多的继承了没用的属性Grand.prototype.lastName = "1";function Grand(){}var grand = new Grand();Father.prototype = grand;function Father() {}var father = new Father();Son.prototy...原创 2020-03-14 17:54:53 · 202 阅读 · 0 评论 -
jQuery基本概念
jQuery基本概念学习目标：学会如何使用jQuery，掌握jQuery的常用api，能够使用jQuery实现常见的效果。为什么要学习jQuery？【01-让div显示与设置内容.html】使用javascript开发过程中，有许多的缺点：1. 查找元素的方法太少，麻烦。2. 遍历伪数组很麻烦，通常要嵌套一大堆的for循环。3. 有兼容性问题。4. 想要实现简单的动画效果，也很...原创 2020-03-07 21:57:27 · 219 阅读 · 0 评论 -
Dom基础
选择器 // 通过id获取元素 var div1 = document.getElementById("div"); //通过标签名获取元素 需要下标区分 var div2 = document.getElementsByTagName("div")[0]; //通过class类名获取元素 需要下标区分 ...原创 2020-03-02 23:05:53 · 179 阅读 · 0 评论 -
js上拉加载更多
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- 设置视窗大小 --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...原创 2020-03-08 19:59:41 · 308 阅读 · 0 评论 -
jQuery自制手风琴代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...原创 2020-03-13 20:56:47 · 235 阅读 · 0 评论 -
Dom 节点
节点： parentNode 父节点 childNodes 子节点 firstChild 第一个子节点 lastChild 最后一个子节点 nextSibling 下一个兄弟节点 perviousSibling 前一个兄弟节点...原创 2020-02-29 21:27:17 · 190 阅读 · 0 评论 -
面向对象编程介绍
面向对象编程介绍面向过程编程面向过程就是分析解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个的依次调用就行面向对象编程 OOP(Object Oriented Programming)面向对象是把事务分解成一个个对象，然后由对象之间分工与合作在面向对象程序开发思想中，每一个对象都是功能中心，具有明确分工面向对象编程具有灵活性，代码可复用，容易维护和开发的优点...原创 2020-03-15 17:18:38 · 248 阅读 · 0 评论 -
jQuery操作Dom
jQuery操作Dom操作样式css操作样式//设置单个值$("#text").css("color","#fff");//设置多个样式$("#text").css({ backgroung:"#00f", color:"#fff"});//获取样式$("#text").css("width");calss操作样式//添加类$("#text").addCl...原创 2020-03-12 19:34:03 · 172 阅读 · 0 评论 -
js中的instanceof用法
概述instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上语法obj instanceof Object;//true 实例obj在不在Object构造函数中描述instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。实例1.instanceof的普通的...原创 2020-03-06 18:49:20 · 1048 阅读 · 0 评论