js | 易学教程

JS 继承与聚合

阅读更多关于 JS 继承与聚合

1、js的继承 https://www.liaoxuefeng.com/wiki/1022910821149312/1023021997355072 下面两张图片为百度传课讲解继承（原型链继承寄生继承大体了解就好不如廖雪峰的方法容易理解） function A (name) { this.name = name } A.prototype.getInfo = function() { console.log(this.name + '--' + this.age) } function B(name,age) { A.call(this,name) this.age = age } inherits(B,A) function inherits(Child,Parent) { function F() {} F.prototype = Parent.prototype Child.prototype = new F() Child.prototype.constructor = Child } // 或者这样原理一样的 // B.prototype = inheritFrom(A.prototype) // B.prototype.constructor = B // function inheritFrom(o) { // function F() {} // F

使用jQuery Mobile和Phone Gap开发Android应用程序

阅读更多关于使用jQuery Mobile和Phone Gap开发Android应用程序

使用jQuery Mobile和Phone Gap开发Android应用程序 1、软件准备要进行android app的开发，当然需要准备Java, eclipse和安装Android SDK，这个部分网络上面很多方法，搜索“安装Android SDK”即可找到很多答案，所以就不再这里浪费口水。 2、知识准备（1）了解jQuery Mobile这个js框架，知道怎么组织一个简单的页面。官方网站：http://jquerymobile.com/（记得下载一个js库文件）（2）了解Phone Gap，怎么利用Phone Gap在后面的内容也有介绍。官方网站：http://phonegap.com/（同样记得下载相关文件）（3）能够使用jQuery进行开发。 3、组织工程目录（1）打开Eclipse，建立一个android应用工程，见下图（2）解压phonegap的压缩包，可以看到它针对不懂的应用类型进行了不同的分类，有android、IOS、Windows Phone等移动终端系统，打开其中的android文件夹。（3）在刚才新建的工程的根目录下新建一个名为libs的文件夹，找到（1）中android文件夹中的jar包粘贴到刚才的libs文件夹下。（4）将（1）中android文件夹下的xml文件夹整个粘贴到工程更目录下的res文件夹下。（5

JS类的继承

阅读更多关于 JS类的继承

首先回顾一下构造函数、原型和实例的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，实例都包含一个指向原型对象的内部指针在JS中，实现继承主要是依靠原型链来实现；基本思想是：利用原型让一个引用类型继承另一个引用类型的属性和方法。一、原型链 1.1 概念假设让原型对象等于另一个类型的实例，此时的原型对象将包含一个指向另一个原型的指针，相应地，另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例，那么上述关系依然成立，如此层层递进，就构成了实例与原型的链条。首先原型链的基本模式代码如下 function FatherType(){ this.property = true; } FatherType.prototype.getFatherValue = function(){ return this.property; }; function SonType(){ this.sonproperty = false; } SonType.prototype = new FatherType(); //继承了 FatherType SonType.prototype.getsonValue = function (){ return this.sonproperty ; }; var son1= new SonType()

js的一些数组方法

阅读更多关于 js的一些数组方法

find() 方法主要用来返回数组中符合条件的第一个元素（没有的话，返回undefined） filter() 方法主要用来筛选数组中符合条件的所有元素，并且放在一个新数组中，如果没有，返回一个空数组 map() 方法主要用来对数组中的元素调用函数进行处理，并且把处理结果放在一个新数组中返回（如果没有返回值，新数组中的每一个元素都为undefined） forEach() 方法也是用于对数组中的每一个元素执行一次回调函数，但它没有返回值（或者说它的返回值为undefined，即便我们在回调函数中写了return语句，返回值依然为undefined）详细描述请参考这里(点击) 来源： CSDN 作者：注目羔羊链接： https://blog.csdn.net/weixin_44356804/article/details/104221649

Javascript学习笔记：JS错误处理

阅读更多关于 Javascript学习笔记：JS错误处理

1.语法错误不符合js语法的错误。 2.运行时错误运行时错误（Runtime Error）值代码没有无法错误，而在运行时才发生的错误。 ReferenceError ，变量引用异常。 TypeError ，类型使用错误。 RangeError ，一般在递归爆栈时触发，即递归深度太深。 3.逻辑错误逻辑错误一般指的是结果与预期不符。 debugger使用在代码段中加入 debugger; 语句，可以使程序在运行时在debugger处暂停运行。此后可以使用浏览器的单步调试工具进行调试。也可以使用断点。 4.主动触发错误:throw/try catch function multiple ( a , b ) { if ( typeof a != 'number' || typeof b != 'number' ) { throw new Error ( '参数必须是数字!' ) ; } return a * b ; } try { c = multiple ( 'a' , 'b' ) ; alert ( c ) ; } catch ( e ) { alert ( "必须是两个数字" ) ; } 来源： CSDN 作者： Zijeak 链接： https://blog.csdn.net/qq_18404993/article/details/104222683

