摘要: 1.环境搭建 前端环境 # 安装Vue脚手架 cnpm i -g @vue/cli # 创建项目 vue create myapp # 进入项目目录 cd myapp # 安装axios cnpm i axios --save # 启动项目 npm run serve 后端环境 # 安装expres 阅读全文
posted @ 2020-06-02 19:45 Web1024 阅读(1885) 评论(0) 推荐(0) 编辑
摘要: 1、基本用法 安装 在 中引入 在组件中使用 2、axios请求方法 axios可以请求的方法: get:获取数据,请求指定的信息,返回实体对象 post:向指定资源提交数据(例如表单提交或文件上传) put:更新数据,从客户端向服务器传送的数据取代指定的文档的内容 patch:更新数据,是对put 阅读全文
posted @ 2020-05-23 14:55 Web1024 阅读(3989) 评论(0) 推荐(0) 编辑
摘要: 效果图: HTML代码: 首先,为了使元素可拖动,把 draggable 属性设置为 true : 然后,规定当元素被拖动时触发的事件,在上面的HTML代码中,ondragstart 属性调用了一个函数,start(event),该事件方法是在拖拽元素时触发。 ondragover 事件是在要放置的 阅读全文
posted @ 2020-05-13 17:29 Web1024 阅读(403) 评论(0) 推荐(0) 编辑
摘要: 使用原生JavaScript制作一个简答的图片轮播效果,没有实现动画。原理很简单,只需要使用DOM对象操作节点的添加和删除即可实现轮播功能,看一下效果图: 下面开始上代码: HTML代码 CSS代码: JavaScript代码: 阅读全文
posted @ 2020-05-11 22:04 Web1024 阅读(1203) 评论(0) 推荐(0) 编辑
摘要: 应用场景 现在很多移动端的横向导航都是实现了滚动效果,我们先来看几个案例: 今日头条 b站 代码实现 HTML代码: CSS代码: 演示效果: 阅读全文
posted @ 2020-04-13 15:49 Web1024 阅读(3245) 评论(0) 推荐(2) 编辑
摘要: `v text` 在标签中显示文本数据,数据对象中的数据会被原样输出,例如: 在模板中输出真正的HTML,如果是使用 输出带标签的字符串的话,仅仅是想页面中输出带标签的HTML,但是不会对HTML代码进行解析,如果要解析HTML代码,就要使用 指令。例如: 上面代码执行后,输出的结果为: 输出的结果 阅读全文
posted @ 2020-04-06 15:17 Web1024 阅读(756) 评论(0) 推荐(1) 编辑
摘要: Vue.js使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据。结合响应式系统,在应用状态发生改变时,Vue能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上。 1、文本 数据绑定最常见的形式就是使用 (双大括号)的文本插值: 上面代码中 模板处的内容会被Vu 阅读全文
posted @ 2020-04-06 15:14 Web1024 阅读(722) 评论(0) 推荐(0) 编辑
摘要: 1、数据对象 当一个Vue实例被创建时,它将 对象中的所有属性加入到Vue的响应式系统中。当这个属性的值发生改变时,视图将会产生“响应”,即匹配更新为新的值。 代码示例: 上面代码中,可以将我们声明的对象赋值到Vue实例中,使用 比较时,结果为true。 当我们直接修改Vue实例中data属性的值, 阅读全文
posted @ 2020-04-06 15:12 Web1024 阅读(2198) 评论(0) 推荐(0) 编辑
摘要: 1、下载与安装Vue.js Vue.js的官网: https://cn.vuejs.org/ 如果在项目中使用Vue.js框架,有两种方式:一是在页面中使用Script的方式直接引入,可以在官网下载Vue.js的源码,也可以使用CDN的方式引入;二是使用NPM的方式构建Vue项目,或者是使用Vue 阅读全文
posted @ 2020-04-06 15:06 Web1024 阅读(1619) 评论(0) 推荐(0) 编辑
摘要: 1、Vue.js框架简介 1.1、为什么要学习Vue.js 什么是Vue.js Vue(读音 /vju:/,发音类似于 view)是一套用于构建用户界面的渐进式的JavaScript框架。 Vue.js的优点 体积小:压缩后只有33k; 更高的运行效率:基于虚拟DOM,一种可以预先通过JavaScr 阅读全文
posted @ 2020-04-05 17:09 Web1024 阅读(3541) 评论(0) 推荐(1) 编辑