cainiaoyaya的博客

原创 仿写了el-image

问题：用户提出要求放大显示图片之后 移动图片到指定位置 要求点击下一张之后固定图片。在原有的组件上改了半天 没成功 然后自己仿照el-image修改了一下。

原创 vue与vueComponent的关系

当注册成功这个组件并且在页面使用之后 就会创建一个vueComponent实例对象，所以为了避免组件在使用过程中data对象中的值混乱 组件中的data要写成函数，创建完组件之后 就会创建一个vueComponent构造函数。使得每次创建的组件实例对象都可以返回一个data对象。

原创 学习 npm包积累

（1）body-parser 解析request请求体(2) formidable 处理文件请求(3)js-file-download下载文件和下载视频音频(4)lowdb 文件增删改查(5)cookie-parser 处理 获取cookie(6)express-session express中处理session数据(7)md5 加密算法（8）jsonwebtoken token操作

原创 yarn得使用

【代码】yarn得使用。

原创 解决图标和文字无法中间对齐

改变图标得vertical-align属性。

原创 时间格式化 js

【代码】时间格式化 js。

原创 css 让一个盒子在包含块中水平垂直居中得方法

【代码】css 让一个盒子在包含块中水平垂直居中得方法。

原创 css 包含块的垂直居中

margin-left + 可见框宽度 + margin-right = 包含块的内容宽度(水平方向 垂直方向没有等式)left + marin-left + 可见框宽度 + margin-right + right = 包含块的内容区宽度。top+margin-top+可见框宽度+margin-bottom = 包含块的内容高度。所以设置margin:0 auto 后元素可以在包含块中水平居中。所以想让元素在包含块中水平垂直居中。

原创 css 解决外边距折叠的问题

【代码】css 解决外边距折叠的问题。

原创 css解决浮动之后高度塌陷的问题

而我们要做的就是找到一种可以开启bfc 同时副作用又比较小的。- 可以将bfc理解为一个隐藏的属性当开启bfc后 元素会具备如下特征。- 由于bfc是通过一些样式开启的 所以都会有一些副作用。当子元素开启浮动之后，原本被子元素撑开的高度会塌陷导致后面元素位置上移。- 如何开启bfc呢？

原创 李立超老师css课程笔记

https://gitee.com/ymhold/html-css.git

原创 TCP/IP 协议族

浏览器和服务器之间通信时基于请求和响应得--浏览器向服务器发送请求（request）--服务器向浏览器返回响应（response)--浏览器向服务器发送请求相当于给服务器写信 服务器向浏览器返回响应 相当于服务器给浏览器回信 这个信在HTTP协议中就杯称为报文-- HTTP协议就是对这个报文得格式进行规定。

原创 当在浏览器种输入地址之后会发生什么？（面试题）

如何建立连接(断开)：通过：是客户端和服务器建立连接的过程客户端向服务器发送连接请求服务器收到连接请求 向客户端返回消息客户端向服务器发送同意连接客户端向服务器发送请求，通过之服务器数据发送完毕 请求断开连接服务器向客户端返回数据 知道了服务器向客户端发送数据 告诉 收完了 可以断开客户端向服务器发送数据 可以断开了。

原创 前端假分页前端假分页前端假分页

【代码】前端假分页。

原创 nvm Node.js版本管理工具

指定要使用的node版本 I。- 显示已安装的node版本。- 安装指定版本的node。

原创 栈和队列栈和队列

当我们触发一个事件时，其响应函数并不是直接就添加到调用栈中的因为调用栈中有可能会存在一些还没有执行完的代码- 事件触发后，JS引鉴是将事件响应函数插入到消息队列中排队。- 调用栈负责存储函数的执行环境- 当一个函数被调用时，它的执行环境会作为一个栈顿插入到调用栈的栈顶，函数执行完毕其栈帧会自动从栈中弹出。- 函数的执行环境存储到了一个叫做调用栈的地方。- 执行环境负责存储函数执行时产生的一切数据。- 函数在每次执行时，都会产生一个执行环境。- 问题:函数的执行环境要存储到哪里呢?

原创 BOM的学习javascript

BOM对象都是作为window对象的属性保存的，可以直接在js中访问这些对象。- BOM为我们提供了一组对象，通过这组对象可以完成对浏览器的各种操作。- History 浏览器的历史纪录（控制浏览器的前进后退）- Navigator 浏览器的对象（可以用来识别浏览器）- Window 代表浏览器窗口（全局对象）- Location 浏览器的地址信息。- Screen 屏幕的信息。

原创 事件的传播机制

如果希望在捕获阶段触发事件，可以将addEventListener的第三个参数设置为true。当前元素触发事件以后，会先从点钱元素最大的祖先元素开始向当前元素捕获。一般情况下不希望事件在捕获阶段触发，所以通常不需要设置第三个参数。3.冒泡阶段（由当前元素向祖先元素事件的冒泡）在DOM中，事件的传播可以分为三个阶段。- 事件的捕获，事件从外向内的传导。2.目标阶段（触发事件的对象）

