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 · 3758 阅读 · 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 · 366 阅读 · 0 评论 -
js dom节点类型
HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构(节点树)。通过JavaScript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西,JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口,连同对 HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。节点分类节点类型 说明 value值 元素节点 每一个HTML标签都是一个元素节原创 2020-05-24 12:08:46 · 532 阅读 · 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 · 134 阅读 · 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 · 271 阅读 · 0 评论 -
js数组和类数组
1.数组定义//数组定义var arr1 = [, ];var arr2 = new Array(); //系统提供构造方法//数组所有方法来自 Array.prototypevar arr = new Array(10);console.log(arr.length);//打印10var arr1 = [, ];console.log(arr1.length + ": " + arr1[0]); //打印1 : undefinedvar arr2 = [1, , 1]...原创 2020-05-23 15:18:37 · 614 阅读 · 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 · 274 阅读 · 0 评论 -
js命名空间—闭包应用
对应命名空间,首先可以使用对象的方法保存变量或者函数,达到和其他变量不冲突,这个很常见;其次可以用闭包:var aaa = 100;var init = (function() { var aaa = 1;; function addNum() { console.log(aaa++); } return function() { addNum(); }} ())console.log(aaa); //100ini原创 2020-05-23 09:37:56 · 180 阅读 · 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 · 320 阅读 · 0 评论 -
js原型,原型链,call/apply
prototype定义:原型是function对象的一个属性,它定义了构造函数制造出来的对象的公共祖先,通过该构造函数产生的对象,可以继承该原型的属性和方法,原型也是对象。初步看的时候,感觉类似于C++继承例子如下:Person.prototype.name = 'chen';function Person(){}var person1 = new Person;...原创 2020-05-08 18:09:47 · 343 阅读 · 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 · 210 阅读 · 0 评论 -
js闭包——简单例子
闭包:当内部函数被保存到外部时,将生成闭包;闭包会导致原有的作用域链不释放,造成内存泄漏;如下两个例子:function test(){ var tmp = 100; function a(){ console.log(tmp); } return a;//把里面的函数保存到了外面}var demo = test();demo();/...原创 2020-04-28 18:23:58 · 332 阅读 · 0 评论 -
js作用域
目录1.作用域(Scope)定义2.变量的作用域类型3.作用域链4.执行期上下文5.查找变量6.例17.例28.闭包的引入1.作用域(Scope)定义 [[scope]]:每个javascript函数都是一个对象,对象中有些属性我们可以访问,但有些不可以,这些属性仅供javascript引擎存取,[[scope]]就是其中一个。[[scope]]指的就是我...转载 2020-04-27 13:49:23 · 302 阅读 · 0 评论 -
js预编译(与C预处理区别)
第一次学的时候以为和C预处理差不多,看了下才发现区别还蛮大的;js的预编译例1:test();//打印出 afunction test(){ console.log("a");}原创 2020-04-24 15:39:58 · 426 阅读 · 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 · 644 阅读 · 0 评论