洛神赋在csdn-优快云博客

原创父组件向子组件传递的属性发生改变时，子组件如何同步更新

父组件中的状态发生改变，子组件中的状态同步发生改变。处于同一父组件中的兄弟节点之间如何同步状态。留意watch，这是要点：父组件向子组件传递的属性发生改变时，子组件如何同步。<template> <div> <Man v-on:beliefChange="beliefChange" v-bind:belief="belief"><...

2019-02-27 20:55:41 6723

原创 JavaScript继承总结笔记

//原型链//借用构造函数模式//组合模式//原型式继承function SubType() { this.language = 'JavaScript';}function SuperType() { this.welldone = 'DataBase'; this.projects = ['operation', 'algorithm'];}Object.de...

2018-09-07 10:26:16 346

原创 javaScript中的every，some，forEach，map，filter五者的用途

总结，看似浪费，但是却是极大地节省时间。every，它地用武之地在哪里呢？不期望它能对原始数组进行修改。它地定位是考察数组地整体特性。也就是考察数组中所有元素的共性。比如所有元素是否都是奇数，或者所有元素是否都是偶数。它关注的是数组整体元素的共性。只要有一个不满足，循环就会结束，接下来的数据就不会继续判断。var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9]...

2018-09-06 11:49:30 2997 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 662

原创遍历对象中的属性 --- 只遍历实例中的属性原型中的属性不遍历，和不仅遍历自身的属性而且遍历原型中的属性

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 464

原创 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 9909

原创 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 2802 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 1088

原创 typescript中使用接口表示函数

/** * 使用接口表示函数类型，我们需要给接口定义一个调用签名。 * 一个只有参数列表和返回值类型的函数定义。 */interface SearchFunc { (source: string, substring: string): boolean;}let mysearch: SearchFunc;//函数的参数名不需要与接口里定义的名字相匹配mysearch = ...

2018-08-13 17:41:53 3321

原创 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 2569

原创使用接口实现typesrcipt中的可选属性

