VueX状态管理器 cnpm i vuex axios -S 1 创建Vuex 仓库 import Vue from 'vue' import Vuex from 'vuex' vue.use(Vuex) const s…
标签:less
css兼容所有浏览器的宽度计算方法,非calc
作为一个前端,所见的最多的就是左右布局的情况,无论框架还是各种写法中都有左右布局,然而有些情况下非常让人头疼,那就是一侧固定宽度,另一侧根据屏幕或者外层宽度自动适应,例如表单: 如图所示:左右布局,但是左侧按照百分比排版…
vue中引入echarts渲染问题
1.通过以下命令安装echarts npm install echarts –save 2.在main.js文件里全局引入echarts import echarts from ‘echarts&…
基于 less,sass,stylus三种预处理rem
一. less形式 //定义一个变量和一个mixin(全局) @fontSizeBase: 75;//基于视觉稿横屏尺寸/100得出的基准font-size .px2rem(@name, @px){ @{name}: @…
从零开始的Angular生活(一)— 环境搭建
本篇中,我们将使用angular-cli来构建我们的第一个angular项目。 一、安装Node.js及npm包管理工具 下载 Node.js:推荐下载 8.12.0 版本,较为稳定,下载后安装即可。 二、安装vscod…
开发第一个VUE插件
背景 项目中用到element-ui,里面用到了弹出组件,但是效果不太满意,于是自己就想写一个简单的弹出组件。目前已经发布到npm:可以通过npm i dialog-wxy -s 进行下载使用页面调用效果:在线查看 实现…
css兼容所有浏览器的宽度计算方法,非calc
作为一个前端,所见的最多的就是左右布局的情况,无论框架还是各种写法中都有左右布局,然而有些情况下非常让人头疼,那就是一侧固定宽度,另一侧根据屏幕或者外层宽度自动适应,例如表单: 如图所示:左右布局,但是左侧按照百分比排版…
100行less实现bootstrap的12栅格布局
less实现bootstrap的12栅格布局,其实代码不止100行,大概100多行吧 使用过bootstrap的都知道,bootstrap的强大的12栅格系统;在响应式布局中这12栅格布局是非常有用的。有时候做个简单的页…
20170612-点滴记录
less中串联选择器的表示 .container { &.content { } } 上面的&符号表示串联选择器,&.content表示选择到.container.content这样的元素 rea…
关于Less的学习笔记
Less简介部分记录: 1、 Less是一门CSS预处理语言,它扩充了CSS语言,增加了诸如变量、混合(mixin)、函数等功能,让CSS更易维护、方便制作主题、扩充,是一种动态样式语言。2、 编译工具:Koala。3、…
less入门初体验
css有众多的预处理器,其中比较流行的三个是less、sass、stylus,本文就一起来体验less编写css代码官方文档:http://lesscss.org/官网栗子: @base: #f938ab; .box-s…
谈谈CSS预处理器
在写CSS的时候我们会发现,为了兼容浏览器等原因,我们往往需要写很多冗余的代码,CSS预处理器就是为了解决CSS的这些问题,简化CSS代码的编写。 目前最主流的CSS预处理器是LESS、SASS和Stylus,最近花了几…