10 2019 档案
摘要：将new操作单独封装，遇到new时，就要考虑是否该用工厂模式 示例 你去购买汉堡，直接点餐，取餐，没必要自己亲手做（这就是一个初始化实例的封装） 商店要‘封装’做汉堡的工作，做好直接给买者 class Product { constructor(name) { this.name = name; }
阅读全文
摘要：使用官网的下列这句话，装半天装不好 可以这样，在浏览器输入 https://raw.githubusercontent.com/Homebrew/install/master/install 打开之后 把网页文件保存下来 名称为 brew_install.rb 在终端输入curl如果显示 curl:
阅读全文
摘要：z的源码在这里：https://github.com/rupa/z/blob/master/z.sh 1、把源码复制到你的用户目录下的z.sh文件， 2、然后用vim打开.bashrc这个目录，在最后添加“source /Users/yourname/z.sh”。 3、打开默认启动执行脚本 ~/.z
阅读全文
摘要：第二题 某停车场，分三层，每层100车位 每个车位都能监控到车辆的驶入和离开 车辆进入前，显示每层的空余车辆数量 车辆进入时，摄像头可识别车牌号和时间 车辆出来时，出口显示器显示车牌号和停车时长 题目：画出UML类图 第二题 某停车场，分三层，每层100车位 每个车位都能监控到车辆的驶入和离开 车辆
阅读全文
摘要：empty() empty 顾名思义，清空方法，但是与删除又有点不一样，因为它只移除了 指定元素中的所有子节点。 <body> <div id="test"> <p>p元素1</p> <p>p元素2</p> </div> <button>点击通过jQuery的empty移除元素</button> <
阅读全文
摘要：往某个元素内部的结尾添加 append() appendTo() append() <body> <button id="bt1">点击通过jQuery的append添加元素</button> <div class="content"></div> <script type="text/javasc
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css"> <style> input { display: bl
阅读全文
摘要：子元素筛选选择器 input、text、password、radio、checkbox submit、image、reset、button、file ...
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css"> <script src="https://www.im
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css"> <script src="https://www.im
阅读全文
摘要：基本筛选选择器针对的都是元素DOM节点，如果我们要通过内容来过滤，jQuery也提供了一组内容筛选选择器，当然其规则也会体现在它所包含的子元素或者文本内容上 注意事项：
阅读全文
摘要：很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素，为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素。筛选选择器很多都不是CSS的规范，而是jQuery自己为了开发者的便利延展出来的选择器 筛选选择器的用法与CSS中的伪元素相似，选择器用冒号“：”开头，通过一个
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css"> <script src="https://www.im
阅读全文
摘要：在CSS中，经常会在第一行写下这样一段样式 * {padding: 0; margin: 0;} 通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素 $( "*" ) 抛开jQuery，如果要获取文档中所有的元素，通过document.getEl
阅读全文
摘要：相比较jQuery转化成DOM，开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法，通过传递不同的参数而产生不同的作用。 如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象 <!DOCTYPE ht
阅读全文
摘要：jQuery库本质上还是JavaScript代码，它只是对JavaScript语言进行包装处理，为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。我们使用jQuery的同时也能混合JavaScript原生代码一起使用。在很多场景中，我们需要jQuery与DOM能够相互的转换，它们都是可以操
阅读全文
摘要：描述：按照哪一种思路或者标准来实现功能。功能相同，可以有不同的设计方案来实现。伴随着需求增加，设计的作用才能体现出来 结合《UNIX/LINUX 设计思想》 准则1: 小即时美 准则2: 让每个程序只做好一件事 准则3: 快速建立原型（规划了一个东西，做了三年，做完发现不是用户想要的，先做个小的，再
阅读全文
摘要：多态：同一接口不同实现，这个在前端用的也比较少 同一个接口，不同表现。js应用极少。需要结合java等语言的接口，重写，重载等功能 class People { constructor(name) { this.name = name } saySomething() { } } class A e
阅读全文
摘要：封装：数据多权限和保密，在前端js里面用的不是很多，因为es6也好，es5也好，没有这种语法的特性，可以通过ts演示 封装首先要讲3个关键字 public 完全开放 protected 对子类开放 private 对自己开放 这三个关键字可以用于定义属性 // 父类，姓名，年龄可以公开，体重不能公开
阅读全文
摘要：继承：子类继承父类，在react开发中经常见到，前端用的算多 // 父类 class People { constructor (name, age) { this.name = name this.age = age } eat() { alert(`${this.name} eat someth
阅读全文
摘要：类，即模板，比如一个People的类，class People他就是一个模板，我可以通过这个模板实例化很多对象 class People { constructor (name, age) { this.name = name this.age = age } eat() { alert(`${th
阅读全文
摘要：查看端口sudo lsof -i :3000 删除进程 sudo kill -9 12297[pid]
阅读全文
摘要：模块：模块可以帮助开发者将代码分割为重用的单元。开发者可以自己决定将模块中的哪些资源（类，方法，变量）暴露出去供外部使用，哪些资源只在模块内使用 在ts里面，一个文件就是一个模块，并没有什么特殊的标识。在模块的内部有两个关键字来支撑模块的特性，这两个特性就是export 和 import a.ts
阅读全文
摘要：接口：用来建立某种代码约定，使得其他开发者在调用某个方法或创建新的类时必须遵循接口所定义的代码约定 在js里面没有接口这个概念，在ts里面通过两个关键字来支撑接口这个特性 interface interface IPerson { name: string; age: number; } 在接口里面
阅读全文
摘要：泛型：参数化的类型，一般用来限制集合的内容 class Person { constructor(public name:string) { } eat() { console.log(this.name) } } var workers: Array<Person> = []; 这里的<Perso
阅读全文
摘要：箭头表达式：用来声明匿名函数，消除传统匿名函数的this指针问题 1、无参 var sum = () => {} 2、一个参数 var sum = arg2 => {} 3、多个参数 var sum = (arg1,arg2) => { arg1 + arg2 } demo var myArray
阅读全文
只有注册用户登录后才能阅读该文。
摘要：1、参数类型：在参数名称后面使用冒号来指定参数的类型 var myname:string = 'wzn' => "use strict"; var myname = 'wzn'; 这个时候就申明了一个字符串类型的变量myname,赋值类型后，后面再对这个值赋值的时候会去检查。如果后续赋值为数字，编辑
阅读全文
摘要：typescript是微软开发的一门编程语言，它是javascrip的一个超集，它遵循最新的es6脚本语言规范，typescript扩展了javascript的语法，任何已经存在的javascipt程序可以不经任何改动的在typescript环境下运行 typescript只是向javascript
阅读全文
摘要：1、下载安装 npm install pm2 -g pm2 --version 2、基本使用 "prd": "cross-env NODE_ENV=production pm2 start index.js" 执行npm run prd。执行完之后如图 第一个特点是程序已经起来了，第二个是不会占用终
阅读全文
摘要：安装 1、 npm install koa-generator -g 2、 Koa2 test-koa2 3、 npm install & npm run dev 看package.json里面已经有nodemon了。没有cross-env，配置环境变量的 1、yarn add cross-env
阅读全文