博客专栏  >  前端   >  夕夜大魔王的前端魔法卷轴

夕夜大魔王的前端魔法卷轴

分享来自本人的前端魔法卷轴中的各种内容 会逐步更新本人在前端学习过程中的get的各种知识,分享踩过的坑 希望可以帮助到别人,也帮助自己记录知识,同时也期待着大神们的指正和建议 技术的互相分享,总是充满快乐~

关注
1 已关注
24篇博文
  • JavaScript中鼠标事件触发顺序探索

    这次是为了完成之前脑袋里比较模糊的一个疑问。大家都知道,关于鼠标的事件有非常多,如PC模式下的click、mousedown、mouseup,手机模式下的touchstart、touchend、tou...

    2017-02-18 16:34
    658
  • vue.js之路(1)——vue-cli脚手架的搭建

    相比于主流的angular和react前端框架,vue在近年来也变得非常火热。他吸取了前两者的优点,同时学习曲线也更加平缓。所以本魔王准备入坑了~~ 首先从vue的脚手架搭建开始吧。 这里不得不吐...

    2017-01-03 16:34
    11794
  • vue.js之路(2)——为WebStrom添加vue的相关支持

    WebStrom作为老牌的前端开发利器,它的插件功能也是非常全面和强大的。虽然webStrom自身不会识别*.vue的文件,但是可以通过一系列设置和插件解决这些问题。 废话不多说,这里说一下我的设置...

    2017-01-06 13:35
    2612
  • vue.js之路(3)——vue2版本的路由

    在使用vue编写单页应用时,通过点击不同的连接想要局部刷新出不同页面的内容,通过vue-router会非常方便。        然而在vue2和vue1中,路由的使用有着非常多不同的地方,当我们用n...

    2017-01-07 17:38
    3574
  • vue.js之路(4)——vue2.0s中eventBus实现兄弟组件通信

    在vue1.0中,组件之间的通信主要通过vm.$dispatch沿着父链向上传播和用vm.$broadcast向下广播来实现。然而在vue2.0中,已经废除了这种用法。 vuex加入后,对组件之间的...

    2017-01-16 16:39
    10714
  • gulp入坑系列(1)——安装gulp

    前言  好吧,我承认我是为了搞定Sass编译CSS文件的问题,迷一样的着手入gulp的坑,sass和gulp的爬坑历程大概会一起更新。然后感觉这里windows和mac的流程差不多,不过mac的通常在...

    2016-12-09 19:05
    836
  • gulp入坑系列(2)——初试JS代码合并与压缩

    在上一篇里成功安装了gulp到项目中,现在来测试一下gulp的合并与压缩功能 gulp入坑系列(1)——安装gulp(传送门):http://blog.csdn.net/u013034014/art...

    2016-12-09 19:53
    745
  • gulp入坑系列(3)——创建多个gulp.task

    继续gulp的爬坑路,在准备get更多gulp的具体操作之前,先来明确一下在gulp中创建和使用多个task任务的情况。     gulp所要做的操作都写在gulp.task()中,系统有一个默认的d...

    2016-12-10 12:36
    2011
  • gulp入坑系列(4)——gulp的代码转换

    终于进入正题了,当初也是为了将Sass和SCSS代码转换成CSS才从Sass的学习路径忽然跳到了gulp的大坑里╮( ̄▽ ̄")╭ 当然,gulp不仅仅能转换Sass,这里会提到如下转换: ...

    2016-12-10 16:04
    800
  • Sass学习之路(1)——Sass简介

    Sass是CSS的一种预处理器语言,类似的语言还有Less,Stylus等。 那么什么是CSS预处理器? CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一...

    2016-12-09 15:11
    424
  • Sass学习之路(2)——Sass环境安装(windows版)

    因为本喵目前用的是window10的本子,所以这里就发windows版本的安装流程啦。(希望有朋友可以赞助我一个mac(┳_┳)); 第一步:安装ruby 因为Sass是基于ruby编写的,所以先去官...

    2016-12-09 15:54
    355
  • Sass学习之路(3)——Sass编译

    Sass的编译也是在我们使用Sass的时候必须要经过的一个步骤,因为".sass"和".scss"文件并不能直接使用标签引用,最终其实还是要将他们转换成CSS文件来在项目中使用。 所以要让web页面真...

    2016-12-11 13:35
    408
  • Sass学习之路(4)——不同样式风格的输出方式

    因为每个前端工程师编写代码的风格都不太一样,所以Sass的编译也非常人性化的提供了不同风格的编译方式,主要分为4种。     比如下面这一段Sass代码,我们来看看在不同风格下,会编译成什么样吧: ...

    2016-12-12 14:52
    1044
  • Sass学习之路(5)——变量

    1.定义变量: Sass中定义变量的关键字是'$'(毕竟程序员缺钱),并使用冒号(:)进行赋值,例如: $width:200px;//定义了一个名为width的变量,值为200px 2.普通...

    2016-12-12 15:29
    349
  • Sass学习之路(6)——嵌套

    Sass中提供了嵌套的功能,让样式代码显得非常有层次感,可以将选择器,样式等按层级一层一层嵌套下去。 Sass嵌套分为3种: 1.选择器嵌套: 比如这样一段HTML: Home A...

    2016-12-12 16:21
    331
  • Sass学习之路(7)——混合宏

    在Sass的使用中,如果整个网站中有一些小的样式类似,比如字体、宽高、颜色,可以通过变量来统一处理。 但是当我们需要重复使用大段的样式时,使用变量就不能很方便的处理了,这时,Sass的混合宏就体现出...

    2016-12-13 13:57
    390
  • Sass学习之路(8)——拓展/继承/占位符

    1.拓展/继承 Sass中和CSS一样,也具有继承的用户,也是继承类中的样式代码块。Sass中是通过关键词"@extend"来继承已存在的类样式块,从而实现代码的继承。 举个栗子: //SCSS...

    2016-12-14 15:18
    463
  • Sass学习之路(9)——插值 #{}

    在Sass中,除了在设置属性的值的时候,我们可以使用变量或循环等方式赋值以外。属性的名称,选择器名称等,都可以使用一种叫插值的方式将字符串插入进来。下边我们来看一个例子: $properties: (...

    2016-12-15 15:39
    662
  • Sass学习之路(10)——注释、数据类型

    1.Sass的注释: 在说Sass的数据类型之前,先提一提Sass中注释的两种方式。 (1).类似CSS的注释方式,如: /*  这里是一段注释 */ (2).类似JavaScript的注释方式...

    2016-12-16 12:36
    428
  • Sass学习之路(11)——Sass运算

    程序中的运算是非常唱见的一件事情,而运算也是Sass中的一项基本属性,在Sass中可以进行各种数学计算。 1.加法 在变量和属性中,都可以做加法运算。看一个例子: .box { width: 20...

    2016-12-17 13:25
    312

img博客搬家
img撰写博客
img专家申请
img意见反馈
img返回顶部