原创 getComputedStyle得学习 javaScript

在修改样式得时候可以直接获取到dom元素得节点得style属性 实际上是添加了内联样式。getComputedStyle(dom)方法可以获取到页面生效得样式。所以在获取样式得时候不能使用dom.style得方式获取。

原创 解决js代码在执行时，网页还没有加载完毕，这时会出现无法获取到DOM对象的情况

window.onload 事件会在窗口中的内容加载完毕之后才触发。

原创 【无标题】对象的内存结构对象的内存结构

直接通过对象添加的属性，位于对象自身中- 在类中通过x=y的形式添加的属性,位于对象自身中。

原创 JavaScript对象数组中合并某些属性相同的数据项

要求合并某些相同得属性，并把相同得项放在一个数组中显示。

原创 js面向对象 封装 继承 多态

当一个类继承另一个类的时候,就相当于另一个类中的代码复制到了当前类中。- 继承发生时，被继承的类成为父类（超类）,继承的类称为子类。- 直接添加到对象中的属性，并不安全，因为它们可以被任意的修改。- 通过继承可以在不修改一个类的情况下对其进行扩展。- 实例使用#就变成私有属性,私有属性只能在类内部访问。- 通过继承可以在不修改一个类的前提对其进行扩展。- 属性设置私有的好处,可以控制属性的读写权限。- 对象不仅负责存储属性，还要负责数据的安全。- 可以在方法中,对属性的值进行验证。1.属性私有化 加#

原创 el-date-picker限制可选时间范围

【代码】el-date-picker限制可选时间范围。

原创 js中类得constructor方法

定义类的属性的时候,如果属性前面加了static表示是静态属性,只有类可以访问,创建的实力类是无法访问的。

原创 js中的类与对象的学习

定义后，就可以直接通过类来创建对象。

原创 js运行代码的严格模式严格模式严格模式严格模式

默认情况夏代码运行在正常模式中在正常模式，语法检查并不严格它的原则是：能不报错得地方尽量不报错- 这种处理方式导致代码的运行性能较差。

原创 变量得提升 函数得提升

她会在所有代码执行前被声明 所以我们可以在变量声明前就访问变量。实际上也会提升 但是在赋值之前解释器禁止访问变量。会在其他代码执行前被创建，所以我们可以在函数声明前调用函数。

原创 * var和let 得区别 * var和let 得区别 * var和let 得区别

var和let 得区别。

原创 JS数据转换数据转换数据转换

区别： 对于null和undefined toString()会报错 String()函数可以生效原理： 对于拥有toString()的方法的值调用String()函数时 实际就是在调用toString()方法对于null和undefined 则直接转为null unidefined。

原创 变量得内存结构变量得内存结构变量得内存结构变量得内存结构

原创 js的传递后台参数含特殊字符

url拼接参数时，参数值带有"+"、"="等特殊字符，没有做特殊处理，导致传递后，获取的参数值不正确。

原创 Vue中使用el-upload+XLSX实现解析excel文件为json数据

【代码】Vue中使用el-upload+XLSX实现解析excel文件为json数据。

原创 定时刷新 定时刷新 定时刷新 定时刷新

工作笔记笔记笔记笔记笔记笔记。

原创 在HBuilderX上把项目运行到微信开发者工具上

1.填写自己得微信小程序得AppID2.在HBuilderX中，配置-微信开发者工具得安装路径3.在微信开发者工具中，通过设置--》安全设置 面板，开启微信开发者工具得服务端口：

原创 小程序学习- 全局数据共享

mobx-miniprogram 用来创建 store 实例对象mobx-miniprogram-bindings 用来把 Store 中的共享数据或方法，绑定到组件或页面中使用。

原创 小程序 API Promise化

在小程序中 实现API Promise化主要依赖于miniprogram-api-promise这个第三方的npm包。（2）在使用的时候 可以利用async await 得到请求的结果 不用再写回调函数。

原创 自定义组件-behaviors 的学习

每个behaviors可以包含一组属性，数据，生命周期函数和方法。组件引用它时，它的属性，数据和方法会被合并到组件中。调用Behavior（Object Object）方法即可创建一个共享的behavior实例对象，供所有组件使用。每个组件中都可以引用多个behaviors，behaviors也可以引用其他的behaviors。1.创建behavior文件。

原创 小程序学习笔记 子组件与父组件之间互相传值

可以在父组件里调用this.selectComponent("id或class选择器")，获取子组件的实例对象，从而直接访问子组件的任意数据和方法，调用时需要传入一个选择器，例如this.selectComponent(".my-component")通过triggerEvent(事件名称,传递参数)来触发方法的调用 即可把传递的值传递给父组件。（2） 通过自定义方法 子组件向父组件传值。父组件页面上绑定这个方法传递给子组件。（1）通过属性 父组件向子组件传值。子组件页面上直接使用。

原创 关于vxe-select得filter-method 自定义方法得使用

关于vxe-select得filter-method 自定义方法得使用