- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue动态路由匹配和导航
vue动态路由匹配和导航动态获id<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> ...
2019-11-23 00:12:18
451
原创 vue路由和路由嵌套
###1.vue路由路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现，并完成资源的分发2).前端路由是依靠hash值(锚链接)的变化进行实现后端路由性能相对前端路由来说较低，所以，我们接下来...
2019-11-21 23:41:43
399
原创 axios基础用法请求参数
axios基于promise用于浏览器和node.js的http客户端支持浏览器和node.js支持promise能拦截请求和响应自动转换JSON数据能转换请求和响应数据axios基础用法get和 delete请求传递参数通过传统的url 以 ? 的形式传递参数restful 形式传递参数通过params 形式传递参数post 和 put 请求传递参数...
2019-11-21 14:26:08
1235
原创 fetch api
fetch apiFetch API是新的ajax解决方案 Fetch会返回Promisefetch不是ajax的进一步封装，而是原生js，没有使用XMLHttpRequest对象。fetch(url, options).then(）app.jsconst express = require('express')const app = express()const body...
2019-11-21 01:27:02
350
原创 vue购物车案例之父子传值的应用
vue购物车案例之父子传值的应用[1. 实现组件化布局把静态页面转换成组件化模式把组件渲染到页面上 # 注意点 ： 组件模板必须是单个根元素 ，一个父组件包含了三个子组件，标题，列表，结算<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...
2019-11-14 21:43:12
622
原创 vue组件的注册和使用，以及插槽使用方法或场景
vue组件的注册和使用，以及插槽使用方法或场景组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素，封装可重用的代组件的创建 私有的组件1、创建对象====data+template2、实例对象中挂载组件 components:{组件的名称：要显示的组件对象}3、将组件的名称以标签的形式写在结构中组件注册全局注册Vue....
2019-11-13 16:01:59
611
原创 Vue 三级组件嵌套工作中常有的嵌套
Vue 三级组件嵌套组件的创建 私有的组件 1、创建对象====data+template 2、实例对象中挂载组件 components:{组件的名称：要显示的组件对象} 3、将组件的名称以标签的形式写在结构中app是一级组件，里面的内容div是子组件2级组件，先创建2级组件，通过一级组件的components挂载上去，标签写到一级父组件...
2019-11-13 13:41:45
963
原创 ESLint 规则
ESLint 规则文件/*** AlloyTeam ESLint 规则** 包含所有 ESLint 规则* 使用 babel-eslint 作为解析器** @fixable 表示此配置支持 --fix* @off 表示此配置被关闭了，并且后面说明了关闭的原因*/module.exports = {parser: 'babel-eslint',parserOptions: ...
2019-11-12 11:57:39
367
原创 vscode常用插件以及配置
vscode常用插件以及配置auto close tag 自动闭合标签Chinese (Simplified) Language vvscode中文插件JavaScript (ES6) code snippets es6代码片段自动补全open in browserPath Intellisense 路径补全Prettier - Code formatt...
2019-11-12 11:51:11
1015
原创 字体图标的网站和使用
字体图标的网站和使用图片是有诸多优点的，但是缺点很明显，比如图片不但增加了总文件的大小，还增加了很多额外的"http请求"，这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”，因为图片放大和缩小会失真。 我们后面会学习移动端响应式，很多情况下希望我们的图标是可以缩放的。此时，一个非常重要的技术出现了，额不是出现了，是以前就有，是被从新"宠幸"啦。。 这就是字体图标（iconfont...
2019-11-11 14:19:34
307
原创 Vue tab栏切换增强版
Vue tab栏切换增强版tab栏切换增强版题目描述点击tab栏 内容区域显示对应的内容如 点击 SECTION 1 则 内容区域显示 对应 SECTION 1 的内容 同时当前 SECTION的字体颜色变成蓝色训练目标能够理解vue 中的数据渲染能够理解 v-for, v-if , v-bind , v-click 的使用能够理解 vue 中调用函...
2019-11-09 14:56:38
720
1
原创 Moment.js 过滤时间格式化
Moment.js 时间格式化使用步骤，官网http://momentjs.cn/npm install moment --save # npm或使用cnpm简单的案例 <!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta n...
2019-11-09 14:40:29
231
原创 cnpm和yarn的使用
cnpm和yarn的使用cnpm的使用 1、下载cnpm npm i cnpm -g 2、下载nrm npm i nrm -g 3、使用nrm查看当前使用的是哪种 nrm ls 就会显示出当前使用的是npm或是yarn或是cnpm 4、切换到cnpm==== nrm use ...
2019-11-09 13:17:55
320
原创 VUE.JS基础知识2
VUE.JS基础知识2Vue常用特性表单基本操作获取单选框中的值通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gend...
2019-11-09 11:59:58
476
原创 VUE.JS基础知识1
Vue 是什么？Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合使用Vue将helloworld 渲染到页面上指令本质就是自定义属性Vue中指定都是以 v- 开头v-cloak防止页面加载时出现闪烁问题 <style type="text/css"&g...
2019-11-08 17:18:03
144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人