interface SquareConfig { /** * 这就是可选属性，意思一目了然。 * 在某些情况下，某个可选属性存在。在某些情况下，某个可选属性不存在。 * 可选属性与之相对的就是必选属性 */ color? : string; width? : number;}function area(square: SquareConfig) { ...

2018-08-13 09:43:57 201

原创 node中的回调callback

什么是回调CallBack==============================在JavaScript中如何使用回调在Node.js中如何使用回调同步编程和异步编程的区别事件循环是什么==============================什么是回调将一个函数A作为参数传递给另一个函数B，并且执行的顺序是先执行B，执行完B，然后执行A。这样就能够严格控制函数的执行顺序...

2018-08-12 15:10:09 977

原创 I/O和事件驱动

//灵魂深处闹革Node.js是什么，设计它的初衷是什么，它致力于解决什么问题这才是本章的要义。======================================================I/O的意义Node.js想要解决的问题并发的意义实现并发的方法======================================================Nod...

2018-08-12 11:05:13 1000

原创 node package manager的使用

安装模块和使用package.json指定项目的依赖关系使用模块本地安装和全局安装查找模块使用文档===========================================================安装模块(以express模块为例)npm install --save express会在项目根目录下生成一个node_modules文件夹，里面就有express模...

2018-08-12 09:54:34 1660

原创 TypeScript利用接口对值所具有的结构进行类型检查

TypeScript的核心原则之一是对值所具有的结构进行类型检查。TypeScript里，接口的作用就是为这些类型命名和为你的代码定义契约。 function printLabel(labelVal: LabelObject) { console.log(labelVal.username);}interface LabelObject { username: stri...

2018-08-10 21:50:14 1276

转载 absolue定位和fixed定位的区别

fixed:固定定位absolute:绝对定位区别很简单：1、没有滚动条的情况下没有差异2、在有滚动条的情况下，fixed定位不会随滚动条移动而移动，而absolute则会随滚动条移动可以这么理解，fixed：固定在当前window不动， absolute：会随参照对象元素的高度和宽度变化而变化一般fixed用在遮盖层和固定在页面某个位置，如固定在顶端的菜单栏，又如弹出...

2018-08-02 13:03:22 4131

原创 css中的rem的使用实例和要义说明

<html><head> <style> html { font-size: 0.625; /*根元素默认的大小是16px*/ } #peotry { font-size: 10px; } #header { f...

2018-08-02 11:37:40 1384

原创锚元素的使用

2018-08-02 09:35:08 2323

原创 vue中路由的跳转和参数传递，参数获取

vue中的路由讲三点第一点：指令级别的路由<router-link>和程序级别的路由router.push();第二点：通过query和params传递参数和path和name之间的关系。第三点: $router和$route地区别声明：由于路由和传参和参数获取密切结合，所以将他们混合在一起讲解，最后会附加一个实例。html中通过<router-link>指令...

2018-07-31 13:42:37 45974 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 271

原创三列布局的核心要义

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 159

原创 html中的注释对样式表的影响

导致样式失效的注释 <html><head> <meta charset = "UTF-8"> <style type = text/css>  [id *= section1] { background:yel

2018-07-28 15:22:16 650

原创 HTML5的结构

HTML5的结构1.主体结构元素2.非主体结构元素3.HTML5的结构 HTML5相对于HTML4的最大改进在于文档的结构。通过添加一些结构元素，在结构上，HTML5比HTML4更加清晰明确。学习内容：①新增的主体结构元素的定义，使用方法，使用场合。article, section, nav, aside.②新增的非主体结构元素的定义，使用方法，使用场合。header, h...

2018-07-28 15:20:18 1273

原创 CSS基础笔记

CSS基础语法 Ø css中的方向 --- 顺时针方向Ø 自定义元素属性之前很重要的一点是清楚系统默认的属性，比如清楚系统默认的内边距和外边距。 Ø 继承关系：子区域继承父区域的样式，同时，子区域也可以对父区域的样式进行重写，或者说覆盖。 Ø 选择器：不同的选择器修饰于同一元素，按照优先级，选择器依次是Id选择器，类选择器，标签选择器。除了三大主流大选择器之...

2018-07-28 15:18:25 201

原创选择器基础知识

为什么需要选择器？选择器可以直接将样式和元素绑定起来，同时可以取代没有任何语义的class属性。从而避免了在web程序或者网站完成以后又要修改样式所花费的大量时间。什么是选择器？连接html源代码和css样式表的神器，使样式表修饰源码中特定的元素的内容。选择器的作用：进行样式指定，具体说就是，采用正则表达式的方式，声明该样式应用于什么元素，该元素的某个属性值必须是什么。指定样式时常...

2018-07-28 15:17:08 383

原创 JavaScript事件处理程序

html事件处理程序元素内置了一些预定的事件处理程序input有自己的事件 button也有自己的事件html特性和事件处理程序同名。click事件，onclick事件处理程序。onclick出现在html中成为html特性。这个概念要明晰。html特性的值可以是可执行的JavaScript语句，也可以是script脚本。<input type="button" valu...

2018-07-28 15:16:02 169

原创 JS事件流

事件：JavaScript和Html之间的交互就是通过事件完成。------------------------------------------当你点击某个button时，你不仅仅点击了button。你还点击了包含这个button的容器，你同时点击了整个页面。------------------------------------------事件的核心概念事件流：从页面上接受事件...

2018-07-28 15:12:13 220

转载 Vue--事件处理修饰符

capture即是给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。若有多个该修饰符，则由外而内触发。就是谁有该事件修饰符，就先触发谁。例子如下:<html> <head> <title>Vue事件修饰符 capture</title> <script src="vue.js"></sc..

2018-07-25 21:17:59 484

原创 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 470

原创 JavaScript中最常用的继承模式结合原型模式和借用构造函数模式的有点于一体

function XiMenQing() { this.name = '西门庆'; this.age = 34; this.wifes = ['潘金莲', '吴月娘', '李瓶儿'];}XiMenQing.prototype.details = function() { return '生子当如西门庆';}function WuDaLang() { XiMenQi...

2018-07-25 12:04:50 158

原创理解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 376

原创 Js中采用字面量方式重写原型函数导致原型函数的constructor属性不再执行构造函数

/** * 关于函数原型对象的一点高级知识 * 字面量方式创建实例的原型对象导致原型对象的constructor不再指向构造函数。 */function Person() { this.password = null;}Person.prototype.username = '托马斯曼';Person.prototype.password = '1234567';Pe...

2018-07-23 16:02:24 753

原创 Js中的原型属性为什么可以做到动态地更新从而将属性的变化同步到所有的实例中

/** * @description * 原型的动态性：对原型中的属性所作的更新会实时地反应到实例对象上。 * 即便实例地创建是先于原型属性地修改。看一个例子： */function Person() { this.password = null;}Person.prototype.username = '托马斯曼';let person = new Person();...

2018-07-23 15:43:36 555

原创 Js中判断一个属性是属于原型函数还是实例属性的方法

/** * * 检测一个属性是实例属性还是原型属性 * 检测完成以后，再来作操作 * */function Person(password) { this.password = password;}Person.prototype.username = 'luohao';let person = new Person(123);/** * 可以访...

2018-07-23 15:04:32 2043

原创 JavsScript中的数据属性和构造器属性

'use strict';var person = new Object();Object.defineProperties(person, { username: { configurable: true, enumerable: true, writable: false, value: '洛神赋' },...

2018-07-23 10:20:21 310

原创 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 277

原创理解原型模式的缺陷以及理解对象相等的确切含义

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 201

原创奇葩说构造函数模式出现的问题

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 164

原创 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 253

原创在一个对象数组中查找一个指定的对象是否存在

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 3460

空空如也

空空如也