iconfont是啥_icon啥意思

eclipse中iconfont是乱码

- 的构思整理与制作

1、当在eclipse中打开一个文件后发现有中文乱码后，千万不能修改这个文件内容，一旦改过这个文件的内容，那怎么修改编码也没用了，只能重新导入。

iconfont是啥_icon啥意思

这种风格的特点用一个字可以形容，就是萌

2、当打开文件发现乱码后步是关闭这个文件，然后在这个文件上右键，选择属性，然后选择编码，先选择utf8，然后确认保存后打开文件查看是否是乱码，如果还是乱码则继续关掉文件，右键选择属性，编码中选择gbk，确认保存后再打开文件。

3、基本上以上两种方法都能解决乱码，切记修改编码格式的时候一定要关闭文件，且不可修改过文件内容。

css中src: ('iconfont.eot?#iefix') format('embedded-opentype')什么意思？

混合应用开发及综合实训

IE 6-8 是不支持 format() 这种格式说明的，只会读取类似 src:() 这样的格式，所以 IE 6-8 会把个引号到一个引号之间的内容都当做字体的 URL，结果就会返回一个 404。因此可以加上一个 ?，后面的内容就成为一个查询字符串，解决了 404 的问题。iefix 在这里是类似于注释的东西，你可以随便写。另外在一部分 Apache 中，缺少了 # 会返回 403，所以再加上 #

可以从零开始，一步步的掌握前端开发的各项相关技能，最终达到企业对初级前端开发工程师、中级前端开发工程师、高级开发工程师等职位的要求。

摘抄网上的～

这是字体自定义

css中src: ('iconfont.eot?#iefix') format('embedded-opentype')什么意思？

IE 6-8 是不支持 format() 这种格式说明的，只会读取类似 src:() 这样的格式，所以 IE 6-8 会把个引号到一个引号之间的内容都当做字体的 URL，结果就会返回一个 404。因此可以加上一个 ?，后面的内容就成为一个查询字符串，解决了 404 的问题。iefix 在这里是类似于注释的东西，你可以随便写。另外在一部分 Apache 中，缺少了 # 会返回 403，所以再加上 #

摘抄阶段6.前端必备网上的～

这是字体自- Git, GitHub使用以及GitHub Pages搭建定义

现在做网页前端的学习路线是什么

- 职业规划与指导

学习HTML5，可以了解HTML5课程大纲，分阶段学习，详细的阶段学习课程如下：

阶段：PCterminal

PC端页面重构

1、认知行业、岗位、部分专业术语，就业趋势与行业未来展望；

2、HTML5核心元素及布局应用；

3、CSS3核心属性及布局应用；

4、图形、图像软件的使用（PS,FW,AI）；

5、浏览器兼容及解决方案；

6、整合、滑动门及宽高自适应等高级应用技术；

7、初步接触JS。

PC端交互开发（原生JS）

1、jascript基础语法和变量、控制语句、循环语句、函数、处理、数组、常见排序算法；

2、DOM作和BOM作；

3、定时器、Cookie本地存储、内置对象、正则表达式、闭包、JS面向对象语法、JSON、堆栈结构；

4、Ajax动态读取数据、异步作、与DOM、JSON的结合使用；

5、各种主流浏览器兼容性处理；

6、单例、工厂、、观察者等设计模式；

7、ECMA6.0新特性介绍。

PC端交互开发 （JQuery）

1、初识jQuery、jQuery的优势、jQuery框架核心功能、最容易混淆的几个概念。

2、jQuery各种选择器的使用，及选择器的应用优化；

3、Dom节点作、插入、删除、、移动节点等作；

4、处理、处理模型、处理机制、jQuery封装机制、jQuery应用；

5、jQuery中的动画、动画时间的概念、基本动画方法、复杂动画方法、停止动画与参数说明、jQuery动画的队列问题；

7、Ajax、XMLHttpRequest 基础、jQuery Ajax、工具函数、缓存；

8、在jQuery中编写插件、插件扩展、插件应用、jQuery.pagination分页、jQuery.qtip信息提示、 jQuery.artDialog弹出层、jQuery.jscrollpane滚动条；

9、理解模块式开发，以及requirejs插件的使用。

PC项目实训

1、了解项目需求，项目流程；

2、了解项目管理，模块分配，项目时间预估；

3、了解产品周期，参与团队协作；

4、综合运用HTML+CSS,JS,JQ,JQUERY UI, jquery easyui等技术，完成大型PC端项目开发。

