RSS订阅原创 父组件向子组件传递的属性发生改变时，子组件如何同步更新
父组件中的状态发生改变，子组件中的状态同步发生改变。处于同一父组件中的兄弟节点之间如何同步状态。留意watch，这是要点：父组件向子组件传递的属性发生改变时，子组件如何同步。<template> <div> <Man v-on:beliefChange="beliefChange" v-bind:belief="belief"><...
2019-02-27 20:55:41
6644
原创 JavaScript继承总结笔记
//原型链//借用构造函数模式//组合模式//原型式继承function SubType() { this.language = 'JavaScript';}function SuperType() { this.welldone = 'DataBase'; this.projects = ['operation', 'algorithm'];}Object.de...
2018-09-07 10:26:16
294
原创 javaScript中的every，some，forEach，map，filter五者的用途
总结，看似浪费，但是却是极大地节省时间。every，它地用武之地在哪里呢？不期望它能对原始数组进行修改。它地定位是考察数组地整体特性。也就是考察数组中所有元素的共性。比如所有元素是否都是奇数，或者所有元素是否都是偶数。它关注的是数组整体元素的共性。只要有一个不满足，循环就会结束，接下来的数据就不会继续判断。var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9]...
2018-09-06 11:49:30
2902
1
原创 对数组的遍历和对对象的遍历 --- for ... in 和 for ... of 的区别
var arr=["张三","李四","王五","赵六"];let person = { username: 'luohao', password: '123456', hometown: '湖北省'}//for ... of 专属于数组的遍历方式for (var value of arr){ console.log(value);}for (let index in...
2018-09-06 11:15:01
629
原创 遍历对象中的属性 --- 只遍历实例中的属性原型中的属性不遍历，和不仅遍历自身的属性而且遍历原型中的属性
function China() { this.location = '亚洲';}function HuBei() { this.feature = '湖泊';}function WuHan() { this.advanced = '教育';}HuBei.prototype = new China();WuHan.prototype = new HuBei();...
2018-09-06 11:08:48
421
原创 typescript中的const问题
let person = { username: 'luohao', password: '123456'}const pointer = person;pointer.username = '1234';console.log(pointer.username);person.username = 'logic';console.log(pointer.username)...
2018-08-14 09:38:08
9806
原创 typescript中的let和var背后的故事
function totlaMatrix(matrix: number[][]) { let sum = 0; for (var i = 0; i < matrix.length; i++) { var currentRow = matrix[i]; for (var i = 0; i < currentRow.length; i++) { ...
2018-08-14 09:00:40
2714
3
原创 typescript的基本类型
typescript的基本类型booleanstring模版字符串，它可以定义多行文本和内嵌表达式。 这种字符串是被反引号包围，并且以${ expr }这种形式嵌入表达式。let str1: string = 'book';let str2 = "i love read";console.log(str2 + `, so i love ${str1}`);numberType...
2018-08-13 23:02:04
1005
原创 typescript中使用接口表示函数
/** * 使用接口表示函数类型，我们需要给接口定义一个调用签名。 * 一个只有参数列表和返回值类型的函数定义。 */interface SearchFunc { (source: string, substring: string): boolean;}let mysearch: SearchFunc;//函数的参数名不需要与接口里定义的名字相匹配mysearch = ...
2018-08-13 17:41:53
3265
原创 typescript中传递一个对象字面量会面临额外的类型检查 解决方案
interface SquareConfig { color: string; width: number; }function createSquare(config: SquareConfig): { color: string; area: number } { let result = {color: 'black', area: 0}; if (config....
2018-08-13 17:18:14
2451
原创 使用接口实现typesrcipt中的可选属性
interface SquareConfig { /** * 这就是可选属性，意思一目了然。 * 在某些情况下，某个可选属性存在。在某些情况下，某个可选属性不存在。 * 可选属性与之相对的就是必选属性 */ color? : string; width? : number;}function area(square: SquareConfig) { ...
2018-08-13 09:43:57
163
原创 node中的回调callback
什么是回调CallBack==============================在JavaScript中如何使用回调在Node.js中如何使用回调同步编程和异步编程的区别事件循环是什么==============================什么是回调将一个函数A作为参数传递给另一个函数B，并且执行的顺序是先执行B，执行完B，然后执行A。这样就能够严格控制函数的执行顺序...
2018-08-12 15:10:09
910
原创 I/O和事件驱动
//灵魂深处闹革Node.js是什么，设计它的初衷是什么，它致力于解决什么问题这才是本章的要义。======================================================I/O的意义Node.js想要解决的问题并发的意义实现并发的方法======================================================Nod...
2018-08-12 11:05:13
931
原创 node package manager的使用
安装模块和使用package.json指定项目的依赖关系使用模块本地安装和全局安装查找模块使用文档===========================================================安装模块(以express模块为例)npm install --save express会在项目根目录下生成一个node_modules文件夹，里面就有express模...
2018-08-12 09:54:34
1536
原创 TypeScript利用接口对值所具有的结构进行类型检查
TypeScript的核心原则之一是对值所具有的结构进行类型检查。TypeScript里，接口的作用就是为这些类型命名和为你的代码定义契约。 function printLabel(labelVal: LabelObject) { console.log(labelVal.username);}interface LabelObject { username: stri...
2018-08-10 21:50:14
1201
转载 absolue定位和fixed定位的区别
fixed:固定定位absolute:绝对定位区别很简单：1、没有滚动条的情况下没有差异2、在有滚动条的情况下，fixed定位不会随滚动条移动而移动，而absolute则会随滚动条移动可以这么理解，fixed：固定在当前window不动， absolute：会随参照对象元素的高度和宽度变化而变化一般fixed用在遮盖层和固定在页面某个位置，如固定在顶端的菜单栏，又如弹出...
2018-08-02 13:03:22
4025
原创 css中的rem的使用实例和要义说明
<html><head> <style> html { font-size: 0.625; /*根元素默认的大小是16px*/ } #peotry { font-size: 10px; } #header { f...
2018-08-02 11:37:40
1331
原创 锚元素的使用
<html><body> <div><a href="#libai">苏轼</a></div> <div><a href="#sushi">李白</a></div>
2018-08-02 09:35:08
2260
原创 vue中路由的跳转和参数传递，参数获取
vue中的路由讲三点第一点：指令级别的路由<router-link>和程序级别的路由router.push();第二点：通过query和params传递参数和path和name之间的关系。第三点: $router和$route地区别声明：由于路由和传参和参数获取密切结合，所以将他们混合在一起讲解，最后会附加一个实例。html中通过<router-link>指令...
2018-07-31 13:42:37
45747
1
原创 三列浮动布局的核心
/*三列定位布局*/div#main { margin: 0 30% 0 20%; padding: 0px;}div#left { float: right; width: 25%;}div#right { float: left; width: 15%;}/*三列浮动布局*/div#main{ margin: 0 ...
2018-07-29 21:42:57
237
原创 三列布局的核心要义
div#main{ margin: 0 25% 0 20%; padding: 0px;}div#right{ position: absolute; right: 0; width: 20%;}div#left{ position: absolute; left: 0; width: 15%;}position必须是absolutewid...
2018-07-29 21:11:32
122
原创 html中的注释对样式表的影响
导致样式失效的注释<!--注释--> <html><head> <meta charset = "UTF-8"> <style type = text/css> <!--只要属性值中包含section1即可，不论位置如何--> [id *= section1] { background:yel
2018-07-28 15:22:16
612
原创 HTML5的结构
HTML5的结构1.主体结构元素2.非主体结构元素3.HTML5的结构 HTML5相对于HTML4的最大改进在于文档的结构。通过添加一些结构元素，在结构上，HTML5比HTML4更加清晰明确。学习内容：①新增的主体结构元素的定义，使用方法，使用场合。article, section, nav, aside.②新增的非主体结构元素的定义，使用方法，使用场合。header, h...
2018-07-28 15:20:18
1170
原创 CSS基础笔记
CSS基础语法 Ø css中的方向 --- 顺时针方向Ø 自定义元素属性之前很重要的一点是清楚系统默认的属性，比如清楚系统默认的内边距和外边距。 Ø 继承关系：子区域继承父区域的样式，同时，子区域也可以对父区域的样式进行重写，或者说覆盖。 Ø 选择器：不同的选择器修饰于同一元素，按照优先级，选择器依次是Id选择器，类选择器，标签选择器。除了三大主流大选择器之...
2018-07-28 15:18:25
173
原创 选择器基础知识
为什么需要选择器？选择器可以直接将样式和元素绑定起来，同时可以取代没有任何语义的class属性。从而避免了在web程序或者网站完成以后又要修改样式所花费的大量时间。什么是选择器？连接html源代码和css样式表的神器，使样式表修饰源码中特定的元素的内容。选择器的作用：进行样式指定，具体说就是，采用正则表达式的方式，声明该样式应用于什么元素，该元素的某个属性值必须是什么。指定样式时常...
2018-07-28 15:17:08
353
原创 JavaScript事件处理程序
html事件处理程序元素内置了一些预定的事件处理程序input有自己的事件 button也有自己的事件html特性和事件处理程序同名。click事件，onclick事件处理程序。onclick出现在html中成为html特性。这个概念要明晰。html特性的值可以是可执行的JavaScript语句，也可以是script脚本。<input type="button" valu...
2018-07-28 15:16:02
144
原创 JS事件流
事件：JavaScript和Html之间的交互就是通过事件完成。------------------------------------------当你点击某个button时，你不仅仅点击了button。你还点击了包含这个button的容器，你同时点击了整个页面。------------------------------------------事件的核心概念事件流：从页面上接受事件...
2018-07-28 15:12:13
168
转载 Vue--事件处理修饰符
capture即是给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。若有多个该修饰符，则由外而内触发。 就是谁有该事件修饰符，就先触发谁。 例子如下:<html> <head> <title>Vue事件修饰符 capture</title> <script src="vue.js"></sc..
2018-07-25 21:17:59
435
原创 vue中的路由和时间修饰符 --- 联网的情况下直接可以运行
<html><body> <div id="app" style="border-bottom: 1px solid firebrick; margin-bottom: 20px"> <h1>{{ message }}</h1> <div style="border-bottom:
2018-07-25 21:09:23
387
原创 JavaScript中最常用的继承模式 结合原型模式和借用构造函数模式的有点于一体
function XiMenQing() { this.name = '西门庆'; this.age = 34; this.wifes = ['潘金莲', '吴月娘', '李瓶儿'];}XiMenQing.prototype.details = function() { return '生子当如西门庆';}function WuDaLang() { XiMenQi...
2018-07-25 12:04:50
127
原创 理解Js中的继承 看这篇博客时务必画出子对象实例 子对象原型 子对象构造函数 父对象实例 父对象原型 父对象构造函数之间的关系
function Father() { this.bbb = '222';}Father.prototype.aaa = '111';function Son() { this.ccc = '333';}var father1 = new Father();var father2 = new Father();Son.prototype = father1;Son...
2018-07-25 10:48:44
320
原创 Js中采用字面量方式重写原型函数导致原型函数的constructor属性不再执行构造函数
/** * 关于函数原型对象的一点高级知识 * 字面量方式创建实例的原型对象导致 原型对象的constructor不再指向构造函数。 */function Person() { this.password = null;}Person.prototype.username = '托马斯曼';Person.prototype.password = '1234567';Pe...
2018-07-23 16:02:24
682
原创 Js中的原型属性为什么可以做到动态地更新从而将属性的变化同步到所有的实例中
/** * @description * 原型的动态性：对原型中的属性所作的更新会实时地反应到实例对象上。 * 即便实例地创建是先于原型属性地修改。看一个例子： */function Person() { this.password = null;}Person.prototype.username = '托马斯曼';let person = new Person();...
2018-07-23 15:43:36
516
原创 Js中判断一个属性是属于原型函数还是实例属性的方法
/** * * 检测一个属性是实例属性还是原型属性 * 检测完成以后，再来作操作 * */function Person(password) { this.password = password;}Person.prototype.username = 'luohao';let person = new Person(123);/** * 可以访...
2018-07-23 15:04:32
1974
原创 JavsScript中的数据属性和构造器属性
'use strict';var person = new Object();Object.defineProperties(person, { username: { configurable: true, enumerable: true, writable: false, value: '洛神赋' },...
2018-07-23 10:20:21
232
原创 JavaScript原型模式
function Campus(location, name) { this.location = location; this.name = name;}Campus.prototype.information = function() { console.log(this.location + ', ' + this.name);}var aaa = ne...
2018-07-23 09:47:53
235
原创 理解原型模式的缺陷以及理解对象相等的确切含义
function Campus(location, name) { this.location = location; this.name = name; this.information = information;}function information() { return this.location + ", " + this.name;}v...
2018-07-23 09:24:14
150
原创 奇葩说 构造函数模式出现的问题
function Campus(location, name) { this.location = location; this.name = name; this.information = function() { return this.location + ", " + this.name; }}var aaa = new Campu...
2018-07-23 08:59:41
129
原创 JavaScript数据结构之列表 --- ADT
function List() { this.listSize = 0; //列表中实际元素的数量 this.pos = 0; this.dataStore = []; this.clear = clear; this.find = find; this.toString = toString; this.insert = insert;...
2018-07-22 17:28:26
219
原创 在一个对象数组中查找一个指定的对象是否存在
function find(list, elem) { for (let i = 0; i < list.length; i++) { let flag = true; let current = list[i]; for (key in current) { if (elem[key] !== current[key]) { fla...
2018-07-22 16:36:56
3427