使用js写个数字时钟

阅读更多关于使用js写个数字时钟

实现原理通过 Date 对象获取当前计算机的系统时间，注册计时器每隔一秒重新获取时间即可格式化时间 function setTime() { const now = new Date(); const year = now.getFullYear(); const month = now.getMonth() + 1; const date = now.getDate(); const hour = now.getHours(); const minute = now.getMinutes(); const second = now.getSeconds(); return `${year}年${month}月${date}日 ${hour}:${minute}:${second < 10 ? '0' + second : second}` } 这里简单地给秒钟显示时补个零效果完整代码 import React, { useEffect, useState } from 'react'; export default () => { const [now, setNow] = useState(setTime()) useEffect(() => { const timer = setInterval(() => { const now = setTime();

js作用域

阅读更多关于 js作用域

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>js作用域</title></head><body><script> c='beijing'; f=function(){ var c='shanghai'; function inner(){ console.log('456'+c); } return inner; }; f()(); function bar(){ console.log('123'+c)} f=function(){ c='shanghai'; return bar; }; f()() //运行结果；456shanghai // 123shanghai</script></body></html> 来源： https://www.cnblogs.com/startl/p/12283483.html

JS经典理解例子

阅读更多关于 JS经典理解例子

1. var name = 'the window'; var obj = { 　　name:"my obj", 　　getNameFunc:function(){ 　　　　return function(){ 　　　　　　return this.name; 　　　　} 　　} }; alert(obj.getNameFunc()());//问输出结果是多少答案：the window 理解：这里的obj.getNameFunc()返回了一个function,然后再再外面调用这个function,这时候调用function的是window对象，所有输出the window 2. var name = 'the window'; var obj = { 　　name:"my obj", 　　getNameFunc:function(){ 　　　　var that = this; 　　　　return function(){ 　　　　　　return that.name; 　　　　} 　　} }; alert(obj.getNameFunc()());//问输出结果是多少答案：my obj 理解：返回的这个function是getNameFunc的一个内部函数，而他使用了外部函数定义的变量，所以产生了闭包，再调用执行return that.name;的时候

第1章-初识Vue.js

阅读更多关于第1章-初识Vue.js

一、初识Vue 1.1、本次我们学习的内容　　常用指令：vue中最基础的内容　　交互：网络请求　　组件：是vue.js 这个框架最核心，最精华的内容，因为vue呐，它在所有的框架中是把组件化做到了极致。项目开发中的每一个页面都在使用组件，是我们重中之重。　　路由配置：在实际开发中，需要借助路由去完成的。　　项目实践：在项目开发的过程中，如何实现框架的搭建。 1.2、内容：　　了解 Vue.js 的概念　　理解MVC 思想　　能够使用Vue.js 模板和表达式进行数据关联展示 ***** 　　掌握Vue.js 模板的组成和使用方法 ******** 1.3、vue的前端框架基于react后台框架- : https://ant-design.gitee.io/docs/react/use-in-typescript-cn vue-admin：https://panjiachen.github.io/vue-element-admin-site/zh/guide/advanced/chart.html#demo 更多框架：https://www.cnblogs.com/zhangqigao/p/10564988.html 二、Vue简介 2.1、Vue.js概念概念：Vue.js是目前最流行的前端MVC框架作者：尤雨溪(华人) 前Google员工 2.2

ASP.NET MVC4中对JS和CSS的引用

阅读更多关于 ASP.NET MVC4中对JS和CSS的引用

https://www.cnblogs.com/madyina/p/3702314.html ASP.NET MVC4中对JS和CSS的引用又做了一次变化，在MVC3中我们这样引用资源文件： <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> 将在运行的时候自动将虚拟（相对）路径转换为应用程序绝对路径。这是比较传统的引用方式，尽管他做了一次转换操作，对服务器的请求数量压力并没有什么改进的变化，所以推测可能出于模块化设计思想和并发方面的考虑，微软在MVC4中将这一方式做了改变：在新建一个ASP.NETMVC4站点的时候都会在～/App_Start目录下有一个BundleConfig.cs的启动文件，当然创建其他的ASP.NET4.0及4.0以上的项目也会有。这个文件里面包含了如下代码： bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include( "~/Scripts/jquery.unobtrusive*", "~/Scripts/jquery.validate*")); bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site

订阅 js