第二阶段：Mobile terminal

HTML5+CSS3新添特性

1、HTML5概述，新增的元素和废除的元素、全局属性；

2、HTML5基础：新增文档结构元素（Article、section、n）智能表单、文件API（FileList对象和File对象、FileReader接口）、拖放API；

3、CSS3基础：新增的后代选择器、伪类选择器、文本阴影、圆角、盒阴影、变形处理（transform）、动画（transitions）、帧定义（key-frames）、旋转（rotate）、 animation；

4、HTML5多媒体audio音频元素、Video视频元素、视频回调；

6、定位基础知识以及原理，结合google（高德）地图定位；

7、响应式布局概念以及语法（@media）、web网页和mobile网页的区别、样式继承；

8、Canvas标签基础知识、绘制矩形、绘制圆形、使用路径、图像裁剪、保存为文件、创建动画。

WebAPP项目开发及实训

1、angular.js、backbone.js；

2、数据交互，ajax与DOM交互应用；

3、HTML5+CSS3在实际项目中的应用；

4、项目管理，模块分配，项目时间预估；

5、产品周期，团队协作；

6、微信场景开发；

7、微信平台互动开发。

第三阶段：混合应用开发及实训

1、混合开发原理；

2、APP与webAPP；

3、混合应用与HTML页面交互；

4、通过客户方法二、简单粗暴法端传递数据；

5、项目的版本迭代；

6、项目打包与应用，生成APK。

前端学习路线

阶段1.前端核心基础

阶段2.HTML5 + CSS3 + 移动端核心

阶段3.移动端

阶段4.端

阶段5.JaScript高级

阶段7.高级框架

阶段8.小程序

分享一份完整的前端学习路线，包括每阶段需要掌握的知识点，可以参考下。

1、PC端页面制作与动画

学习HTML+CSS搭建网页、CSS动画、PhotoShop切图等基础知识，获得初级Web前端工程师技能，主要进行PC端网页制作与样式设计实现，能够配合UI设计师进行项目开发。

2、移动端页面制作与响应式实现

讲解移动端布局与设备适配、响应式设计与实现等，获得移动端页面适配工程师技能，主要进行移动端网页的布局制作与样式设计实现。可以适配各种手机尺寸，并能利用响应式进行移动端与PC端适配。

3、JaScript与jQuery开发

同HTML5基础知识一样，JaScript开发与jQuery开发是职业晋升必备的技能包，获得中级Web开发工程师技能，主要进行页面行为交互，实现网站常见，加轮播图，选项卡，拖拽效果等，并能配合UI和后端进行项目开发。

4、HTML5高级框架技术开发

常用的Vue框架开发，React框架开发，Angular框架开发，数据可视化技术。可获得中级Web前端工程师技能，主要适用框架开发企业项目，实现单页面应用开发。可以完成复杂的数据交互应用场景，具备开发项目能力。

5、全栈前后端技术开发

Node.JS技术，其他后端技术，如Ja或PHP。可获得高级Web前端工程师技能，主要进行前后端全栈样式开发，能完成一个中小型项目的前后台，对于网站开发有着非常熟练的编程能力。

当然对于有基础某个环节薄弱的同学，可以只学单独一个阶段，加深巩固。

Web前端开发入门

- 了解HTML发展史，介绍前端开发涉及范畴

- 前端开发工具介绍（Dreamweer、Notepad++、Sublime Text、WebStorm）

- 前端调试工具介绍（Chrome浏览器控制台、Charles抓包、Weinre）

- 本地开发环境搭建（PHP、Node）

- HTML基本标签（链接、、表格、表单、列表等）

- CSS基础属性（层叠、继承、盒模型、容器、溢出、精灵等）

- HTML5新增元素与属性

- CSS3选择器、位移与变形、过渡动画、关键帧动画、弹性盒模型

- 媒体查询、响应式设计、iconfont字体使用

- 移动端页面设计规范与切图

- meta标签详解、flexbox详解、rem使用

- 移动端页面布局

原生JaScript开发

- 基本语法、数据类型、变量

- 函数、闭包、匿名函数、参数传递

- BOM与DOM、类型、AJAX实现

- cookie存储、正则表达式

- 执行环境与作用域、内存泄露常见情况

- 面向对象基础

jQuery介绍与学习

- jQuery框架介绍、插件扩展原理及定制设计

- AJAX（全局ajax处理、辅助函数、底层接口）

