随笔分类 - 【27】大前端
摘要：基础知识： ES6 Vue.js 一、搭建Vue项目1、安装基础组件vue cli是Vue.js开发的标准工具。 #安装Vue-cli npm i -g @vue/cli #查看vue版本 vue --version #安装快速原型开发工具 可以使用 vue serve 和 vue build 命令
阅读全文
摘要：一、MVVM1、定义MVVM(Model-view-viewmodel)是一种软件架构模式。本质上就是MVC （Model-View- Controller）的改进版。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心，它是连接view和
阅读全文
摘要：通过yoeman根据脚手架模板快速搭建前端项目工程。 一、安装 #全局安装 nrm use taobao npm i -g yo yo --version #安装脚手架构建器 generator-generator npm i -g generator-generator #查看本地安装的包清单 n
阅读全文
摘要：一、gulpgulp自动化构建构建工具增强你的工作流程，易于使用、构建快速、插件系统、易于学习. 1、安装gulp #安装 npm init -y yarn add gulp -D #查看版本 npx gulp --version #修改package.json { "name": "gulpdem
阅读全文
摘要：一、前端工程化1、什么是前端工程化？前端工程化是指将前端开发的流程规范化、标准化,包括开发流程、技术选型、代码规范、构建发布等,用于提升前端工程师的开发效率和代码质量。 2、为什么要前端工程化？复杂度高：前端项目的多功能、多页面、多状态、多系统规模大：团队开发、多人协作，代码质量管理要求高：页面性能
阅读全文
摘要：（一）本地环境 一、node.jsNode.js是一个开源与跨平台的JavaScript运行时环境，事件驱动，非阻塞IO。 1、nvmnodejs版本管理工具，也就是说，一个nvm可以管理很多 node 版本和 npm 版本。可以使用nvm来安装nodejs。 #查看nvm版本 nvm versio
阅读全文
摘要：环境 win7 node-v8.12.0-win-x64.zip 做一个前端项目首先需要做技术选型，是使用Vue还是React，还是其他框架库。选择完了就要搭建基础运行环境、工程项目。 这里我们选择搭建一个Vue+iview框架的前端项目。iview:一套基于 Vue.js 的高质量 UI 组件库，
阅读全文
摘要：一、前后端项目分离1、前端前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。有的人理解为运行在浏览器上才是前端，有的人也将运行在前端服务器（NodeJS）的程序也视为前端应用。
阅读全文
摘要：当页面引用一个比较大的js和css文件时，会出现较大下载延迟，占用带宽的问题，如果一个应用里有很多这样的js或CSS文件，那么就需要优化了。 比如ext-all.js有1.4M，页面引用这个文件，正常引用如下： HTTP中响应头（Response Headers）属性content-Encoding
阅读全文
摘要：1、Highcharts 2、ECharts 3、ichartjs 参考： http://v1.hcharts.cn/index.php http://echarts.baidu.com/ http://www.ichartjs.com/
阅读全文
摘要：应用类： 1、ExtJS 2、Easyui、MiniUI、jQuery UI、DWZ 3、OperaMasks-UI 网站类： Bootstrap
阅读全文
