- 博客(6)
- 收藏
- 关注
转载 Flex布局
Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。任何一个容器都可以指定为Flex布局。#box{ display: flex; width: 500px; height: 300px; border: 10px soli...
2018-08-29 20:02:44 169
转载 css3 flex 详解,可以实现div内容水平垂直居中
先说一下flex一系列属性:一、flex-direction: (元素排列方向)※ flex-direction:row (横向从左到右排列==左对齐) ※ flex-direction:row-reverse (与row 相反) ※ flex-direction:column (从上往下排列==顶对齐) ※ ...
2018-08-29 20:00:44 4894
转载 剖析Vue原理&实现双向绑定MVVM
本文能帮你做什么?1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现,本文相关代码主要摘自vue源码, 并进行了简化改造,相对较简陋,并未考虑到数组的处理、数据的循环依赖等,也难免存在一些问题,欢迎大家指正。不过这些并不会影响大家的阅读和理解,相信看完本文后对大家在阅读vue源码的时候会更有帮助<本文所有相关代码均在git...
2018-08-28 21:02:21 232
转载 js中神奇的Object.defineProperty方法
这个方法可牛比了。这么说吧,vue.js是通过它实现双向绑定的。俗称属性拦截器。而且专门用来监控对象属性变化的Object.observe方法也被草案发起人撤回了(此方法在node环境中仍能使用)。可见defineProperty的威力之大。干货在后面,绝对惊喜。首先看一下官方的定义:Object.defineProperty()方法会直接在一个对象上定义一个新属性,或者修改一个已...
2018-08-28 20:34:16 2328
转载 webpack2.x基础属性讲解
webpack作为构建工具平时作为前端作为优化、模块编程、和分片打包的重要组成部分,大家可能并不陌生,如果没有时刻的去关注文档,那么大家可能不太清楚webpack已经默默然的升级到2.x了,对比1.x版本,webpack2的文档结构和代码提示都非常友善。webpack从1.x升到2版,并没有作为大的更改改动,而且内部的接口文档形式也与1基本无修改,那么对比webpack2版本 我们对webpa...
2018-08-28 14:53:04 383
原创 vue框架搭建(移动端-crm7slyun项目)
一.开发环境安装nodejs、webpack,按网上教程即可二.vue-cli初始化项目拉取git已建好的项目名,在本地使用vue-cli初始化项目,按网上教程即可三.css处理方式(scss)使用scss方式处理css,首先安装scss:执行 npm install node-sass sass-loader --save-dev在vue的style标签中加入lang="...
2018-08-20 21:04:31 3257
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人