- 属性、、表单、选择器、DOM作

- 设置和获取元素的CSS相关属性

- 用于针对特定DOM关联任意数据

- 为页面添加动画效果（淡入淡出动画、滑动滑动）

- 常用学习（tab页面切换、滑动门、焦点轮播图、导航条菜单、瀑布流、弹出层、倒计时）

- Bootstrap介绍、入门例子创建、全局CSS样式

- 栅格系统、表单、表格、按钮、

- 组件：字体图标、按钮式下拉菜单、导航、分页、框、进度条等等

- 插件：过渡效果、滚动、标签页、工具提示、弹框提示、折叠收缩等等

微场景与微信小程序开发

- SwiperJS在微信场景项目中的使用

- WeUI介绍、页面布局、交互与动画

- 微信服务号接口(JSSDK)开发

- 微信小程序介绍及分析

- 创建项目、小程序实例及页面

- 框架、组件、API及工具详解

- 微信小程序实战项目开发

新一代前端框架VueJS

- AngularJS，ReactJS，VueJS比较和介绍

- 组件构造器、生命周期、数据绑定

- 使用脚手架工具进行组件化开发

- vue-router、vue-resource、Vuex插件使用

- 基于Vue的SPA开发

前端开发工具大杂烩

- Node, NPM, Grunt, Gulp, Webpack工具介绍

- 实时浏览器同步测试工具Browsersync

- Markdown介绍

就业指导

- 面试技巧

ppt设计中的MBE风格是什么样的

当然如果你对AI不熟悉，那么PPT总会用吧，用PPT我们也能做出MBE的风格

自从扁平行过后，很少看到让人眼前一亮的风格了。

不过前段时间流行的MBE风格着实让人喜欢

让我们先来认识一下什么是MBE风格

MBE风格的由来很简单，就是 Dribbble 上一位设计师 叫做MBE，他的萌萌哒的作品风格被设计行业称为“MBE风格”。

下面来看看MBE大神的作品

但萌同时也有一个缺点，就是没有普适性，在我们的工作中一般也用不上这种风格

但是这么萌的风格，着实令人喜欢，万一哪天就用上了呢？比如撩个妹

所以在认识MBE风格后，我们如何来快速制作呢

其实这个风格一般用AI软件来制作，专业的软件做专业的事

下面我介绍两种用PPT制作的方法

方法一、编辑顶点法

这个方法来自菲菲老师，公众号（大猫菲菲）

步、选择一个ICON，两个

其中一个填eclipse中iconfont是乱码解决方式如下充颜色，另一个只保留轮廓，轮廓可以稍微粗一些

2.把两个形状重叠，并且不对齐，可以适当调整大小，留出小部分白色的区域

3.用一个和轮廓粗细相同的小矩形进行切割

4.加点装饰

这样一个简单的MBE风格的图形就做出来了。

是不是很简单？如果你要做一些卡通风格的PPT，就可以用MBE风格来搭配

关于Icon，一个ICON网站Iconfont，是阿里旗下的图标库，很强大

ppt设计中的MBE风格是什么样的

Bootstrap介绍与学习

自从扁平行过后，很少看到让人眼前一亮的风格了。

不过前段时间流行的MBE风格着实让人喜欢

让我们先来认识一下什么是MBE风格

MBE风格的由来很简单，就是 Dribbble 上一位设计师 叫做MBE，他的萌萌哒的作品风格被设计行业称为“MBE风格”。

下面来看看MB- 与HR面对面模拟面试E大神的作品

但萌同时也有一个缺点，就是没有普适性，在我们的工作中一般也用不上这种风格

但是这么萌的风格，着实令人喜欢，万一哪天就用上了呢？比如撩个妹

所以在认识MBE风格后，我们如何来快速制作呢

其实这个风格一般用AI软件来制作，专业的软件做专业的事

下面我介绍两种用PPT制作的方法

方法一、编辑顶点法

这个方法来自菲菲老师，公众号（大猫菲菲）

步、选择一个ICON，两个

其中一个填充颜色，另一个只保留轮廓，轮廓可以稍微粗一些

2.把两个形状重叠，并且不对齐，可以适当调整大小，留出小部分白色的区域

3.用一个和轮廓粗细相同的小矩形进行切割

4.加点装饰

这样一个简单的MBE风格的图形就做出来了。

是不是很简单？如果你要做一些卡通风格的PPT，就可以用MBE风格来搭配

