秃头学姐爱喝奶茶-优快云博客

原创全局API —— Vue.js的基础学习

1.#Vue.extend(options) 参数：{Object} options 用法：使用基础Vue构造器，创建一个“子类”。参数是一个包含组件选项的对象。data选项是特例，在Vue.extend()中特必须是函数。 <div id="mount-point"></div> // 创建构造器 var Profile = Vue.extend({ template: '<p>{{firstName}} {{lastName}} aka {{alias}

2020-12-27 15:49:08 391

原创简单上手ECharts

1.引入ECharts 可以直接通过下方进行引用 <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.0.0-rc.1/echarts.common.min.js"></script> 2.为ECharts准备一个具有宽高的容器 <body>  <div id="main" style="width:

2020-12-21 15:08:25 211

原创 vue中计算属性（computed）、侦听属性（watch）、方法（method）三者的不同

computed区别于method的区别 1.computed是属性调用，而method是函数调用在html的插值内：computed定义的方法是以属性访问的形式调用，methods定义的方法必须加上（）来调用：（如下） <div id="example"> <p>Original message: "{{ message }}"</p> <p>使用计算属性实现: "{{ reversedMessage }}"</p>

2020-12-11 11:10:54 573

原创 git的一些基础操作命令

1.将远程代码克隆到本地在github复制仓库地址下来 git clone 仓库地址 2.git log 查看全部提交记录 git log --author=’'指定查看提交对象 git log git log --author='<userName>' 3.上传项目 git init 初始化 git add . 将所要提交的文件放到暂存区内（git将项目分为三个区：本地，暂存区，远程仓库） git commit - m 第一次提交将暂存区的代码提交到远程仓库 g

2020-12-10 17:43:28 192

原创 vuex中的模块化开发

1.模块化，每个模块拥有自己的state、mutation、action、getter const moduleA = { state: () => ({ ... }), mutations: { ... }, actions: { ... }, getters: { ... } } const moduleB = { state: () => ({ ... }), mutations: { ... }, actions: { ... } } const stor

2020-12-10 17:34:43 646 1

原创基础学习vuex

vuex #vuex简介 1.状态管理模式 new Vue({ // state data () { return { count: 0 } }, // view template: ` <div>{{ count }}</div> `, // actions methods: { increment () { this.count++ } } }) 这个状态自管理应用包含以下部分

2020-12-10 17:32:27 292 2

原创 Vuex中的表单处理

在严格模式下使用vuex时候，若想要在vuex store的对象是上使用v-model实现双向数据绑定，v-model会试图直接修改store内的值，由于这个修改不是在mutation函数中执行，因此会抛出错误。解决方案 1.给中绑定value，然后侦听input或者change事件，在事件回调函数中调用一个方法 //输入框的value绑定state内的message属性 //侦听input事件，触发updateMessage函数 <input :value="message" @input="up

2020-12-10 16:16:58 491

原创浅谈axios

axios 是一个基于promise的HTTP库，可以用在浏览器和node.js中（1）axiosAPI 实例化 axios.create([config]) 方法 axios与axios的实例都可调用 axios(config) axios.request(config) axios.get(url[, config]) //参数：路径配置对象 get带参方式带在params上 axios.get("http://47.106.244.1:8099/manager/us

2020-09-25 11:22:11 262

原创原生ajax、jQuery ajax、axios带参的区别

原生ajax get 头部不设置，参数转为查询字符串拼接到url上 post 参数在send() 里（1）发表单格式，设置头部为表单格式，数据也要是表单格式数据（2）发json格式，设置头部为json格式，数据也要是json格式数据样式代码 <script> let qs = Qs; let xhr = new XMLHttpRequest(); // get传参 /*xhr.open( "get",

2020-09-24 19:22:34 241

原创浅谈hash路由和history路由的区别

hash路由和history路由的区别： 1.hash路由在地址栏URL上有#，而history路由没有会好看一点 hash路由 121.0.0.1:80/test/index.html#/a/b history路由 121.0.0.1:80/a/b 2.进行回车刷新操作，hash路由会加载到地址栏对应的页面，而history路由一般就404报错了（刷新是网络请求，没有后端准备时会报错）。 3.hash路由支持低版本的浏览器，而history路由是HTML5新增的API。 4.hash的特点在于它虽

