前端
关注
分享
扫一扫
一起码代码
需要实例代码请留言私我
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js webpack打包(打包的同时将es6转换成es5)
Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求，是一个打包工具。全局安装 webpacknpm install -g webpack webpack-cli查看版本（安装是否成功）：webpack -v编写es6测试代码：demo1.jsexport default{ hello(){ return "hello"; }, ok(){ return "ok"; }}demo2.jsimport m from原创 2020-11-15 19:53:56 · 3506 阅读 · 2 评论 -
JavaScript 模块化编程
简介：模块化就是js与js之间的调用，类似于Java类与类之间的调用。使用模块化可以使项目结构更加清晰明了，代码更加优雅。es5写法：demo1.js//定义方法const hello=function(){ return "hello";}const ok=function(){ return "ok";}//指定哪些方法可以被调用module.exports={ hello, ok}demo2.js//引入要调用的文件const m=require('./demo1原创 2020-11-15 15:04:58 · 993 阅读 · 4 评论 -
Babel的快速入门（完成将es6转换成es5）
简介Babel是转码器，es6的浏览器兼容性比较差，而es5的浏览器兼容性比较好，使用Babel可以将es6代码转换成es5运行。初始化项目npm init -y编写es6 js文件（使用箭头函数）：let input=[1,2,3];input=input.map(item=>item+1);console.log(input)全局安装Babel工具npm install --global babel-cli查看是否安装：babel --version根目录下创建原创 2020-11-15 13:40:47 · 1676 阅读 · 4 评论 -
Vue axios使用
axios是一个独立的库，不是vue里面的一部分，但是经常和vue一起使用来完成Ajax操作。需要单独引入axios.js使用格式：axios.提交方式("请求接口路径").then(箭头函数).catch(箭头函数)提交方式有get post delete put 等.then() 请求成功后执行then方法.catch()请求失败后执行catch方法get具体使用方法如下：//使用axios发送ajax请求//axios.get("data.json") .then(respon原创 2020-11-14 23:29:16 · 766 阅读 · 0 评论 -
Vue 组件、路由
前言组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用。局部组件（只能在当前vu实例中使用）：<body> <div id="app"> <Navbar></Navbar> </div> <script src="vue.js"></script> <原创 2020-11-14 17:22:58 · 648 阅读 · 4 评论 -
Vue 条件语句 v-if、循环语句 v-for
条件语句 v-if 案例：<body> <div id="app"> <input type="checkbox" v-model="ok"/>是否同意 <!--条件指令 v-if v-else --> <h1 v-if="ok">现在是yes</h1> <h1 v-else>现在是false</h1> </div>原创 2020-11-14 16:38:50 · 1158 阅读 · 0 评论 -
Vue 事件操作以及修饰符
vue使用v-on:click来绑定事件，案例如下：<body> <div id="app"> <!--vue绑定事件--> <button v-on:click="search()">search</button> <!--vue绑定事件简写--> <button @click="f1()">f1</button>原创 2020-11-14 16:18:32 · 742 阅读 · 0 评论 -
Vue 数据绑定 v-bind、v-model
v-bind可以实现数据的单向绑定直接上代码：<body> <div id="app"> <!-- v-bind指令 单向数据绑定 这个指令一般用在标签属性里面，获取值 --> <h1 v-bind:title="message"> {{content}} </h1> <!--简原创 2020-11-14 15:21:36 · 1007 阅读 · 0 评论 -
ES6快速入门（看这一篇就够了）
简介：ES6全称ECMAScript 6，是一个标准，是Javascript的规格。JavaScript是ECMAScript的一种实现。目录简介：let的使用以及和var的区别const声明常量数组对象获取对象属性定义对象对象复制与合并模板字符串定义方法箭头函数`帮助到您请点赞关注收藏谢谢！！`let的使用以及和var的区别var 定义在函数外面就是全局变量，定义在函数内就是局部变量。let 只在代码块中有效<script> //1 创建代码块，定义变量 {原创 2020-11-13 20:56:30 · 2371 阅读 · 4 评论