自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 flex弹性布局学习总结

一、flex容器设置了display:flex属性的元素称为flex容器(如上图中的parent)flex容器可设置的属性有6种:        flex-direction 控制主轴线方向,有4种取值:row(默认值,水平,起点在左端)|row-reverse(水平,起点在右端)|column(...

2018-04-13 18:14:34

阅读数 75

评论数 0

原创 vue双向数据绑定的实现原理

vue.js 是采用数据劫持结合发布者-订阅者模式的方式,通过mvvm入口函数整合了observer、compile、watcher三者,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。要实现mvvm的...

2018-03-11 17:46:19

阅读数 106

评论数 0

原创 CSS--box-sizing属性的应用

box-sizing属性可以设置各浏览器如何显示盒模型,用来解决某些不支持flex属性的浏览器无法实现弹性布局的bug(1)当box-sizing属性取值为border-box时(IE浏览器):        元素的宽度包含了 内容的宽度+padding+border        元素的高度包含...

2018-03-02 16:14:07

阅读数 114

评论数 0

原创 vue学习记录——父子组件间传递数据

在 Vue 中,父子组件之间的关系可以概述为:props 向下,events 向上。父组件通过 props向下传递数据给子组件,子组件通过 events 发送消息给父组件。demo的目录结构如下:demo显示效果如下;一、父组件向子组件传递数据(父组件通过props向子组件传递数据)父组件的代码如...

2018-02-26 15:12:09

阅读数 102

评论数 0

原创 vue环境配置及踩坑记录

一、vue环境配置1.安装node到官网下载安装,我这里是win8系统。(这里下载的是.msi的安装包,如果是下载的.zip的解压包需要自己配置环境变量)(中)https://nodejs.org/zh-cn/(英)https://nodejs.org/en/注意:(1)如果电脑中有装过node,...

2018-02-24 15:14:42

阅读数 270

评论数 0

原创 js闭包

一.闭包定义 闭包,官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。闭包的特点:   1. 作为一个函数变量的一个引用,当函数返回时,其处于激活状态。   2. 一个闭包就是当一个函数返回时,一个没有释放资源的栈区。 简单来...

2017-09-09 21:38:32

阅读数 120

评论数 0

原创 js对象

一.对象的特点 1.抽象 2.封装 3.继承 4.多态 二.创建对象的方法 (1)对象字面量 var person={      name:"小明",      age:23 } (2)工厂模式:就是一个函数,然后放入参数,返回对象,流水线工作  function create...

2017-09-09 20:57:19

阅读数 139

评论数 0

原创 grunt代码混淆

1.grunt是基于nodejs的,所以要先安装nodejs。 2. 安装nodejs Grunt和所有grunt插件都是基于nodejs来运行的,如果你的电脑上没有nodejs,就去安装吧。安装nodejs非常简单,完全傻瓜式、下一步下一步下一步、的安装方式,这里不再赘述。去 htt...

2017-08-17 15:47:31

阅读数 859

评论数 0

原创 Nginx反向代理解决跨域问题

1.下载Nginx并解压2.修改conf/nginx.conf配置文件#user  nobody;worker_processes  1;#error_log  logs/error.log;#error_log  logs/error.log  notice;#error_log  logs/e...

2017-08-14 18:27:23

阅读数 268

评论数 0

提示
确定要删除当前文章?
取消 删除