- 博客(17)
- 收藏
- 关注
RSS订阅
原创 Vue -- 目录
[Vue.js] 基础[Vue.js] 基础 – 安装Vue[Vue.js] 基础 – Vue简介[Vue.js] 基础 – Vue实例[Vue.js] 基础 – 模板语法
2020-09-25 17:01:06
219
原创 [Vue.js] 基础 -- 模板语法
模板语法Vue.js的模板是合法的HTML 插值文本Mustache语法(双大括号) 的文本插值 <span>Message: {{ msg }}</span>无论何时，绑定的数据对象上 msg property 发生了改变，插值处的内容都会更新。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-
2020-09-25 16:58:06
264
原创 [Vue.js] 基础 -- Vue实例
Vue实例创建一个Vue实例//var vm = new Vue({ // 选项})当创建一个 Vue 实例时，你可以传入一个选项对象一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例 数据与方法VUE实现前端页面数据与控件的双向绑定，VUE实例中必须定义数据，以及操作数据的方法。Vue实现使用new Vue函数创建，当一个 Vue 实例被创建时，它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性。当这些属性的值发生改变时，视图
2020-09-24 21:47:13
201
原创 [Vue.js] 基础 -- Vue简介
Vue.js是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架.什么是渐进式?渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统特点:解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOM 起步通过引入:<!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https
2020-09-23 15:44:16
213
原创 [Vue.js] 基础 -- 安装Vue
安装 Vue版本说明Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器直接用 < script > 引用直接引用标签的话,Vue会被注册为一个全局变量<script src = ../vue.js> </script>使用CDN方法制作原型或者学习<script src="https://cdn.jsdelivr.net/npm.
2020-09-22 19:55:21
241
原创 VSCode 常用快捷键
通用快捷键命令Ctrl+Shift+P, F1打开命令面板Ctrl+P快速打开文件Ctrl+Shift+N打开新窗口/实例Ctrl+Shift+W关闭窗口/实例基础编辑快捷键命令Ctrl+X剪切当前行Ctrl+C复制当前行Alt+ ↑ / ↓向上/向下移动当前行Shift+Alt + ↓ / ↑向上/向下复制当前行Ctrl+Shift+K删除当前行Ctrl+Enter在当前行以下插入C
2020-09-21 20:03:12
149
1
原创 HTML 5 Canvas
基本用法<canvas>标签只有两个属性 – width 和 height,所以在低版本的浏览器是不支持的,要在浏览器中写上 :<canvas id="tutorial" width="150" height="150">浏览器版本不支持</canvas><canvas>在没有设置宽高的时候,默认初始化为 :<canvas width='300px' height='150px'></canvas>浏览器支持Inter
2020-09-15 10:36:40
237
原创 [Axios] 基于Promise封装属于自己的Ajax库
基于Promise封装属于自己的Ajax库自己封装ajax库;(function anonymous(window) { //支持设置默认的参数配置项 let _default = { method: 'GET', url: '', baseURL: '', headers: {}, dataType: 'JSON', //POST系列请求基于请求主体传递给服务器的内容 d
2020-09-08 11:23:31
174
1
原创 [Axios] FETCH中的基础语法
FETCH不是AJAX，它诞生的目的是为了代替AJAX，它是JS中内置的API：基于FETCH可以实现客户端和服务器端的信息通信 参考简书 使用Fetch发送请求GET/HEAD等请求不能设置BODY不管服务器返回的状态是多少，FETCH都不认为是失败（那怕是4或者5开头的状态码），都执行的是THEN中的方法（需要我们自己进行异常抛出处理）GET请求fetch('get获取地址', { method: 'GET', headers: { .
2020-09-08 09:48:33
195
原创 [Axios] axios的请求合并以及参数配置
axios的请求合并以及参数配置 参考简书1参考简书2 并发请求 – 处理并发请求的助手函数axios.all(iterable) – iterable是一个可以迭代的参数如数组等let sendAry = [ axios.get('get获取的地址1'), axios.get('get获取的地址2'), axios.post('post获取的地址')];//=>三个请求都完成才做一些事情（可以基于ALL实现）axios.all(
2020-09-07 21:56:07
405
原创 [Axios] axios的基础语法
axios的基础语法 Axios中文说明 如何安装axios在当前目录下打开命令行利用yarn安装 : yarn add axios,如果显示yarn没有找到该命令,则需要安装npm install -g yarn利用npm安装 : npm install axios --save利用bower安装 : bower install axios --save利用cdn引入 : <script src="https://unpkg.com/axios
2020-09-07 19:03:47
1508
原创 [Ajax] 实现跨域访问
跨域访问是什么同源策略所谓“同源”指的是“三个相同”:协议相同、域名相同以及端口相同。Cookie、LocalStorage和lndexDB无法读取DOM无法获得AJAX请求不能发送同源不同源网络协议相同相同域名相同相同/不相同端口号相同不相同 域名是什么域名(Doain Name）又称为网域，是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位（有时也指地理位置
2020-09-06 15:38:37
444
原创 [Ajax] jQuery中的Ajax -- 04-异步提交表单
异步提交表单异步提交表单的步骤获取表单及所有表单组件对应的数据值。将所有表单组件对应的数据值拼成特定格式的字符串或是JSON格式数据。通过Ajax异步交互方式提交表单。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><form
2020-09-05 15:51:02
154
原创 [Ajax] jQuery中的Ajax -- 03-搜索框提示效果
案例 搜索框提示效果平常说异步交互的时候,大多数想到的是三级联动,但是根据百度搜索框的样式发现,搜索框提示也是异步交互代码下载地址从效果中可以看出在不输入内容的情况下不显示输入有内容显示内容输入没有内容不显示内容所以,根据思路可以确定在刷新页面时清空列表内容获取到每一次用户在输入到输入框的内容根据获取到的内容利用方法getJSON获取到json库的数据在获取json数据的时候获取到其中的name值判断用户输入到输入框的内容以及获取到的数据在json数据中是否存在存
2020-09-05 15:04:39
166
原创 [Ajax] jQuery中的Ajax -- 02-jQuery中的三级联动
案例 jQuery的三级联动server2.json代码展示[ { "province": "吉林省", "cities": [ { "city": "长春市", "counties": ["朝阳区", "经济开发区", "高新区"] }, { "city": "吉林市", "counties": ["东城区", "经济开发区", "老城区"] }, {
2020-09-04 17:43:11
136
原创 [Ajax] jQuery中的Ajax -- 01-jQuery中的Ajax
jQuery中的Ajax参考文档 jQuery中的Ajax六个Ajax操作方法load()方法$.get()方法$.post()方法$.ajax()方法$.getScript()方法$.getJSON(方法六种事件ajaxStart()ajaxStop()事件ajaxComplete()事件ajaxSend()事件ajaxError()事件ajaxSuccess()事件 load()方法load()方法
2020-09-03 20:28:56
182
原创 [Ajax] 案例 -- 三级联动
案例 – 三级联动什么是三级联动呢?三个级别，联动代表这三个级别相互依赖与嵌套，唯有这样才能实现三级联动.三级联动简单理解可以理解为两个二级联动,只有点击省才能出现下一级的市只有点击市才能出现下一级的区 在正式写之前,要先了解一下json,可以观看原来的内容首先要创建三级联动(或者二级联动),那必不可少的就是数据库了,写的比较随意,主要测试效果[ { "province": "吉林省", "cities": [
2020-09-03 15:03:32
4267
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人