JS 对象和函数 JavaScript规定,每一个函数都有一个prototype属性,指向另一个对象。注意这个prototype就是一个对象,这个对象的所有属性和方法,都会被构造函数所拥有。我们可以把那些不变的方法,直接定义在prototype对象上,这样所有对象的实例就可以共享这些方法。构造函数通过原型分配的函数是所有对象所共享的。简单点说prototype的作用就是共享方法。
JS 变量提升和函数提升 这里打印是10个10,因为在执行第一个setTimeout时,Js不会等待1秒后再去打印第一个i,而是去执行下一个循环,但是因为每个循环中都是setTimeout,所有整个for循环都执行完了之后i才开始打印出来,而var具有变量提升,就是说var的作用不限于for循环内部。如上图所示就是最后所有的i都共用同一个i,而i在for循环完成后值为10,所以这里输出了10个10。这里介绍一个变量提升提升的经典案例。
TypeScript 初识笔记 TypeScript最大的一个特点就是变量是强类型的,也就是说,在声明变量的时候,我们必须给他一个类型。重写:类的重写主要是子类对父类函数的重写,就是父类有一个函数,子类定义一个与父类同名同参的函数,然后这个函数可以与父类有不一样的实现。这种形式看起来比较麻烦,而且如果有同样类型的数组,写代码也比较麻烦,TypeScript 为我们准备了一个概念,叫做。用于新增一些任意属性,属性的名字是字符串类型,属性的值可以是任何类型。关键字,子类将拥有父类的所有属性和方法,当然也可以自己的属性和方法。
JS 浏览器对象模型BOM screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如窗口任务栏。screen.availWidth属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任务栏。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。甚至 HTML DOM 的 document 也是 window 对象的属性之一。所有浏览器都支持 window 对象。全局变量是 window 对象的属性。全局函数是 window 对象的方法。
JS 数组或对象的遍历(for、for...in、for...of、foreach) 一、for最原始的方法,用来遍历数组优点:最原始,最容易理解,用continue和break等语句可以进行中断。缺点:结构比while循环复杂,容易出编码错误。二、for…in用来遍历数组索引、对象的属性。代码每执行一次,就会对数组的元素或对象的属性进行一次操作。优点:可以遍历数组的索引(键名),遍历对象简洁方便;缺点:某些情况下,会出现随机顺序的遍历,导致开销较大。三、for…of用来遍历数组的数据,例如数组中的元素值。优点:避免了for in的所有缺点;
JS 简单实现电子时钟 通过Date类拿到的时分秒直接拼接起来可能是这样的:8:2:3,而我们想看到的效果应该是:08:02:03,所以这里我们会对时分秒小于10的情况进行判断,然后再拼接字符串。时钟的确是非常简单的一个功能:我们只需要通过js编写一个方法来获取时间的时分秒,再用定时器每隔一秒进行刷新即可。...
css 实现文字渐变以及文字颜色流动 文字填充色,实现文字渐变色要展示的是背景的渐变颜色,所以这里我们需要设置为transparent( 寻常的- webki t-表示的是Chrome和Safari的私有属'性,但是它却声明了所有的,除了IE浏览器)):1px black;实现镂空文字(文字边框)...
JS Arguments的使用 注意:Arguments.callee()可以调用函数本身当函数正在执行时才可调用,可以实现方法的递归调用。Arguments.callee是代表当前函数,但是不会调用。通过Arguments.callee()实现递归求和(严格模式下不能使用)arguments与剩余参数、默认参数和解构赋值参数的结合使用。callee获取当前arguments所在的函数。一定要注意,arguments是存储传递的所有。a.求任意个数数字的最大值。,默认参数是不会存储的。③当非严格模式中的函数。当非严格模式中的函数。...
vue项目中使用el-table实现默认多列排序 实现效果如下:代码如下:<template> <el-table :data="tableData" border stripe style="width: 100%" :header-cell-class-name="handleHeaderClass" @sort-change="handleTableSort" > <el-table-column prop="date" .
JS简单实现tab滚动切换 今天稍微查了一下类似的,要么写得很多,要不代码补全,这个东西哪有那么复杂。滚动切换的逻辑其实特别简单,只要看懂了这个做一些较复杂的功能也可以举一反三了。直接上代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <..
JS-ES6类 使用js的class需注意以下几点:(1)通过class关键字创建类,类名我们还是习惯性定义首字母大写(2)类里面有个constructor函数,可以接受传递过来的参数,同时返回实例对象(3) constructor 函数只要new生成实例时,就会自动调用这个函数,如果我们不写这个函数,类也会自动生成这个函数(4) 生成实例new不能省略(5) 最后注意语法规范,创建类类名后面不要加小括号,生成实例类名后面加小括号,构造函数不需要加function(6)类里面所有的函数不需要写fun
JS 超简单的无缝滚动案例 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>无缝滚动</title> </head> <style type="text/css"> .box{ width: 600px; height: 300px; margin: 0 auto; overflow: hidden; position:.
Loading动画 HTML部分<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>加载</title> <link rel="stylesheet" href="loading.css"> </head> <body> <div class="loading"> <span>Loading...
Loading动画 HTML部分<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>加载</title> <link rel="stylesheet" href="loading.css"> </head> <body> <div class="loading"> <span>Loading...
css_流光按钮(转载) CSS部分* { /* 初始化 取消页面的内外边距 */ padding: 0; margin: 0;}body { /* 弹性布局 让页面元素垂直+水平居中 */ display: flex; justify-content: center; align-items: center; /* 让页面占屏幕总高 */ height: 100vh; background-color: #000;}a { /
如何通过git管理远程仓库 准备工作注册一个GitHub账号完成Git的下载安装Github与Git之间的关系Github是全球最大的社交编程及代码托管网站(https://github.com/)。Github可以托管各种git库,并提供一个web界面(用户名.github.io/仓库名)如何使用git远程管理仓库1.我们先在Github创建一个respository(仓库)。创建好如图所示:2.点击如图所示的按钮复制当前仓库的地址。 注意:在Git base here里只能右键点击parse进行粘贴,
mysql学习笔记(6)_存储过程 原本觉得掌握最基本的语法就行了,但发现老师最近又提到了存储过程,我觉得有必要学习整理一下,以下是我的简单笔记存储过程的含义以及优点含义:一组预先编译号的sql语句的集合,理解成批处理语句优点:1.提高代码的重用性2.简化操作3.减少了编译次数并且减少了和数据库服务器的连接次数,提高了效率存储过程的创建语法create procedure 存储过程名(参数列表) be...
dubbo_simple monitor安装配置 一、还没配置dubbo请参考我以下文章dubbo_环境配置二、simple monitor配置来到之前下载的dubbo-admin-master文件夹中,我们可以看到存在dubbo-monitor-simple文件夹打开该文件夹,并在该目录下打开cmd并输入指令:mvn package将此项目打包打包完成后我们可以发现在该目录下已经生成了target目录,打开target目录,我们可...