溪语流沙的博客

前言努力学习的我，最近在看Ant Design，然后不经意间看到了Ant Design对于色彩的设计，可以通过一种主色调生成其他衍生色，而且附上了Ant Design色板生成算法演进之路这篇文章，大致意思是从简单的百分比，到贝塞尔曲线，到最终的使用HSV实现色板的过程，有兴趣的小伙伴可以自行研究吧。由于ant design使用的是less，而我平时开发使用的是sass，所以产生了使用sass实现该算法的想法。ant design算法@functions: ~`(function() { var

我使用的是vue-cli3.o，以下谈到的内容都是vue-cli3.0的环境下配置，如需安装vue-cli3.0，可通过下面命令安装npm install -g @vue/cli再开发过程中，我们经常会有多个环境的部署，比如本地环境，qa环境，线上环境，这些环境中我们访问的后端域名都不一致，或者是后端API有些许的不一样，如qa环境，api前缀为/qa/，线上环境api前缀为/prod等等，这就使得我们在编写vue项目也需要使用多个环境。目前我参考的文章是vue-cli环境变量和模式，首先可以知道v

对于一个vue来说，它有自己的一套插件库。我们一般构建一个vue项目，会使用到vue-router，vuex，axios，有了这三个插件，基本上就可以构建一个web网站了。vue-routervue-router是什么，你可以这样理解，当我们页面发生跳转，即path发生变化之后（在vue里称作是路由），路由即发生相应的变化，你所看到的页面变化，无非是路由中所渲染的组件发生变化而已。vuex...

今天讲解vue一个很重要的组件router，熟悉后台开发的人肯定对router有一定的了解，在我们用jinjia2渲染模板的时候，通常都会定义各种各样的router，router相当于整个项目的导航，每个页面对应的内容，都通过router来控制。在创建好了的vue项目中有一个src/router.js文件（得在用脚手架创建项目的时候勾选router组件）并且在src/main.js已经将rout...

对于一个项目而言，会有自己的一套颜色体系，这个时候会在src文件夹下创建一个styles，来存放我们的一些对于样式的基本设置，我在项目中使用scss来编写html样式，有层次感并且上手简单。创建base.color.scss文件，$primaryColor: #3f51b5;$accentColor: #9e9e9e;$secondaryTextColor: #757575;...该...

vue是一个前端框架，通过将html中的各种dom渲染成vue自己的虚拟dom，然后通过虚拟dom进行数据双向绑定完成数据的渲染。这样在编写页面的时候大大提高了编写效率，并且学习曲线比较平缓，对h5有基础的认识就可以进行相应的开发了。vue的项目创建可以基于脚手架进行相关的设置，集成webpack很方便的进行vue项目的打包，这样打包后的文件可以直接进行nginx或者web服务器工具，很方便的进...