关于Icon，一个ICON网站Iconfont，是阿里旗下的图标库，很强大

现在做网页前端的学习路线是什么

5、本地存储web storage、本地缓存；

学习HTML5，可以了解HTML5课程大纲，分阶段学习，详细的阶段学习课程如下：

阶段：PCterminal

PC端页面重构

1、认知行业、岗位、部分专业术语，就业趋势与行业未来展望；

2、HTML5核心元素及布局应用；

3、CSS3核心属性及布局应用；

4、图形、图像软件的使用（PS,FW,AI）；

5、浏览器兼容及解决方案；

6、整合、滑动门及宽高自适应等高级应用技术；

7、初步接触JS。

PC端交互开发（原生JS）

1、jascript基础语法和变量、控制语句、循环语句、函数、处理、数组、常见排序算法；

2、DOM作和BOM作；

3、定时器、Cookie本地存储、内置对象、正则表达式、闭包、JS面向对象语法、JSON、堆栈结构；

4、Ajax动态读取数据、异步作、与DOM、JSON的结合使用；

5、各种主流浏览器兼容性处理；

6、单例、工厂、、观察者等设计模式；

7、ECMA6.0新特性介绍。

PC端交互开发 （JQuery）

1、初识jQuery、jQuery的优势、jQuery框架核心功能、最容易混淆的几个概念。

2、jQuery各种选择器的使用，及选择器的应用优化；

3、Dom节点作、插入、删除、、移动节点等作；

4、处理、处理模型、处理机制、jQuery封装机制、jQuery应用；

5、jQuery中的动画、动画时间的概念、基本动画方法、复杂动画方法、停止动画与参数说明、jQuery动画的队列问题；

7、Ajax、XMLHttpRequest 基础、jQuery Ajax、工具函数、缓存；

8、在jQuery中编写插件、插件扩展、插件应用、jQuery.pagination分页、jQuery.qtip信息提示、 jQuery.artDialog弹出层、jQuery.jscrollpane滚动条；

9、理解模块式开发，以及requirejs插件的使用。

PC项目实训

1、了解项目需求，项目流程；

2、了解项目管理，模块分配，项目时间预估；

3、了解产品周期，参与团队协作；

4、综合运用HTML+CSS,JS,JQ,JQUERY UI, jquery easyui等技术，完成大型PC端项目开发。

第二阶段：Mobile terminal

HTML5+CSS3新添特性

1、HTML5概述，新增的元素和废除的元素、全局属性；

2、HTML5基础：新增文档结构元素（Article、section、n）智能表单、文件API（FileList对象和File对象、FileReader接口）、拖放API；

3、CSS3基础：新增的后代选择器、伪类选择器、文本阴影、圆角、盒阴影、变形处理（transform）、动画（transitions）、帧定义（key-frames）、旋转（rotate）、 animation；

4、HTML5多媒体audio音频元素、Video视频元素、视频回调；

6、定位基础知识以及原理，结合google（高德）地图定位；

7、响应式布局概念以及语法（@media）、web网页和mobile网页的区别、样式继承；

8、Canvas标签基础知识、绘制矩形、绘制圆形、使用路径、图像裁剪、保存为文件、创建动画。

WebAPP项目开发及实训

1、angular.js、backbone.js；

2、数据交互，ajax与DOM交互应用；

3、HTML5+CSS3在实际项目中的应6、表单开发，设计可用性表单、表单验证、增强型表单；用；

4、项目管理，模块分配，项目时间预估；

5、产品周期，团队协作；

6、微信场景开发；

7、微信平台互动开发。

第三阶段：混合应用开发及实训

1、混合开发原理；

2、APP与webAPP；

3、混合应用与HTML页面交互；

4、通过客户端传递数据；

5、项目的版本迭代；

6、项目打包与应用，生成APK。

前端学习路线

阶段1.前端核心基础

阶段2.HTML5 + CSS3 + 移动端核心

阶段3.移动端

阶段4.端

阶段5.JaScript高级

阶段7.高级框架

阶段8.小程序

分享一份完整的前端学习路线，包括每阶段需要掌握的知识点，可以参考下。

1、PC端页面制作与动画

学习HTML+CSS搭建网页、CSS动画、PhotoShop切图等基础知识，获得初级Web前端工程师技能，主要进行PC端网页制作与样式设计实现，能够配合UI设计师进行项目开发。

2、移动端页面制作与响应式实现

