HTML+CSS+JavaScript
•认识网页 / HTML标签大全 / 表格 / 列表
•CSS入门笔记 / Css样式表 / emmet语法 / CSS的复合选择器 / 显示模式 /
•CSS背景 / CSS三大特性 / 盒子模型 / 圆角边框、盒子阴影、文字阴影
•浮动知识点汇总 / PS切图 / CSS属性书写顺序(重点) / CSS练手之学成在线页面制作
•CSS定位的4种分类 / 学成在线模块添加 / HTML+CSS之定位(position)的应用
•CSS之精灵图 / 字体图标 / 用户界面样式源码 / vertical-align 属性应用 /
•溢出的文字省略号显示 / 常见布局技巧+案例 / CSS新增选择器 / 盒子模型和其他新特性
•了解JavaScript语言的基本概念,熟知语法规则,培养语言基础逻辑能力。学DOM和BOM、jQuery、Ajax、Node.js,推荐看传智博客、黑马程序员等的视频。
Vue开发
官网地址:https://cn.vuejs.org/
Vue是一个用于构建Web用户界面的JavaScript框架,因此在开始使用Vue之前,你至少先要掌握JavaScript和Web开发的基础知识。
Vue基础:•语法基础,指令,过滤器;•组件,事件,生命周期;•路由操作;•Vue Cli。
Vue进阶:•Vuex的应用,Axios的导出;•Vant移动端组件库的使用;•了解Element UI,以及Vue Element Admin后台模板的使用。
Echarts学习
官网地址:https://echarts.apache.org/zh/index.html
https://github.com/apache/echarts
ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。
ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。
ECharts 内置的 dataset 属性(4.0+)支持直接传入包括二维表,key-value 等多种格式的数据源,通过简单的设置 encode 属性就可以完成从数据到图形的映射,这种方式更符合可视化的直觉,省去了大部分场景下数据转换的步骤,而且多个组件能够共享一份数据而不用克隆。
通过增量渲染技术(4.0+),配合各种细致的优化,ECharts 能够展现千万级的数据量,并且在这个数据量级依然能够进行流畅的缩放平移等交互。几千万的地理坐标数据就算使用二进制存储也要占上百 MB 的空间。因此 ECharts 同时提供了对流加载(4.0+)的支持,你可以使用 WebSocket 或者对数据分块后加载,加载多少渲染多少!不需要漫长地等待所有数据加载完再进行绘制。
Uniapp开发
官网地址:https://uniapp.dcloud.net.cn/
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。
uni-app在开发者数量,案例,跨端抹平度,扩展规模,性能体验,周边生态,学习成本,开发成本等8大关键指标上拥有更强的优势。