10 2019 档案
摘要：媒体查询（@media）设备终端的多样化，直接导致了网页的运行环境变的越来越复杂，为了能够保证我们的网页可以适应多个终端，不得不专门为某些特定的设备设计不同的展示风格，通过媒体查询可以检测当前网页运行在什么终端，可以有机会实现网页适应不同终端的展示风格。媒体类型将不同的终端设备划分成不同的类型，称为媒体类型。媒体特征每种媒体类型都具体各自不同的特性，根据不同媒体类型的媒体特性设置不同的展示风格。关...
阅读全文
摘要：这里的组件指的是有状态组件，只有有状态组件才有this.state和生命周期函数React组件生命周期分为三部分： - **组件创建阶段**：特点：一辈子只执行一次 >constructor： > componentWillMount: > render： > componentDidMount: 页面加载发送ajax 或者 进行dom操作 - **组件运行阶段**：按需，根据 ...
阅读全文
摘要：jsx中的行内样式 直接写在标签中： 格式：style = {{}} 抽离样式成一个变量 抽离样式成一个单独文件 ComListItemStyle.js ComListItem.jsx 通过样式表使用样式 原因：通过写行内样式太麻烦，通过样式表来开发更符合实际 因为webpack无法解决.css文件
阅读全文
摘要：JSX注意点：class和for都是js关键字，因此JSX需要改变名称 => className htmlForreactjs的组件无状态组件（函数组件）在无状态组件中可以通过给函数传递props参数，来获取外界传值其中的props.children可以用来实现类似vue插槽slot的功能eq：function FatherComponent(props){ //这里的{props.chil...
阅读全文
摘要：OSChina提供了一个在线的工具给开发人员使用 不说废话直接给地址： http://tool.oschina.net/ 常用对照表： http://tool.oschina.net/commons 效果功能如下： 给力！！！！！
阅读全文
摘要：准备工作 webpack基于nodejs，电脑上得有node 这里安装的是webpack 4.x，因此还得安装webpack-cli。因为webpack 4.x 中的打包命令被分离进webpack-cli中。 执行 npm i –D webpack webpack-cli webpack-dev-s
阅读全文
摘要：1 vuex 的安装和使用安装vuex npm i –S vuex => 运行时依赖导入vue模块和vuex模块安装vuex模块创建vuex实例store导出vuex模块 export default storemain.js中引用vuex模块 import store from './store/index.js'实例对象中有5个属性 ====vuex数据流程图如下state属性用来保存...
阅读全文
摘要：1 文字成一行，超出部分省略号表示overflow: hidden; //超出部分不显示white-space:nowrap; //有空余但不换行 => 没有设置高度时会自动换行text-overflow:ellipsis; //文本超出部分用…表示 => 要配合overflow: hidden使用eq：2 文字成多行，超出部分省略号表示（参考属性）overflow: hidden; //超出部分...
阅读全文
摘要：github地址如下： https://github.com/helloCaijiaqi/live2dDemo/tree/master 原资源位置： https://link.zhihu.com/?target=http%3A//app2.live2d.com/cubism/sdk/bowiuex/
阅读全文
摘要：成功案例 1.按照官网的使用方法进行抽离封装（这里是一个insert方法） 2.config.js 把导入的变量封装成一个config.js文件 3.db.js 创建Db类的模块db.js 这里把MongoClient实例放在了Db类实例的clint属性上 连接数据库的方法，用Promise获取db
阅读全文
摘要：一、索引基础 索引是对数据库表中一列或多列的值进行排序的一种结构，可以让我们查询数据库变得 更快。MongoDB 的索引几乎与传统的关系型数据库一模一样，这其中也包括一些基本的查 询优化技巧。 下面是创建索引的命令： db.user.ensureIndex({"username":1}) 获取当前集
阅读全文
摘要：一、 数据库使用 开启 mongodb 服务：要管理数据库，必须先开启服务，开启服务使用 mongod --dbpath c:\mongodb 管理 mongodb 数据库：mongo (一定要在新的 cmd 中输入)清屏： cls 查看所有数据库列表 show dbs 二、 创建数据库 使用数据库
阅读全文
摘要：1、数据库和文件的主要区别 1、 数据库有数据库表、行和列的概念，让我们存储操作数据更方便 2、 数据库提供了非常方便的接口，可以让 nodejs、php java .net 很方便的实现增加修改删 除功能。 2、NoSql 介绍 2.1 NoSQL 介绍 由于互联网的迅速发展，云计算与 Web2.
阅读全文
摘要：async是ES2017用来解决异步代码转同步的问题关键字：async和await注意：async函数中return name，这个name实际是一个Promise实例。可以通过.then获取也可以通过await获取通过async定义的函数会变成异步函数通过await可以将异步代码转成同步（注意await只能用在async函数中)原理：用async定义的函数实际上是new一个Primise实例包裹...
阅读全文
摘要：比较常用的有两种方法overflow在父元素内使用overflow：hidden属性，来清除子元素浮动没有使用overflow：hidden时：蓝色为ul，因为粉色的li浮动了，蓝色ul失去粉色li撑起的高度，因此缩了上去使用overflow：hidden时：伪类:after这是一种更加常用的方法，可以给父元素添加伪类来清除浮动。但这里有更好的方法，直接定义一个伪类添加给父元素。这里参照了bili...
阅读全文
摘要：图片与行内元素并排：出现与行内元素并排时候图片会与文字错开一定位置，这是浏览器设置的默认对齐方式造成的默认是baseline的对齐方式，只要给图片添加属性vertical- align:middle即可解决多个图片并排造成左右边距：（这个问题适合所有内联元素并排）原因：浏览器把回车看成是空格多个图片之间存在着间隔。有时候不想让这个间隔存在。四种方法：1、多个标签写在一行。将要闭合标签的地方与开始标...
阅读全文
摘要：去github上找到eazy-mock下载： https://github.com/easy-mock/easy-mock/tree/v1.6.0 安装eazy-mock所需要的环境： Before starting, we assume that you're already have insta
阅读全文
摘要：http是基于TCP连接的用于浏览器的网络通讯协议TCP 三次握手这是客户端用来与服务器建立连接的过程：客户端发送连接请求给服务器，服务器监听到请求，发送送已经收到请求的信息给客户端并要求客户端进入确定连接的状态，客户端收到信息进入确认连接状态，发送信息告诉服务器自己已经准备好连接，服务器接收到后自身也进入连接状态TCP数据传输建立连接后就开始传输数据：客户端发送数据给服务器，服务器接受到后会发送...
阅读全文
摘要：instanceof方法这个方法用来判断一个对象是否是某个类的实例isPrototypeOf()方法这个方法用来判断一个实例对象（原型实例）是否是另一实例对象的原型 （是否是继承关系）isArray()方法（es6方法）判断对象是否是一个数组constructor属性每个实例对象（原型实例）都会有一个_prop_属性这个属性下面定义了一个constructor属性里面保存了实例对象的构造函数，构...
阅读全文
摘要：JavaScript解释器会解析js将js中的事件按一定的顺序执行，浏览器通过html规范进行定义，而node用libuv库来实现Event loop。用两个图直观看浏览器和node在处理上的不同浏览器：node：在JavaScript中，任务被分为Task（又称为MacroTask,宏任务）和MicroTask（微任务）两种MacroTask: script(整体代码), setTimeout,...
阅读全文
摘要：当我们从客户端向服务器发送请求时 服务器向我们返回状态码 状态码就是告诉我们服务器响应的状态 通过它，我们就可以知道当前请求是成功了还是出现了什么问题 1XX：信息性状态码（Informational）服务器正在处理请求 2XX：成功状态码（Success）请求已正常处理完毕 3XX：重定向状态码（
阅读全文
摘要：项目文件结构： vue.config.js 用于配置路径指向 注意：这里的文件名不能自定义 vue-router的安装 这个项目用的是vue-cli3脚手架的项目结构可以选择安装 vue 和 vue-router vue-router的安装 npm i –S vue-router --运行依赖的安装
阅读全文
摘要：webpack是一个打包工具，用来打包各种类型的文件。核心是依赖和模块，webpack会把所有资源都看成模块来进行模块化开发，通过webpack可以更好的管理各模块间的依赖。 环境准备 webpack依赖于node环境，安装完node之后也自然有包管理工具npm了 进入node项目中初始化node项
阅读全文
摘要：1 类装饰器普通类装饰器类装饰器传参编译源码：=> 更好理解装饰器写法装饰器封装var __decorate = function (decorators, target, key, desc) { ... return Object.defineProperty(target, key, r) //这里对应(object,propertype,propertype...
阅读全文
摘要：1 泛型函数2 泛型类3 泛型接口泛型函数接口泛型类接口以类为参数类型的泛型类接口4 命名空间的定义编译后的源码：var A;(function (A) { A.demo = { title: 'hello', content: 'world' };})(A || (A = {}));var hello = A.demo;编译后的源码 其实是个...
阅读全文
摘要：1 属性类型接口的约束2 函数类型接口的约束3 索引类型接口的约束4 类的接口约束注意点：接口可以继承多个接口，类可以实现多个接口。以’,’分割接口名字
阅读全文
摘要：1 类的定义2 类的继承注意：一个类只能继承一个父类，这和接口有别3 类的修饰符请注意子类要获取父类的私有属性，要用super调用父类方法间接获取（用this关键字调用从父类继承下来的方法同样有效，前提是用this调用的这个父类方法没有被子类重写覆盖掉）4 类中的静态属性和静态方法5 多态的展现 => 抽象类的多继承关键字：abstract注意点：具体类必须实现继承的抽象类的所有抽象化的属性和方法...
阅读全文
摘要：打印结果如下： 每个实例原型最终都会指向Object原型，其根本是利用Object来创建实例 每次进行实例化new 一个对象时其实都是 new 一个 Object 对象，通过Object（）构造器 获取Object原型来构建 如图所演示，var person = new Person()时 Pers
阅读全文
摘要：1普通函数2带参数的函数3可选参数的函数4默认参数的函数5剩余参数的函数注意：三点运算符只能作为最后一位的参数，如果后面还跟有其他参数会报错！！！6方法重载类似Java中的方法重载，同名不会覆盖。参数可以不同，类型也可以不同
阅读全文
摘要：布尔类型（boolean）数字类型（number）字符串类型（string）数组类型（array）对象类型 （object）元组类型（tuple）枚举类型（enum）枚举类型的出现，自然万物一般都不会直接以数字或者字符形式出现，因此一般会把一些事物定义成某种标志，例如性别，月份，事物状态，颜色（rgb）。这样就可以通过这些标志来描述这个事物。eq：enum Color ｛ red，black ...
阅读全文
摘要：什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期创建期间的生命周期函数： + beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性 + created：vue实例已经在内存中创建OK，此时 data 和 methods 已经创建OK，此时还没有开始 编译模板 =>...
阅读全文
摘要：不同与通讯，访问则是直接进入父组件或者子组件中获取数据或调用方法，而不是通过传值的方式调用父访问子$children和$refs$childrenconst childObj = this.$children[0]//children有多个是个数组，这里取第一个注意：通过$children访问子组件,由于其本质为数组，开发中如要寻找某个特定的子组件时非常麻烦。因此一般通过$refs来找单个特定子组...
阅读全文
摘要：因为vue进行组件开发时候，允许组件进行嵌套，因此父子组件需要进行通讯来获取父组件或子组件中的数据。父传子父组件给子组件传数据通过在子组件的标签上绑定属性，将数据绑定给某个属性子组件要获取父组件传过来的信息，必须在内部定义props属性子组件标签上：:c-message="message"子组件内部定义porps：数组写法props:['cMessage'] 对象写法props:{ cMess...
阅读全文
摘要：全局注册：Vue.component('my-component',componentObj)局部注册：components:{ myPartComponent:componentObjFather}注意：注册时如果写驼峰 使用标签时要将有驼峰处换成'-'，如果不写驼峰可以这样写('my-part-component':componentObj)vue2.x语法糖注册正常在注册之前需要先进行下面...
阅读全文
摘要：上述代码是传统的通过function来定义类ES5类继承 注意：静态方法无法继承聊一聊 apply和call方法 改变对象中this的指向apply和call均可以用来实现继承什么情况下用apply,什么情况下用call？在给对象参数的情况下,如果参数的形式是数组的时候,比如apply里面传递了参数arguments,这个参数是数组类型,并且在调用Animal的时候参数的列表是对应一致的(也就...
阅读全文
摘要：filters过滤器可以通过管道符”|”绑定进属性或者差值表达式中v-bind：value | filterName{{message | filterName}}过滤器用于对数据进行有规律的变形，上述的代码用过滤器来给价格数据增加”￥”符号，和保留两位小数。通过 return 将过滤结果返回。定义方法：filters:{ //ES6增强写法 等同showPrice:function(price...
阅读全文
摘要：watch可以用于监听vue实例中数据的变化，数据一当变化就会执行函数中的内容，watch函数有两个参数newValue和oldValue，一般情况下只需要newValue一个足够。注意点：定义的监听函数名称必须是打算监听的数据的变量名称，这相当于指定了需要监听的对象
阅读全文
摘要：JS中的thisJS中this的指向一般可以直接归成一条规律====》 函数中的thisfunction f1(){ return this; } f1() === window; // true网上分析较多，因而将其汇总：函数中的this 一般都指向调用这个函数的对象直接写在document下的都会指向window对象。内联事件函数中的this也是同理而写在对象中的函数也会遵守（指向调用这个函数...
阅读全文
摘要：for in 和 for offor in 循环数组或者对象的index值for of 循环数组的value值注意点：for in 数组或者对象均可以用 ，而for of 只能用于数组，对象不可用高阶数组函数filter 过滤数组的高阶函数filter（过滤） 参数为callBackFn（）回调函数必须返回一个布尔值（true|false）n为数组里的value 函数filter会遍历数组里所有内...
阅读全文
摘要：注意点：计算属性一般看成是属性，所以写在差值表达式中可以看成属性变量直接使用， 而不必像一般函数那样需要加上小括号”( )” 与methods的区别：在model数据不变的情况下，计算属性只触发调用一次，而methods只要每次触发，都会重新调用。
阅读全文
摘要：在runtime-only的vue版本中使用的就是render函数，运行依赖的一般都是runtime-omly的vue，compile版本占的体积太大不适合用作运行版本。因为缺少编译器，浏览器不能直接识别.vue文件，因此在开发时会把vue相关的代码编译成浏览器识别的js，在浏览器运行时便只需要，只
阅读全文
摘要：传统的异步嵌套，会产生回调地域，最终使得代码块混乱 ES6的Promise new Promise() 传入一个Fn()参数 函数有两个参数 resolve,reject 函数内部放置需要进行异步操作的代码 成功时执行resolve ，失败执行reject 。 可以传入唯一参数resolve(dat
阅读全文
摘要：CommonJS 关键词：导入 require 导出 module.exports = {porp:porp} exports.porp = prop 代码中附有ES6的解构赋值写法，可以用于数组和对象的内部属性拆分 model.exports 和 exports 的区别？ exports 其实是引
阅读全文
摘要：1 v-bind v-bind绑定属性：:属性名 => v-bind:属性名 绑定class 数组：:class="[active, line]" 对象：:class="{active: isActive , line: isLine}" 绑定style :style="{color: fontCo
阅读全文
摘要：1 v-text注意点：v-txt 会替换 html标签中的所有内容 （包括差值表达式）2 v-htmlv-html 有类似 v-text的功能，并且会自动解析url字符串中的html标签3 v-cloak 由于vue实例未加载时，页面上的一些差值表达式会显现出来，若加上v-cloak指令则可以隐藏这些内容。vue实例未加载完成时，差值表达式也不会显现。vue实例加载完成后，自动删v-clo...
阅读全文
浙公网安备 33010602011771号