11 2019 档案
摘要:创建对象有几种方法 1.字面量对象 var o1 = {} var o1 = {name:"hill"} o1.prototype //undefined 只有创建一个新函数 才会为这个新函数创建一个prototype属性,并且指向原型 o1.__proto__.constructor Object
阅读全文
摘要:http协议的主要特点 简单快速 //某个资源是固定的 (统一资源符)UII 灵活 //http头部有个数据类型,完成不同数据类型的传输 无连接 //链接一次就会断开 无状态 //客户端和服务端是两种身份 http中间建立链接(不区别两次链接者的身份) http报文组成部分 请求报文: 请求行:请求
阅读全文
摘要:基本概念:Dom事件的级别 Dom0 级别 element.onclick=function() {} Dom1 没有制定事件相关的 Dom2 element.addEventListener("click" function() {} , false//捕获还是冒泡) Dom3 element.a
阅读全文
摘要:子元素选择器 h1 > strong {color:red;} //这个规则会把第一个 h1 下面的两个 strong 元素变为红色,但是第二个 h1 中的 strong 不受影响: <h1>This is <strong>very</strong> <strong>very</strong> im
阅读全文
摘要:CSS盒模型(理论转化应用) 题目:谈谈对css盒模型的认识 基本概念:标准模型 和 IE模型 区别:计算高度和宽度的不同(理论) 标准:content IE:计算border 和padding css如何设置两种模型: box-sizing: content-box(默认) box-sizing:
阅读全文
摘要:<head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"> </script> </head> <body> <section class="app"> <fade :showw="show"> <article
阅读全文
摘要:Vue提供我们很多js动画钩子 写在tansition标签内部 入场动画 @before-enter="" 处理函数收到一个参数(e l) el为这个元素 @enter=""处理函数收到二个参数(e l, done)done() 为动画结束 @after-enter=""处理函数收到一个参数(e l
阅读全文
摘要:<script src="vue.js"></script> <link rel="stylesheet" href="animate.css"> <style> /*@keyframes bounce-in {*/ /* 0% {*/ /* transform:scale(0);*/ /* }*/
阅读全文
摘要:transform-origin: center left 60px;可以实现3d转换
阅读全文
摘要:Vue动画原理 增加和删除css增加样式实现一个过渡效果也就是动画效果 1.需要动画效果的标签外包裹一个transition标签 会被自动分析css样式,然后自动构建一个动画流程 transition标签中 name=“fade”如果不写默认v 1.动画即将执行的时候增加两个css fade-ent
阅读全文
摘要:f vue中的插槽 1.<slot>默认内容</slot> 当副组件不传递信息的时候 显示默认内容 2.<slot></slot> 显示的是插槽中所有的数据 不具名插槽只有一个 具名插槽(可以有多个) 父:<div slot="h"></div> 子: <slot name="h"></slot>
阅读全文
摘要:非父子组件传值 轻量级 视图层框架 复杂组件间传值,引进其他的工具或者设计模式 1.vuex 2.总线机制 //main line 1.在main.js中注册全局的bus Vue.prototype.bus=new Vue(); 2.在组建中使用 子组建使用:this.bus.$emit('自定义事
阅读全文
摘要:ref 当ref写在一个标签元素中,通过this.$refs.name 获取的是标签对应的dom元素 <section id="app" ref="froggy" @click="handleClick">{{name}}</section><script> var vm = new Vue({ e
阅读全文
摘要:什么是js表达式? 表达式指的是可用于计算的式子,即可能产生一个值的式子一般 js for in 是遍历 key, 而 for of 遍历 value。
阅读全文
摘要:第一线程 1.面试课程 (知识点一二三面回顾)***** (每天二小时) 2.面试大全,以及课程回顾,作业回顾,课程大礼包 **** (每天五节课) 3.vue回顾 10节课 *** (每天三节课) 4.知乎上的面试题 (最后再做) 5.js高程 (用到知识点再翻阅) 6.我写的所有博客回顾 7.看
阅读全文
摘要:getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数 var d = new Date(); var n = d.getTime(); //一长串数字
阅读全文
摘要:闭包写法 //后台每个执行环境都有一个表示变量的对象 变量对象 //例如compare()函数调用 //compare的执行环境而言,其作用域链包含两个变量对象 本地活动对象 全局活动对象 全局变量对象始终存在,compare()函数只在函数执行过程中存在 作用域链:一个指向变量对象的指针列表,只引
阅读全文
摘要:XML 定义:可扩展标记语言 作用:用来储存和传输数据,焦点是数据的内容 HTML作用:用来显示数据,焦点是数据的外观 扩展:XML就是一个比较简单的纯文本数据库,方便跨平台调用 本身是一种格式规范,包含数据以及数据说明的文本格式规范 数据都是一样的,只是格式不同 优点:格式统一符合标准,便于跨平台
阅读全文
摘要:程序争取运行时间,运行空间,达到预期效果 实际应用中,还涉及相当大量的数据处理,随着数据规模的增大, 基于不同算法的程序在处理同一问题所需时间是不同的 所以算法复杂度的分析就很重要
阅读全文
摘要:javascript是一门单线程语言 Event Loop是javascript的执行机制 为什么要用异步? 由于js是单线程的。只能在js引擎的主线程上运行。所以js代码只能一行一行执行 。不能同一时间执行多个js代码任务。这导致如果有一段耗时长的计算活着ajax请求。 如果没有异步,就会产生用户
阅读全文
摘要:回调函数不会造成阻塞 function loop() { setTimeout(loop, 0) } loop 死循环 while(true)
阅读全文
摘要:类的定义 类实际上是个“特殊的函数“,就像能够定义函数表达式和函数声明一样,类语法 有两个组成部分:类表达式和类声明式 类声明 类声明没有提升 静态方法 只有构造函数名可以调用,实例无法使用。常用于应用程序创建工具函数 静态与原型包装中this 一个对象调用静态或原型方法时,如果该对象没有“this
阅读全文
摘要:继承 js实现的是实现继承/也就是继承实际的方法 //主要依赖:原型链 //基本思路: 就是一个引用类型继承另一个引用类型的属性和方法 详细:构造函数,实例,原型之间的关系。每个构造函数都有一个原型对象,原型对象都包含一个指针指向构造函数 每个实例都包含一个内部指针指向原型。假如我们让一个原型对象等
阅读全文
摘要:构造函数模式与原型模式结合 function Person(name) = { this.name = name this.friends = ["a", "b"] } person.prototype = { constructor: Person, sayName: function() { a
阅读全文
摘要:出处 其中深奥之处非看一次能了解 !对象真的有点绕,但是又很严谨
阅读全文
摘要:6.2创建对象 方法:对象字面量 object构造函数 缺点:都是创建单个对象。同一个接口创建多个对象,会产生大量重复代码 6.2.1工厂模式 用函数封装以特定的接口创建对象 function createPerson (name,age) { //返回一个对象的函数就是工厂函数 var obj =
阅读全文
摘要:6.1.1理解对象 创建自定义对象最简单的方式就是创建一个object实例。然后添加方法和实例 var person = new Object() person.name = "hi" person.sayName = function() { alert(this.name) 对象字面量(创建方式
阅读全文
摘要:MVC模式 : 是一种分层思想(软件设计典范) M-model 模型层 :主要负责业务代码和数据 V-view 视图层 : 主要负责展现展示 C-controller 控制层:负责分发请求返回数据 面向对象: java的设计思想 java语言里一切皆对象 面向对象的三个基本特征:封装 继承 多态 作
阅读全文
摘要:console从应用程序角度看的(控制台是管理员用的,唯一的) teminal从用户角度看的(终端是用户用的) 应用程序与console交互 用户与teminal交互 teminal可以不存在 teminal就像显示器,打印机,摄像头。 一台主机可以有很多个终端 但是在主机没有启动完成之前,终端是不
阅读全文
摘要:程序: 程序就是某件事情从头到尾完成的,各个步骤的集合 计算机: 外部 输入设备 处理(cpu:算术/逻辑运算) 输出 外部 计算机程序:这些步骤就是计算机指令,每条指令控制计算机完成一个步骤。计算机按照 程序的要求控制计算机帮我们完成任务 计算机程序就是各种指令的集合 计算机的构成:各种电子部件构
阅读全文
摘要:人机文字交互系统 为什么要人机文字交互系统? 我们与计算机需要进行交流,人熟悉自己的语言文字,我们希望使用自己的语言文字与计算机交流,比如我输入人类文字,计算机知道我输入的是什么,同时计算机也能将人类的文字以图形化的方式显示出来,供人阅读 有了文字交互以后,我们可以使用人类文字字符进行编程工作 我们
阅读全文
摘要:数字的0次方等于1 十进制:逢十进一 二进制:逢二进位 十六进制:基本数字:0123456789ABCDEF(不区分大小写) 特点:二进制的简写,专业人士书写二进制数据 16进制的1位数等于2进制的4位数字(4位的2进制数 等于一位的16进制数) 逢十六进位 任何进制转10进制 (加法) 二进制:
阅读全文
摘要:String.prototype.charCodeAt(index) 就是返回字符串中下标单个数值 对应的编码表的10进制表示数值 方法返回0到65535之间的整数,表示给定索引处的UTF-16代码单元 延伸:在node后端中使用 fs.readFile()其中有指定方式读取是 utf-8 cons
阅读全文
摘要:<input type=hidden> 那么该标签就不会显示 但是我们可以用这个标签储存数据 这是一个利用标签元素隐藏
阅读全文
摘要:Array.prototype.find() 返回数组中满足提供测试函数的第一个元素的值,否则返回undefined let b = blogs.find(function(e) => { return e.id id}) //e为遍历数组blogs的每一项 let b = blogs.find((
阅读全文
摘要:原因:由于之前接触的JSON都是字符串与数组之间的转化,思维定式认为JSON只是字符串与数组的转化 这个原因是错误的 首先 JSON 是一种语法,用来序列化对象、数组、数值、字符串、布尔值和 null JSON.stringify() 方法 将一个 JavaScript 值(对象或者数组)转换为一个
阅读全文
摘要:此篇引见 相对路径和绝对路径的区别 1.绝对路径 使用方法:而绝对路径可以使用“\”或“/”字符作为目录的分隔字符 绝对路径是指文件在硬盘上真正存在的路径。例如 <body backround="E:\book\网页布局\代码\第2章\bg.jpg" > 绝对路径缺点 但是上传到Web服务器上浏览就
阅读全文
摘要:app.post("/todo/add", (request, response) => { request.body //如何拿到前端ajax传来的JSON数据 }) 需要倒入第三方库 yarn add body-parser const bodyParser = require("body-pa
阅读全文
摘要:此篇文章转载于 express框架中的express.static()和app.use() Express框架在使用app.use中传入express.static设置静态路由时,这个文件夹下的所有文件夹和文件都会变成路由文件,也就是说当在URL输入该路径时,会直接捕捉到该请求。 在使用expres
阅读全文
摘要:node.js就是内置的谷歌V8引擎,封装了一些对文件操作,http请求处理的方法 使你能够用js来写后端代码 用node。js开发脱离浏览器的js程序,主要用于工具活着服务器,比如文件处理。 用最流行最稳定的node框架,express。 1.接受一个项目,第一步先看packge。看一下depen
阅读全文
摘要:node组件导出模块 node一般用commonJS规范 可以通过module.exports导出自己写的模块 这样其他的js文件就可以引用并使用这个模块 module.exports = { log:log } 其他文件如何引用自己写的模块? const {log} = require("./文件
阅读全文
摘要:在javscript中,this 是在函数运行时自动生成的一个内部指针,它指向函数的调用者。 箭头函数有些不同,它的this是继承而来, 默认指向在定义它时所处的对象(宿主对象),而不是执行时的对象。 如上getName3(),将箭头函数作为直接执行的方法来写时要特别小心,它的this会直接指向wi
阅读全文