2020-09-24 19:16:51 2247

原创 Vue-router（Vue的核心插件）

Vue-router（Vue的核心插件）用来提供路由功能。通过路由的改变乐意动态加载组件，达到开发单页面程序的目的（1）基本应用：在vue中进行路由祖册，在模板中通过router-view来接收路由组件 1.提供组件给路由使用 2.注册组件 3.定义路由对象数组 let routes = [ // 一个路由对象 { // 路由路径 path: "/a", // 对应的组件 component: my

2020-09-22 20:13:55 611

原创浅谈Vue-插槽

插槽（插槽允许我们在调用组件的时候为子组件传递模板）默认插槽没有名字的插槽（或者name为default的插槽）当组件渲染的时候，内的内容会被父组件内的内容填充（在这里被填充为Hello和World）插槽内可以包含任何模板代码，甚至是其他组件 slot标签内部的内容为默认值，也就是当调用组件的时候没有设置插槽内容，则插槽内容默认为内的内容 <body> <div id="app"><my-com>Hello</my-com> <my

2020-09-21 19:06:37 842

原创 Vue-计算属性computed

计算属性：computed 我们希望一个变量是经过某种计算后输出而不是直接输出的时候可以使用到计算属性 1.在Vue定义中直接使用表达式获取结果 <body> <div id="app">{{msg}} <br> a:<input type="text" v-model.number='a'></input> &l

2020-09-20 15:29:39 159

原创 Vue-表单输入绑定

表单输入绑定用v-model指令在表单,及元素上创建双向数据绑定。他会根据表单控件类型自动选取正确的方法来更新元素。 v-model会忽略所有表单元素的value、checked、selected、attribute的初始值，总是将vue实例的数据作为数据来源。通过JavaScript在组件的data声名初始变量 1.单行文本框 <div id='app'> <!-- v-model="stu.username"绑定在stu对象的username属性上 --

2020-09-20 14:37:30 230

原创 Vue-事件修饰符

Vue-事件修饰符事件处理函数只有纯粹的数据逻辑，而不去处理DOM事件细节，通过事件修饰符来完成这些细节 <form v-on:submit.prevent="onSubmit"></form> //可以简写成 <form :submit.prevent="onSubmit"></form> 常见的事件修饰符 .stop 停止事件冒泡行为 <div class="inner" @click.stop="inner">inner

2020-09-17 11:29:48 215

原创 Vue模板语法

1.插值 1.1文本 <span>Message: {{ msg }}</span> <div id="app"> {{msg}} </div> <script> new Vue({ // 绑定div el: "#app", data: { msg: "hello", }, }) 1.2原始html

2020-09-16 20:13:45 280 1

原创 Vue生命周期相关知识

第一阶段 vue实例的初始化阶段 beforeCreate() 在初始化的时候调用了beforeCreate，完成了vue实例的声名周期相关属性的初始化以及事件的初始化！！在这个阶段还不能直接访问data中的属性&method中的方法 craete() 在舒适化王成后，完成了vue的数据注入与数据监听操作！！可以对数据进行访问第二阶段挂载并渲染 beforeMount() 在created之后，vue会判断梳

2020-09-16 19:21:07 142

原创如何将项目部署到云服务器

1.将jar包上传到阿里云服务器指定目录下比如/jar 下（将jar包托放进小黄鸭（Cyberduck）的jar目录下） 2创建数据库 2.1用本地的Navicat连上阿里云的数据库（双击点亮） 2.2右键新建数据库，根据项目所需创建对应数据库名的数据库 2.3双击点亮数据库，右键选择运行SQL文件，执行 2.4给指定用户授权数据库访问权限，点击左上角的用户（这里给briup用户授权），双击briup用户，点击权限，选择添加权限，选择所需要授予权限的数据库，全部授予权限。 3启动jar 3.1打

2020-09-15 19:57:37 1121

原创 github的远程仓库与本地文件的一些基本操作

克隆码云的远程仓库到本地 1.在网页创建了一个远程仓库点击网页右上角的+，创建新的本地仓库 2.复制仓库地址 3.在桌面新建一个Git仓库文件夹，并在终端打开（将地址栏删除输入cmd即可） 4.在终端输入命令 git clone 仓库地址 5.在桌面的Git仓库文件夹即可发现克隆完成的远程仓库文件夹更新本地代码，将远程仓库代码更新到本地 1.将远程仓库文件夹在终端打开 2.输入命令git pull origin master 3. git add * git commit -m ‘提交代码的说明’

2020-09-13 11:44:57 291

原创 Symbol

Symbol Symbol,一种原始的数据类型，表示独一无二的值。 Symbol函数可以接受参数，表示对于这个唯一值的描述。 let s = Symbol() typeof s; // 'Symbol' 变量s表示独一无二的数值 Symbol的应用由于每一个symbol值都是不相等，这意味着symbol值可以做为标识符，用于对象的属性名。就能保证不会出现同名的属性，可以防止某一个键不小心改写或者覆盖。 let s = Symbol(); var obj = {};

2020-09-10 19:45:19 178

原创 Es6 Class(类)&类的继承

Es6 Class(类)&类的继承 JavaScript语言中，生成实例对象的传统方法是通过构造函数。 ES6引入了Class(类)这个概念，通过class关键字，可以定义类构造函数 constructor方法是类的默认方法，通过new命令生成对象实例时，自动调用该方法。一个类中必须有constructor方法 class Person{ constructor(){} } 实例方法&实例属性定义在类体中的方法是实例方法定义在类体中的属性是实例属性

2020-09-10 19:08:11 295

原创 map

Map Map类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。 Object 结构提供了“字符串—值”的对应，Map结构提供了“值— 值”的对应 Map 可以接受一个数组作为参数。该数组的成员是一个个表示键值对的数组。 var map = new Map([ [‘name’, ‘张三’], [‘title’, ‘Author’] ]); Map API Map.prototype.size 返回 Map 结构的成员总数。 Map.prototype.se

2020-09-09 20:22:52 115

原创 Set

Set set：成员的值唯一，没有重复值 Set 构造函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。初始化set var set = new Set(); Set 中的特殊值 Set 对象存储的值总是唯一的，所以需要判断两个值是否恒等。有几个特殊值需要特殊对待： +0 与 -0 在存储判断唯一性的时候是恒等的，所以不重复； undefined 与 undefined 是恒等的，所以不重复； NaN 与 NaN 是不恒等的，但是在 Set 中只能存一个，不重复

2020-09-09 20:11:50 116

weixin_41989717的博客

原创全局API —— Vue.js的基础学习

原创简单上手ECharts

原创 vue中计算属性（computed）、侦听属性（watch）、方法（method）三者的不同

原创 git的一些基础操作命令

原创 vuex中的模块化开发

原创基础学习vuex

原创 Vuex中的表单处理

原创浅谈axios

原创原生ajax、jQuery ajax、axios带参的区别

原创浅谈hash路由和history路由的区别

原创 Vue-router（Vue的核心插件）

原创浅谈Vue-插槽

原创 Vue-计算属性computed

原创 Vue-表单输入绑定

原创 Vue-事件修饰符

原创 Vue模板语法

原创 Vue生命周期相关知识

原创如何将项目部署到云服务器

原创 github的远程仓库与本地文件的一些基本操作

原创 Symbol

原创 Es6 Class(类)&类的继承

原创 map

原创 Set

原创 ES6数组API

原创 ES6-＞ES5的转换&模块化

原创 HTML5API 通信

原创文档对象模型DOM

原创 JavaScript实现九九乘法表的四种方式

原创 JavaScript--对象

原创 JavaScript简介

原创 css的常用五大布局

原创 css的animation（动画）、transition（过渡）、transform（变形）

原创 html5新增

原创 # HTML5（表单）

空空如也

空空如也