![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端扩展
关于node、npm、webpack、es6以及mock模拟数据等介绍
smile radiantly
Smile to life can influence the damp mood, erase unhappy colors。
展开
-
es6 js数组常用方法
会改变自身的方法1.array.push(element1, ...elementN)添加一个或多个元素到数组的末尾,并返回数组新的长度2.array.unshift(element1, ...elementN)在数组的开头插入一个或多个元素,并返回数组的新长度3.array.splice(start, deleteCount[, item1[, item2...])在任意的位置给数组...原创 2019-11-19 20:04:44 · 399 阅读 · 0 评论 -
easy-mock的运用
1.概念Easy Mock 是杭州大搜车无线团队出品的一个极其简单、高效、可视化、并且能快速生成模拟数据的 在线 mock 服务 。以项目管理的方式组织 Mock List,能帮助我们更好的管理 Mock 数据.官网: https://www.easy-mock.com/在线文档: https://www.easy-mock.com/docs基本使用请自行查询…由于easy-mock在...原创 2019-12-01 17:31:12 · 443 阅读 · 0 评论 -
mock.js的运用
一:概念Mock.js是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。提供了以下模拟功能:根据数据模板生成模拟数据模拟 Ajax 请求,生成并返回模拟数据基于 HTML 模板生成模拟数据官网: http://mockjs.com/二:安装cnpm install mockjs三:数据模板定义规范DTD数据模板中的每个属性由 3 部分构成:属性...原创 2019-12-01 16:41:54 · 221 阅读 · 0 评论 -
Vue Element使用第三方icon图标
一:引入单设图标1.打开 阿里icon,注册 >登录>图标管理>我的项目2.新建项目返回阿里icon首页,点进去你想要的icon库,因为没有批量导入购物车,所以一般情况下需要一个一个去点,太浪费时间,那么请在控制台输入以下代码,批量导入var icons = document.querySelectorAll('.icon-gouwuche1');var auto...原创 2019-11-18 16:26:31 · 5621 阅读 · 3 评论 -
es6入门
1.什么是es6ECMAScript 6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ECMAScript和JavaScript的关系是,前者是后者的规格,后者是前者的一种实现。es6入门文档:http://caibaojian.com/es6/2.n...原创 2019-11-14 00:17:36 · 252 阅读 · 0 评论 -
webpack入门
1.什么是webpackwebpack是一个前端资源加载/打包工具。它根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。官网地址:https://www.webpackjs.com/从上图看出,webpack可以将多种静态资源js,css,less转换成一个静态文件,减少页面的请求。2.webpack安装全局安装:npm install webpack...原创 2019-11-14 00:14:49 · 75 阅读 · 0 评论 -
npm入门
1.什么是npmnpm全称node package manager,是node包管理和分发工具。可以理解为前端的maven。通过npm可以很方便的下载js库,管理前端工程。node已经集成npm工具,在cmd中输入npm -v查看当前npm版本。官网地址:https://www.npmjs.cn/2.npm命令2.1初始化工程init命令是工程初始化命令。建立一个空文件夹,cmd中输入...原创 2019-11-14 00:10:51 · 186 阅读 · 0 评论 -
node入门
1.什么是node简单的说node.js就是运行在服务端的JavaScript官网地址:http://nodejs.cn/2.node安装2.1下载nodenode下载:https://nodejs.org/en/download/2.2命令行测试node -v3.快速入门3.1控制台输出创建demo1.jsvar a = 1;var b = 2;console.log...原创 2019-11-14 00:07:33 · 84 阅读 · 0 评论 -
前后端分离概念
1.概念前后端分离已成为互联网项目开发的业界标准使用方式,通过nginx+tomcat的方式(也可以中间加一个nodejs)有效的进行解耦,并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务(多种客户端,例如:浏览器,车载终端,安卓,IOS等等)打下坚实的基础。2.老的方式1.产品经理/领导/客户提出需求2.UI做出设计图3.前端工程师做出html页面4.后...原创 2019-11-14 00:06:05 · 1204 阅读 · 1 评论 -
VSCode工具插件推荐
title: VSCode工具插件推荐copyright: truedate: 2019-11-13 23:07:38tags:前端categories:前端一:VSCode简介VSCode( Visual Studio Code)是微软出的一款轻量级代码编辑器 ,重要的是它在Windows, OS X 和Linux操作系统的桌面上均可运行。Visual Studio Co...原创 2019-11-13 23:36:22 · 116 阅读 · 0 评论