js前端学习
关注
分享
扫一扫
chenchen216
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
node.js 引入html没有css样式，错误Refused to apply style from XXX.css
出现：Refused to apply stylefrom 'XXX.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. 我的错误，由于html打开正常，所以肯定是 node.js 代码问题， 这里是因为node环境下使用express框架的静态资源访问，需要设置静态文件目录； 代码如下： const e...原创 2020-06-14 16:14:29 · 3879 阅读 · 0 评论 -
js 事件
一.绑定事件处理函数 1.ele.on xxx = function(event){} 可直接看下面例子，就是一个触发事件 <body> <div style="width:100px;height:100px;background-color:red"></div> <script> var div = document.getElementsByTagName('div')[0]; div.oncli原创 2020-06-08 19:07:37 · 424 阅读 · 0 评论 -
js dom节点类型
HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构（节点树）。 通过JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。 要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。 节点分类 节点类型 说明 value值 元素节点 每一个HTML标签都是一个元素节原创 2020-05-24 12:08:46 · 599 阅读 · 0 评论 -
js DOM
DOM (Document Object Model) HTML 和 XML 文档的编程接口 通过 DOM，JavaScript 能够访问和改变 HTML 文档的所有元素。 1.查找 通过 id 查找 HTML 元素 <div id = "only"></div> <script> var div = document.getElementById('only'); </script> 2.通过标签名查找 &l...原创 2020-05-24 11:03:40 · 167 阅读 · 0 评论 -
js try...catch
//try里面如果发生错误就跳出，但不报错，继续执行 try { console.log('a'); //打印a console.log(b); //有错误，跳出 console.log('c'); } catch(error) { //一般打印错误信息 //用来捕捉错误，如果try没错误不执行catch，有错误才执行 console.log(error.name + " : " + error.message); //打印：ReferenceErr.原创 2020-05-23 16:09:37 · 408 阅读 · 0 评论 -
js数组和类数组
1.数组定义 //数组定义 var arr1 = [, ]; var arr2 = new Array(); //系统提供构造方法 //数组所有方法来自 Array.prototype var arr = new Array(10); console.log(arr.length);//打印10 var arr1 = [, ]; console.log(arr1.length + ": " + arr1[0]); //打印1 ： undefined var arr2 = [1, , 1]...原创 2020-05-23 15:18:37 · 685 阅读 · 0 评论 -
js对象枚举
如何访问对象里的每一个属性 var obj = { name: 'code', age: 123, sex: 'male', height: 180, weight: 75 } 1.for(...in..，) for (var key in obj) { console.log(key + " " + typeof(key)); //key为属性名，打印均为string类型 } for (var key in obj) { //错...原创 2020-05-23 10:27:08 · 331 阅读 · 0 评论 -
js命名空间—闭包应用
对应命名空间，首先可以使用对象的方法保存变量或者函数，达到和其他变量不冲突，这个很常见； 其次可以用闭包： var aaa = 100; var init = (function() { var aaa = 1;; function addNum() { console.log(aaa++); } return function() { addNum(); } } ()) console.log(aaa); //100 ini原创 2020-05-23 09:37:56 · 221 阅读 · 0 评论 -
js继承—圣杯模式
普通写法（会影响父类） function Father(){ } function Son(){ } Father.prototype.lastName = "Deng"; //继承方式，公有原型 function inherit(Target,Origin){ Target.prototype = Origin.prototype; } inherit(Son,Father); var son = new Son; console.log(son.lastName); Son.pr转载 2020-05-18 10:20:02 · 367 阅读 · 0 评论 -
js原型，原型链，call/apply
prototype 定义：原型是function对象的一个属性，它定义了构造函数制造出来的对象的公共祖先，通过该构造函数产生的对象，可以继承该原型的属性和方法，原型也是对象。 初步看的时候，感觉类似于C++继承 例子如下： Person.prototype.name = 'chen'; function Person(){ } var person1 = new Person; ...原创 2020-05-08 18:09:47 · 409 阅读 · 0 评论 -
js对象和包装类
目录 对象 1.对象的增删改查 2.对象的创建方法 3.构造函数 包装类 对象 跟C++类似，属性和方法的集合； 语法如下： var person = { name:"xiaoMing", age:18, sex:"male", health:100, smoke: function(){ console.log("...原创 2020-05-06 15:22:20 · 246 阅读 · 0 评论 -
js闭包——简单例子
闭包：当内部函数被保存到外部时，将生成闭包；闭包会导致原有的作用域链不释放，造成内存泄漏； 如下两个例子： function test(){ var tmp = 100; function a(){ console.log(tmp); } return a;//把里面的函数保存到了外面 } var demo = test(); demo();/...原创 2020-04-28 18:23:58 · 381 阅读 · 0 评论 -
js作用域
目录 1.作用域（Scope）定义 2.变量的作用域类型 3.作用域链 4.执行期上下文 5.查找变量 6.例1 7.例2 8.闭包的引入 1.作用域（Scope）定义 [[scope]]:每个javascript函数都是一个对象，对象中有些属性我们可以访问，但有些不可以，这些属性仅供javascript引擎存取，[[scope]]就是其中一个。[[scope]]指的就是我...转载 2020-04-27 13:49:23 · 389 阅读 · 0 评论 -
js预编译（与C预处理区别）
第一次学的时候以为和C预处理差不多，看了下才发现区别还蛮大的； js的预编译 例1： test();//打印出 a function test(){ console.log("a"); }原创 2020-04-24 15:39:58 · 502 阅读 · 0 评论 -
js函数写法
1.函数声明 1.1.命名函数表达式 //函数声明 function theFirstName(){ } 1.2.匿名函数表达式——（常用，简化为 函数表达式） var test = function (){ document.write("a"); } test(); 2.函数用法 除了跟C++等其他语言中相同的 实参一一对应形参以外，js可以不定参，实参和形参个...原创 2020-04-22 14:06:39 · 710 阅读 · 0 评论