
Vue
文章平均质量分 54
Greetysweek
这个作者很懒,什么都没留下…
展开
-
webpack--前端学习(7)
Webpack的介绍一、什么是webpackWebpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。简单的理解:webpack是用来整合js、css代码的,将多个js和css代码整合在一个文件中二、webpack安装1)全局安装npm install -g webpack webpack-cli2)安装后检查webpack -v三、项目初始创建webpack文件夹进入webpack目录,执行命令np原创 2021-02-03 18:15:32 · 155 阅读 · 1 评论 -
Node.js--前端学习(6)
一、Node的简介1、什么是Node.js简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。2、下载与安装1)下载网址官网:https://nodejs.org/en/中文网:http://nodejs.cn/2)安装安装只需要一直下一步就好了3)查看版本若显示版本,则安装成功node -v二、NPM的简介1、原创 2021-02-03 18:14:53 · 103 阅读 · 0 评论 -
js模块化--前端学习(5)
一、模块化介绍1)实现js代码的复用2)将js代码的模块详细分化,更好的去理解每一个js,也简化了每一个js代码。二、ES5模块化规范1)创建引用的模块创建es5/common.js文件// 定义成员const sum=function(a,b){ return parseInt(a)+parseInt(b)}const subtract = function(a,b){ return parseInt(a) - parseInt(b)}// 导出成员:module原创 2021-02-03 18:13:53 · 87 阅读 · 0 评论 -
babel--前端学习(4)
一、Babel的介绍Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行执行。这意味着,你可以现在就用 ES6 编写程序,而不用担心现有环境是否支持。二、安装Babel提供babel-cli工具,用于命令行转码。它的安装命令如下:npm install --global babel-cli#查看是否安装成功babel --version三、Babel的使用1、初始化项目npm init -y2、创建文件在当前目录下创建src/es6.js下面是一原创 2021-02-03 18:13:23 · 213 阅读 · 0 评论 -
es6的介绍--前端学习(3)
ECMAScript 6入门一、ECMAScript6介绍1)什么是 ECMAScript 6.0 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。2)ECMAScript与JavaScript的区别 ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现原创 2021-02-03 18:12:46 · 133 阅读 · 0 评论 -
vue进阶--前端学习(2)
Vue进阶一、Vue的生命周期1)Vue的声明周期图2)后端常用的两个周期created :data 和 methods 中的 数据和方法的初始化mounted:内存中的模板渲染的初始化二、路由Vue.js 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA)。Vue.js 路由需要载入 vue-router 库1、引入js<script src="vue.min.j原创 2021-02-03 16:06:47 · 119 阅读 · 0 评论 -
Vue入门--前端学习(1)
Vue入门一、介绍1、什么是vue.jsVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。2、Vue.js的初始化样本<!-- id标识vue作用的范围 --><div id="app"> <!-- {{}} 插值表达式,绑定vue中的data数据原创 2021-02-03 16:03:34 · 134 阅读 · 0 评论