这篇文章是记录的在VUE项目中SCSS的使用 vue项目上安装SCSS和开发入门 ① 使用vue-cli模板创建新项目：vue init webpack myvue ② 安装sass 依赖包 ，在cmd界面输入： npm install sass-loader --save-devnpm insta ...
分类：
Web程序 时间：
2019-09-16 14:45:47
阅读次数：
98
CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。 下载资源：www.yinxiangit.com 通俗的说，“CSS 预处理器用一种专门的编程语言，进行 Web 页面样式 ...
分类：
其他好文 时间：
2019-09-13 15:29:46
阅读次数：
106
我们平时都称之为 Sass，其实可分成sass和scss， 其中Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，以“.sass”后缀为扩展名；而 SCSS 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的语法书写和我们的 CSS 语法书写方 ...
分类：
Web程序 时间：
2019-08-15 17:20:41
阅读次数：
114
预处理器包括:less,sass,stylus 异同 相同之处 都可以进行父子级之间的嵌套 不同之处 一.语法方面 1.less或scss(正常css语法) ...
分类：
Web程序 时间：
2019-08-13 18:44:45
阅读次数：
110
项目中虽然没有一键换肤的要求，但是产品要求后期能换主题。在开发组件中涉及到主题的地方，要提取一些公用的变量，不要直接写死样式值。但是如果只是定义一些变量的话，只是完成控制颜色等值的提取。后期切换的话需要把所有变量再写一遍并注释之前的。不是很优雅。 一、Scss部分 定义变量以及映射表 // 默认主题 ...
分类：
Web程序 时间：
2019-08-11 17:18:35
阅读次数：
215
<div class="content"> <div v-for="(item,index) in 5" :key="index" :class="`box box${index}`"></div> </div> <style lang='scss' scoped> .content{ positi... ...
分类：
编程语言 时间：
2019-08-11 17:01:34
阅读次数：
110
生命周期分为：页面生命周期和应用生命周期 生命周期可参考：uni-app官方API 注意平台支持，仅某个平台支持会显示，5+App是超HTML5+的App方案. 例如分享：只有小程序支持.这时我们就要采用跨终端解决方案：https://uniapp.dcloud.io/platform 1.应用生命 ...
分类：
移动开发 时间：
2019-08-05 18:55:12
阅读次数：
144
1.webpack简介 什么是webpack:webpack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一下浏览器不能直接运行的拓展语言（Scss, TypeScript等），并将其打包为合适的格式以供浏览器使用。 可以做的事情：代码转换（es6转se ...
分类：
Web程序 时间：
2019-07-31 15:12:22
阅读次数：
135
有时候制作小程序需要一点动态的效果。 话不多说直接上图看效果。 话说实现方式很简单。 首先准备一张背景图。 然后准备一张波浪图： 下载：点我下载 vue的代码如下： 接着CSS代码如下： 这里的关键就是这段话： ...
分类：
其他好文 时间：
2019-07-30 00:33:29
阅读次数：
81
项目简介基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES Next、scss 等最新语言特性。项目包含： 基础库: vue.js、vue-router、vuex、whatwg-fetch 编译/打包工具：webpack、babel、node-sass 单元测 ...
分类：
其他好文 时间：
2019-07-26 18:52:58
阅读次数：
104
