bolatustyle的博客

原创 图标字体制作

VUE项目中，移动端需要切2X或3X图片，来适应不同DPR的手机；在webpack的构建中建议使用单张图，因为UIloader会帮我们做图片打包；通常会把单一简单的图标类的图片做成SVG（矢量图：放大或者缩小不会影响图片的质量），然后svg图片转化为图标字体，而不是直接使用；图标字体制作的方法：12345...

原创 我的VScode配置

Chinese(Simplified) Language Pack for Visual Stidio Code 中文汉化包对于一些英文不太好的小伙伴，上来第一件事肯定是要切换成中文语言环境，安装汉化包插件之后，按快捷键Ctrl+Shift+P调出命令面板，输入Configure Display Language，选择zh-ch，然后重启vs code即可。imageopen-in-browser 在浏览器中查看VS Code没有提供直接在浏览器中运行程序的内置功能，所以我们需要安装此插

原创 如何在当前文件夹快速打开cmd

在当前文件夹地址栏输入cmd回车即可

原创 vue-vli 安装

1、2、3、

原创 前端布局方式及其选择

1.静态布局：静态布局：给页面元素设置固定的宽度和高度，单位用px，当窗口缩小，会出现滚动条，拉动滚动条显示被遮挡内容。针对不同分辨率的手机端，分别写不同的样式文件。2.弹性布局：css3引入的，flex布局；优点在于其容易上手，根据flex规则很容易达到某个布局效果，然而缺点是：浏览器兼容性比较差，只能兼容到ie9及以上；3.自适应布局：分别为不同的屏幕分辨率定义布局，在每个布局中，页面元素不随窗口大小的调整而发生变化，当窗口大小到达一定分辨率时变化一次。创建多个静态布局，每个静态布局

原创 搭建vue开发环境的步骤

一：在搭建vue的开发环境之前，一定一定要先下载node.js，，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 ，网址：http://nodejs.cn；二：下载好node之后，打开docs管理工具，先看看node安装成功了没有，输入 node -v ，回车，会输出node的版本号，这样就...

原创 vue项目的创建和运行1

原创 vue项目的创建和运行

红色是步骤，运行最后的链接出现最后的运行效果即可

原创 npm run dev 报错：missing script:dev

今天在运行Vue项目时，在运行npm run dev时报错如下图：打开package.js文件夹，发现文件夹里的scripts有dev如下图：，可就是好不到，什么原因呢？最后一看路径不对，vue init webpack my-project时，自己又建立一个文件夹,取不到对应的package.js中的dev.cd 到对应文件夹，重新运行npm run dev 就OK了...

原创 echarts笔记篇——formatter格式化（1）

1、formatter里面的{a}{b}{c}{d}在什么时候使用？分别代表什么意思？当需要重新排版鼠标悬停在图表上显示的内容或者给显示的数据加单位时，可以直接使用，例如，效果图如下，其中变量a、b、c在不同图表类型下代表数据含义为：折线（区域）图、柱状（条形）图: a（系列名称），b（类目值），c（数值）, d（无）散点图（气泡）图 : a（系列名称...

原创 js笔记篇——pop()方法

pop（）方法可以直接用来删除数组的最后一个元素：pop()方法是用来删除数组的最后一个元素的，数组a在进行了pop（）方法处理之后已经删除了数组的最后一个元素，但是图中的b并不等于一个新的数组，而是数组a本来的length，所以b=7；弹出的a是['1','2','3','4','5','6']...

原创 新手css遇到的水平居中问题

text-align 属性是规定元素中的文本的水平对齐方式。然后当我们需要让一个元素中的文本内容居中时就会给改元素添加一个text-align:center属性，但是我们初学者在实际操作中需要给某元素（例如div1）里面的所有内容都居中时，我们也会直接给div1添加text-align:center属性，这时候会发现并不是所有的元素都居中了...例如下面的代码中：运行效果如下：...

原创 npm方法创建一个vue项目，引入element插件

项目环境：node -v：v8.11.1npm -v: 5.6.0cnpm -v:5.2.0注意：Vue 不支持 IE8 及以下版本，在用 Vue 构建大型应用时推荐使用 NPM 安装。在创建vue项目之前先用npm安装webpack：cnpm install webpack -g第一步：npm方法安装vue1.安装vue： cnpm install vue2.全局安装vue-cli...