自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 本地存储:cookie,localstorage

json字符串1、什么是JSON“abcd”是普通字符串, “我是标题”这是HTML格式的字符串。JSON本质上也是一种特殊格式的字符串。主要用于前后端的数据交互。前后端交互不能够传输对象和数组的。只能通过字符串形式去传输数据。诞生的目的是为了取代繁琐笨重的XML格式。(了解即可,现在不需要知道什么是XML)2、JSON的语法格式JSON 的语法规则十分简单,创始人借鉴了js的写法,所以与js的语法十分相似。数组用方括号[]表示。对象用大括号{}表示。键/值对 组合成数组和对象。键置于

2021-07-03 01:23:39 338 3

原创 axios学习

axios1、什么是axios?随着 vuejs 作者尤雨溪在2016年发布消息,不再继续维护vue-resource,并推荐大家使用 axios 开始,axios 被越来越多的人所了解。目前已经是最流行的前端ajax请求库。功能特点在浏览器中发送Ajax请求。在node.js中发送http请求。支持promise api拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止 CSRF/XSRF2、引入方式<!-- npm yarn是以后项目中常用到的

2021-07-01 21:26:26 218 2

原创 vue基础05 插槽

插槽我们先来看一个案例<div id="app"> <father></father></div><template id="father"> <div> 我是父组件 <son></son> </div></template><template id="son"> <div>

2021-06-30 14:07:41 169 3

原创 vue学习第四天 组件

Vue组件课程目标了解组件的应用场景理解组件的运行机制掌握组件的定义和使用组件是 Vue.js最核心的功能,也是整个框架设计最精彩的地方,当然也是最难掌握的。1、 组件1.1 为什么要使用组件​ 假设有这样一个需求,页面中需要一个input输入框,要求只能输入数字,并且有加减按钮实现加减,好,简单,不就是一个输入框,两个按钮,那还不是有手就行?不过,如果项目中其他地方也需要呢,那就复制粘贴呗,需要几个,复制粘贴几次。虽然这样也解决了问题,但是代码的重复度很高,维护成本也比

2021-06-28 12:15:52 238 2

原创 使用Vue实现简单购物车

实战:购物车新手程序员最容易犯的错误就是拿到需求不管三七二十一,直接开搞。在开始写代码之前,理清思路,分析需求是十分重要的,一来可以提高书写代码的效率,二来可以避免错误带来的返工。现在来看下购物车都需要实现哪些功能:可以展示商品列表,每一条商品记录包含商品名称、商品单价、购买数量和操作。可以对每个商品的数量进行增加和减少可以删除商品可以对商品的总价进行计算。效果如下:好,整理完需求之后,我们就可以着手写代码了。首先咱们先把整体的HTML结构搭建出来,毕竟HTML是网页的骨架,没有骨架

2021-06-24 16:35:54 5494

原创 vue学习第三天 计算属性 过滤器 watch

计算属性我们有时候会在模板中绑定表达式来做简单的数据处理,但是如果表达式太长,就会变得臃肿难以维护,而且在模板中没有语法提示,写起来也十分痛苦。比如以下代码<div> {{text.split(',').reverse().join(',')}}</div>表达式里面包含了3个操作,并不是很清晰,有时候可能会更加复杂,所以在遇到复杂的逻辑时,我们应该使用计算属性。上例可以用计算属性进行改写:<div id="app"> {{reverseTe

2021-06-24 09:11:04 453 3

原创 Vue学习第二天

vue学习第二天经过前一天的知识点学习,那么今天我们主要以案例练习为主,多敲代码,提高代码量才是学习编程的王道。1、key的作用假设现在有一个需求,在页面循环data中的数组。很简单,有手就行,分分钟写出来。 <div id="app"> <ul> <li v-for="(item, i) in list"> <input type="checkbox"> {{item.name}} </li&gt

2021-06-22 13:53:01 289 3

原创 Vue基础第一天

VUE基础1、vue是什么?目前前端有三个非常流行的框架,非别是angularjs,reactjs,vuejs。而这三个当中,vuejs的受欢迎度目前是最高的,而开发vuejs的就是一个中国人尤雨溪。其它框架的关联借鉴angular的模板和数据绑定技术借鉴react的组件化和虚拟DOM技术基本概念vue.js的官方文档中说vue是渐进式JavaScript框架。我们来一个一个解释其中的概念。渐进式vue全家桶其实是包含很多vue的扩展插件的,比如以下。vue-cli: vue脚手架

2021-06-21 22:08:24 606 6

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除