讲解移动端布局与设备适配、响应式设计与实现等，获得移动端页面适配工程师技能，主要进行移动端网页的布局制作与样式设计实现。可以适配各种手机尺寸，并能利用响应式进行移动端与PC端适配。

3、JaScript与jQuery开发

同HTML5基础知识一样，JaScript开发与jQuery开发是职业晋升必备的技能包，获得中级Web开发工程师技能，主要进行页面行为交互，实现网站常见，加轮播图，选项卡，拖拽效果等，并能配合UI和后端进行项目开发。

4、HTML5高级框架技术开发

常用的Vue框架开发，React框架开发，Angular框架开发，数据可视化技术。可获得中级Web前端工程师技能，主要适用框架开发企业项目，实现单页面应用开发。可以完成复杂的数据交互应用场景，具备开发项目能力。

5、全栈前后端技术开发

Node.JS技术，其他后端技术，如Ja或PHP。可获得高级Web前端工程师技能，主要进行前后端全栈样式开发，能完成一个中小型项目的前后台，对于网站开发有着非常熟练的编程能力。

当然对于有基础某个环节薄弱的同学，可以只学单独一个阶段，加深巩固。

Web前端开发入门

- 了解HTML发展史，介绍前端开发涉及范畴

- 前端开发工具介绍（Dreamweer、Notepad++、Sublime Text、WebStorm）

- 前端调试工具介绍（Chrome浏览器控制台、Charles抓包、Weinre）

- 本地开发环境搭建（PHP、Node）

- HTML基本标签（链接、、表格、表单、列表等）

- CSS基础属性（层叠、继承、盒模型、容器、溢出、精灵等）

- HTML5新增元素与属性

- CSS3选择器、位移与变形、过渡动画、关键帧动画、弹性盒模型

- 媒体查询、响应式设计、iconfont字体使用

- 移动端页面设计规范与切图

- meta标签详解、flexbox详解、rem使用

- 移动端页面布局

原生JaScript开发

- 基本语法、数据类型、变量

- 函数、闭包、匿名函数、参数传递

- BOM与DOM、类型、AJAX实现

- cookie存储、正则表达式

- 执行环境与作用域、内存泄露常见情况

- 面向对象基础

jQuery介绍与学习

- jQuery框架介绍、插件扩展原理及定制设计

- AJAX（全局ajax处理、辅助函数、底层接口）

- 属性、、表单、选择器、DOM作

- 设置和获取元素的CSS相关属性

- 用于针对特定DOM关联任意数据

- 为页面添加动画效果（淡入淡出动画、滑动滑动）

- 常用学习（tab页面切换、滑动门、焦点轮播图、导航条菜单、瀑布流、弹出层、倒计时）

- Bootstrap介绍、入门例子创建、全局CSS样式

- 栅格系统、表单、表格、按钮、

- 组件：字体图标、按钮式下拉菜单、导航、分页、框、进度条等等

- 插件：过渡效果、滚动、标签页、工具提示、弹框提示、折叠收缩等等

微场景与微信小程序开发

- SwiperJS在微信场景项目中的使用

- WeUI介绍、页面布局、交互与动画

- 微信服务号接口(JSSDK)开发

- 微信小程序介绍及分析

- 创建项目、小程序实例及页面

- 框架、组件、API及工具详解

- 微信小程序实战项目开发

新一代前端框架VueJS

- AngularJS，ReactJS，VueJS比较和介绍

- 组件构造器、生命周期、数据绑定

- 使用脚手架工具进行组件化开发

- vue-router、vue-resource、Vuex插件使用

- 基于Vue的SPA开发

前端开发工具大杂烩

- Node, NPM, Grunt, Gulp, Webpack工具介绍

- 实时浏览器同步测试工具Browsersync

- Markdown介绍

就业指导

- 面试技巧

eclipse中iconfont是乱码

1、当在eclipse中打开一个文件后发现有中文乱码后，千万不能修改这个文件内容，一旦改过这个文件的内容，那怎么修改编码也没用了，只能重新导入。

2、当打开文件发现乱码后步是关闭这个文件，然后在这个文件上右- 数据双向绑定、处理、组件化开发键，选择属性，然后选择编码，先选择utf8，然后确认保存后打开文件查看是否是乱码，如果还是乱码则继续关掉文件，右键选择属性，编码中选择gbk，确认保存后再打开文件。

3、基本上以上两种方法都能解移动Web开发决乱码，切记修改编码格式的时候一定要关闭文件，且不可修改过文件内容。