less less的含义： less是一种动态样式语言，属于css预处理器的范畴，它扩展了css语言，增加了变量、Mixin、函数等特性，使css更易维护和扩展。 此外，less既可以在客户端上运行，也可以借助Node.js在服务端运行。 less的中文官网：http://lesscss.cn/ l ...
分类：
其他好文 时间：
2020-05-17 10:31:37
阅读次数：
67
我分享的这个是很奇葩的问题，安装各种步骤完成安装和配置后，任然不能使用编译功能，右下角有HbuilderX 更新提示，更新以后，重新配置以下安装插件的package.json以后，编译功能出来了。。。就是这么简单，如果你各种安装和配置都正确，不妨试试升级HbuilderX工具。。。。。 正确步骤： ...
分类：
Web程序 时间：
2020-05-11 21:41:49
阅读次数：
102
1.创建variable.scss 文件 // 颜色 $color-red:red; $color-yellow: yellow; $color-white: white; $color-light-gray: #F5F5F5; 2.创建 vue.config.js 添加 css: { loader ...
分类：
其他好文 时间：
2020-05-10 19:14:39
阅读次数：
167
应用场景：比赛报表pdf文件需要在线预览跟下载，发现直接使用window.open(url, '_blank')，在pc端是可以实现预览，但是在移动端是直接通过打开浏览器进行下载再预览，经查资料发现可以使用vue-pdf组件实现预览！！！ 参考：https://www.cnblogs.com/ste ...
分类：
移动开发 时间：
2020-05-06 12:24:29
阅读次数：
83
一、安装sass 依赖包 npm install sass-loader --save-dev npm install node-sass --sava-dev 二、在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.scss$/, load ...
分类：
Web程序 时间：
2020-04-29 18:19:07
阅读次数：
206
基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐 WebApp，UI 界面参考了安卓版的网易云音乐、flex 布局适配常见移动端。 因为服务器的原因，所以可能多人访问的时候有些东西会加 ...
分类：
移动开发 时间：
2020-04-29 12:56:51
阅读次数：
149
根据预设的配色方案，在前端实现动态切换系统主题颜色。 大概的思路就是给html根标签设置一个data-theme属性，然后通过js切换data-theme的属性值，Scss根据此属性来判断使用对应主题变量。这里可以选择持久化Vux或接口来保存用户选择的主题。 一、首先需要给项目下载配置Scss 1. ...
分类：
Web程序 时间：
2020-04-29 12:40:46
阅读次数：
539
1. 新建color.scss文件 注册变量 2.配置到预加载 在vue.config.js中添加你要预加载的全局css变量, 注意import你的文件路径 注： 新版 sass-loader prependData 旧版data 3.在需要使用的地方 将值设置为定义的变量名字即可 ...
分类：
其他好文 时间：
2020-04-27 15:23:37
阅读次数：
324
为什么要使用第三方loader 一般引入样式文件，我们会在html中引入样式标签。 很明显，这样就跟之前在script中引入js文件一样，会导致二次请求。我们希望webpack像处理js文件一样处理样式文件。 如何引入样式 于是我们在入口文件， 在main.js中通过import方式引入样式文件 。 ...
分类：
Web程序 时间：
2020-04-24 00:46:43
阅读次数：
107
4.23 --我现在使用的现成的框架已经相对完美了，为了加深理解，自己想搞一套本来想搭建一个最原生的react框架，但是最近开始忙活了，先给下简单的webpack配置说明给大家看看，参考。（后续有时间补上完整的项目） 说下要考虑到的需求： 使用ES6语言 使用React框架 自动生成HTML web ...
分类：
Web程序 时间：
2020-04-23 18:59:06
阅读次数：
117
