06 2020 档案
摘要:在Vue中使用swiper可使用vue-awesome-swiper组件 npm install swiper vue-awesome-swiper --save 全局注册 import Vue from 'vue' import VueAwesomeSwiper from 'vue-awesome
阅读全文
摘要:无报错,但是页面没有渲染,检测2小时,最终发现原因是路由 new Router({ routes:[]}) 中的routes只能不是routes,我写成了router,所以vue认为没有路径,故记不渲染也不报错,写代码还是要细心呀!
阅读全文
摘要:不知道什么神仙原因,我在vscode上传时总是报错,于是便重新设置了公钥匙,方法如下 首先,清除所有的key-pairssh-add -Drm -r ~/.ssh删除你在github中的public-key 重新生成ssh密钥对ssh-keygen -t rsa -C "xxx@xxx.com" 接
阅读全文
摘要:1. npm init --y 2.npm install -g label-cli 3.npm install save label-preset-es2015(-env) 4.label es6.js --presets es2015 5.label src/es6.js -o src/es6-
阅读全文
摘要:Ajax 前后端交互例子 前面的章节,我们主要从什么是 Ajax、为什么要用 Ajax、Ajax 是如何实现的以及如何封装一个 Ajax来对 Ajax 做一个多方位的学习。从前面章节的学习中,相信同学们对 Ajax 都会有一个比较完整的概念了。那么,接下来的这个章节,我们着重列举一个示例,来讲述 A
阅读全文
摘要:jQuery Ajax、fetch 和 axios 前言 近年来,前端技术呈现一派迅猛发展的态势,随之而来的是,前后端通信方式也发生了翻天覆地的变化,从一开始的重载页面的老旧方式,逐步发展到如今 XMLHttpRequest 和 fetch。相应的,各种各样的 Ajax 类库推陈出新,不断的进步。这
阅读全文
摘要:Ajax 跨域 我们先从这么一个问题来引入我们本章节的学习 —— 什么是跨域请求? 1.跨域请求 简单来说,跨域请求就是一个域下的资源请求另外一个域下的资源。 同一个域,指的是,协议名、域名、端口号都一致。 举个例子来说,假如 “http://www.a.com” 下的 JavaScript 脚本发
阅读全文
摘要:jQuery Ajax 前言 相信很多有一定前端经验的同学肯定听说过 jQuery,并且稍有研究的人肯定也知道 jQuery 提供了 Ajax 系列的工具方法。 事实上,市面上有各种各样的 Ajax 类库可以供我们使用,它们更加健壮、更加成熟、并且设计也更为合理。在我们在实际开发的过程中,我们并不直
阅读全文
摘要:Ajax 封装 前言 学会了 Ajax 的请求以及如何处理服务端的响应。这一章节,我们着重来封装一个简单的 Ajax。 前置知识: 本章节会使用部分 ES6 语法 本章节使用 Promise 简单需求: 支持 Promise 语法处理结果 支持自定义配置,包括 headers 内置 url、para
阅读全文
摘要:Ajax 处理服务端响应 在浏览器发送 Ajax 请求之后,下一步骤自然是服务器响应。服务器在接收到请求之后会进行一系列处理步骤,最终返回结果。而与此同时,客户端会在接收到返回的结果之后进行界面的展示或者数据的处理。 本章节主讲 Ajax 收到返回数据后处理服务器响应过程。 前言 本章节将会从两个方
阅读全文
摘要:Ajax 发送请求 交互过程中,发送请求是第一步。那么,我们将如何构造一个请求呢? 这一章节,我们将一步一步来构建一个 Ajax 请求。学习本节,你将学会: 如何通过 XMLHttpRequest 和 ActiveXObject 来构造一个通用的 xhr 对象。 如何通过 xhr 对象来发送 GET
阅读全文
摘要:XMLHttpRequest 介绍 在上一节我们已经粗略的讲过了 XMLHttpRequest 是 Ajax 的核心技术。是的,可以说,没有 XMLHttpRequest 这样的技术存在,Ajax 就是不完整的,甚至可以说就不会有 Ajax 这样的技术存在。那么,什么是 XMLHttpRequest
阅读全文
摘要:先引用 Ajax 的英文原义: Asynchronous JavaScript and XML 直观可见,Ajax就是这个英文的首字母缩写而成。意思就是异步的 JavaScript 和 XML,换言之,我们也可以用 JavaScript 执行异步网络请求。 2. web 交互的前期 在 Ajax 出
阅读全文
摘要:弹性盒模型 - 弹性盒模型之flex属性 这一章节我们来学习flex弹性盒子模型,根据下面的例子来理解一下吧: 实现上图效果,我们需要输入以下代码: 上面的代码: 三个块元素设置大小以及背景色,在父容器中添加flex。 技术点的解释: 1、设置display: flex属性可以把块级元素在一排显示。
阅读全文
摘要:CSS3的布局 - css布局模型 布局模型与盒模型一样都是 CSS3 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS3 布局样式或 CSS3 布局模板。如果说布局模型是本,那么 CSS3 布局模板就是末了,是外在的表现形式。 CSS3包含3种基本的布局模型,
阅读全文
摘要:给元素分个类 - 元素分类 在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<f
阅读全文
摘要:好久好久没有写博客了,最近做了一个使用Vue框架的商场项目,此博客把vue学习和做项目的过程整理一下。 首先,在掌握html,css,javascript 的基础上,阅读Vue的官方文档,了解Vue框架的基本语法。 然后,配置Vue环境,分为以下三步: 1.安装node.js,要注意node的版本问
阅读全文

浙公网安备 33010602011771号