入门
关注
分享
扫一扫
Always_Love
有些事，记得不如忘了好。
展开
-
vue-vuex
一、vuex基本概念vuex 是一个专为 vue.js 应用程序开发的状态管理模式。可以理解为我们项目中需要共享的一些数据进行集中管理的容器。把这些数据称为属性状态。比如一个用户的用户名，性别，权限级别等等。一般小项目里只用简单的状态管理，中型大型项目里用的多。二、引入挂载import simpleStore from './store/simpleStore'Vue.prototyp...原创 2020-04-02 13:18:40 · 224 阅读 · 0 评论 -
vue数据请求---（fetch-jsonp）
fetch-jsonp 数据请求跨域一、安装、配置1. 安装 npm install fetch-jsonp2. main.js文件导入 import fetch from 'fetch-jsonp'3. 当前组件使用 import FetchJsonp from "fetch-jsonp";二、使用FetchJsonp(src, { jsonpCallback: "...原创 2020-04-02 13:07:13 · 1128 阅读 · 0 评论 -
vue数据请求---（axios）
一、配置import Axios from "axios";Axios.get("/getuser") ||.post("/gettable") .then((res) => { console.log(res.data.result); }) .catch((error) => { console.log(...原创 2020-04-02 13:03:43 · 285 阅读 · 0 评论 -
vue数据请求---（vue-resource）
一、安装 cnpm install vue-resource –save二、配置//配置vue-resource、使用插件import vueResource from 'vue-resource'Vue.use(vueResource);//引入mock.js 加载mock数据文件require("./mock/mock");三、请求数据相应组件挂载完成后 get/post...原创 2020-04-02 12:57:41 · 300 阅读 · 0 评论 -
vue数据请求---（mock）
mock模拟数据步骤：安装 cnpm install mockjs --save-devmock.js配置模拟数据的文件 import Mock from ‘mockjs’在整个项目mian.js引入mock 数据 require("./Mock/mock");在组件引入mock 数据: 将axios绑定到vue的原型对象（Vue.prototype.axios=Axios）所有...原创 2020-04-02 12:54:12 · 366 阅读 · 0 评论 -
vue路由（router）---守卫
本篇总结vue router中的守卫。vue router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。可分为以下几种：1、全局的2、单个路由独享的3、或者组件级的一、全局前置守卫router.beforeEach((to,from,next)=>{ //to() 进入目标路由 //from() 离开的路由 //next() 下一个路由 /...原创 2020-04-02 12:43:39 · 849 阅读 · 0 评论 -
vue路由（router）---动态绑定
本篇介绍vue router的动态绑定。动态传值。之前一篇vue router基础讲了页面内路由的配置方法以及路由的入口，在这里就不多陈述了。1、配置路由2、路由入口3、动态获取对象传值mouted(){ this.$route.params;}编程实现路由获取对象gorouter() { this.$router.push("/"); //1.p...原创 2020-04-02 12:28:20 · 2082 阅读 · 0 评论 -
vue路由（router）---基础
本篇总结vue路由的基础。一、特点：1、Vue.js 路由允许我们通过不同的 URL 访问不同的内容。2、通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）。3、Vue.js 路由需要载入 vue-router 库。二、安装方式一：直接下载https://unpkg.com/vue-router/dist/vue-ro...原创 2020-04-02 12:10:18 · 272 阅读 · 0 评论 -
vue动画
本篇博客总结一下vue中的动画。其实准确的来说是vue中的过渡效果和动画效果。过渡Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。Vue 提供了内置的过渡封装组件，该组件用于包裹要实现过渡效果的组件。<transition name = "nameoftransition"> <div></div></trans...原创 2020-04-02 11:48:19 · 167 阅读 · 0 评论 -
vue钩子
本篇博客总结一下钩子。vue中的钩子函数：指令定义函数提供了几个钩子函数（可选）。例如：bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。inserted: 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于 document 中）。update: 被绑定元素所在的模板更新时调用，而不论绑定值是否变化。通过比较更新前后...原创 2020-04-02 11:09:52 · 326 阅读 · 0 评论 -
vue组件
组件（Component）是 Vue.js 最强大的功能之一。它可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树。组件创建vue当中创建单文件组件App.vue 是vue项目的主模板 （组件 主组件）自己定义一个文件 component 放置子组件1.如何创建组件 直接建立对应的vue...原创 2020-04-02 11:00:07 · 149 阅读 · 0 评论 -
vue语法
上一篇介绍了vue的环境搭建安装以及项目的创建配置，这篇博客开始学习总结vue的语法。一、数据绑定数据绑定 ：{{}} 绑定表达式 表达式里面可以进行运算绑定属性使用的指令是 v-bind 指令 ，方式：v-bind:title=“变量” ，也可以简写：:class=“变量”。循环渲染数据使用的v-for 指令 ，进行数据的循环渲染，数据渲染。<!-- 绑定变量之类的 --&...原创 2020-04-02 10:25:09 · 342 阅读 · 0 评论 -
vue入门
最近学到了vue的部分，边学边总结。一、vue的基本背景vue.js是一套用来构建用户界面的渐进式框架。它只关注视图层， 采用自底向上增量开发的设计。此外，Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。二、vue的下载以及安装我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 配置环境安装命令：1、安装Nodejs 。http://no...原创 2020-04-02 09:59:46 · 148 阅读 · 0 评论 -
video属性及操作
video属性较多，这篇博客总结一下几个常用的，然后再写一个例子练习一下。video apivar video = document.querySelector("#video");加载播放路径video.src = "./mp4/mov_bbb.mp4";当浏览器加载媒体数据的时候执行的video.onloadstart = function () { conso...原创 2020-03-19 12:55:18 · 2739 阅读 · 0 评论 -
HTML5之canvas
canvas 是 HTML5 新增的，一个可以使用脚本(通常为 JavaScript) 在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。一、canvas apivar canvas=document.querySelector("#canvas"); canvas.width=700; canvas.h...原创 2020-03-19 12:29:07 · 232 阅读 · 0 评论 -
ECMAScript6
ECMAScript6简称ES6，和ECMAScript5简称ES5一样，代表了不同的标准。es6的语法接近于后端语法，而另一种脚本语言TypeScript更接近后端。一、let和constlet ：1、let声明的变量只在 let 命令所在的代码块内有效。2、let不能重复声明。3、不存在变量提升。const ：声明一个只读的常量，一旦声明，常量的值就不能改变。意味着，一旦声明必须...原创 2020-03-19 12:16:54 · 209 阅读 · 0 评论 -
JavaScript之模式
JS中有许多种模式，被用来解决不同的问题，下面就总结一下。一、工厂模式工厂模式用来实例化对象和返回对象，它可以解决创建多个对象的问题，但是所创建的对象类型都一致，没办法区分对象的类型。操作实例： function Factory(n,s){ //创建一个对象 var obj={}; obj.name=n; obj.sex=s;...原创 2020-03-19 11:01:35 · 142 阅读 · 0 评论 -
JavaScript之继承
这篇博客总结一下JavaScript中的6种继承方式。一、原型链继承prototype指的是原型对象。例如：实例化的数组对象继承的Array 的原型对象console.log(Array.prototype);所有的javascript都会继承一个prototype原型对象，继承原型对象上的属性和方法。例如：date 对象 从Date.prototype 原型对象上继承属性和方法...原创 2020-03-19 10:23:22 · 157 阅读 · 0 评论 -
echarts入门
最近在学习用echarts来建立一些图表，其实echarts就是JavaScript的一个图表库，用来画一些数据图表等等。一、获取echarts库echarts有四种获取方法：1、 从 Apache ECharts (incubating) 官网下载界面 获取官方源码包后构建。2、在 ECharts 的 GitHub 获取。3、通过 npm 获取 echarts，npm install ...原创 2020-03-19 09:28:44 · 738 阅读 · 0 评论 -
jQuery之插件机制
在jQuery的高级语法里面有个插件机制，换句话说就是扩展jQuery，提供新的方法。一、插件机制jQuery.fn.extend(object) 扩展 jQuery 元素集来提供新的方法（通常用来制作插件）。jQuery.extend(object) 扩展jQuery对象本身。用来在jQuery命名空间上增加新函数。// 扩展jquery 元素集 $.fn.extend({ ...原创 2020-03-05 15:52:59 · 206 阅读 · 0 评论 -
jQuery的动画效果
jQuery里面有一些简单的动画效果，下面就总结和实践一下。一、基本效果jQuery里的基本动画效果有显示、隐藏和显示隐藏切换1、show([s,[e],[fn]]) 显示2、hide([s,[e],[fn]]) 隐藏3、toggle([s],[e],[fn]) 显示隐藏切换下面是用法练习：<!DOCTYPE html><html><head l...原创 2020-03-05 15:08:37 · 460 阅读 · 0 评论 -
jQuery基础之正则表达式及表单验证
这篇博客就来总结一下jQuery里面的正则表达式以及表单验证。一、正则表达式正则表达式的作用是用来验证字符串的格式。虽然它的内容比较繁琐，但是功能很强大。它的写法很随意，但是要注意语法规则，在此前提下就可以自己随意拼接。...原创 2020-02-23 15:05:58 · 1894 阅读 · 0 评论 -
jQuery的应用实践之分页
本篇博客主要研究一下用jQuery实现的分页效果。一、隐藏类型的分页由于是对jQuery的练习，所以能用jQuery实现的功能尽量用jQuery实现。效果图：这其中主要的部分是对按钮功能的实现，利用jQuery搭建的分页栏然后对每个按钮进行功能的嵌入。<!DOCTYPE html><html><head lang="en"> <me...原创 2020-02-17 17:28:24 · 353 阅读 · 0 评论 -
jQuery的应用实践之购物车
最近学习了jQuery的内容，做一个小型购物车来练习巩固一下。基本样式搭建首先进行基本样式的搭建，在页面里添加几个div用来布局一些购物车所需要的模块。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8">...原创 2020-02-17 15:56:57 · 437 阅读 · 0 评论 -
jQuery基础（3）
今天总结一下jQuery筛选中的过滤、查找以及串联。一、jQuery筛选中的过滤eq(index|-index)：获取子元素里面的其中某一个，根据索引来获取。$("ul>li").eq(0)；//获取子元素中索引为0的元素first()：获取第一个子元素$("ul>li").first();...原创 2020-02-17 14:40:18 · 154 阅读 · 0 评论 -
jQuery基础（2）
这次博客总结一下jQuery中的事件以及事件的处理。一、jQuery中的事件在jQuery中绑定或者移除事件，首先得页面载入完成，即：$(document).ready(function () { });这样会让事件不受影响，正常触发。事件的绑定和移除参数eve：事件，类似js里面的事件参数sel：执行该事件调用...原创 2020-02-14 16:47:14 · 128 阅读 · 0 评论 -
jQuery基础（1）
最近学习到了jQuery，边学习边总结，东西比较多请耐心看，但大多还是js和css的东西，需要区别和加深记忆。一、jQuery基本信息1、jquery 是 js用于快速开发而封装的一个框架，相对来说代码量较少，但实现功能比较多，还可以处理不同浏览器之间的兼容性问题。通俗的来说，jQuery其实就是把JS的大量语...原创 2020-02-14 15:59:45 · 153 阅读 · 0 评论 -
JavaScript基础总结（4）
最近在写一些JavaScript的实践例子，发现了一些知识点，总结一下。一、JavaScript中的数据类型es5中一共有6种数据类型，分别是：Number、String、Boolean、Null、undefined、object。es6中新增了一种：Symbol 。这种类型的对象是永不相等的，即始在创建时传入相同的赋值，可以解决属性名冲突，设置为标记。谷歌67版本中还出现了一种 bigI...原创 2020-01-08 14:20:32 · 221 阅读 · 0 评论 -
JavaScript基础总结（3）
总结一下最近学习的内容。一、bom对象 bom指的是浏览器对象模型。1、window对象 所有浏览器都支持 window 对象。它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的...原创 2020-01-02 09:58:21 · 395 阅读 · 1 评论 -
JavaScript基础总结（2）
之前总结到JavaScript事件的绑定，下面进行后面知识点的总结，并且穿插几个案例。一、JS事件的委托 首先要鲜明白一个问题，为什么JS里对集合的操作只能是用方括号【】进行单个操作？&nbs...原创 2019-12-25 10:52:13 · 137 阅读 · 0 评论 -
Javascript基础总结（1）
经过这段时间的学习，我将目前所学的JavaScript的基础部分做一个总结。一、JavaScript基础知识1、JavaScript是一个脚本语言，也是前端开发的核心语言，目前所学的是ecmascript5.0的版本，企业里用的是ecmascript6.0/es7，基本上是在5.0的基础上对语句进行了一些优化等...原创 2019-12-17 13:41:22 · 137 阅读 · 0 评论 -
Javascript基础（2）
上周进行了JS的进一步学习，学习了几个对象，以及数组的操作还有冒泡事件，下面就做一下总结。一、知识点内置对象number对象：.toString(进制数) 转换成不同进制数.toFixed(小数位数) 保留小数倍数string对象.length 字符串长度indexOf()查找字符串返回字符串位...原创 2019-12-11 11:05:18 · 22905 阅读 · 0 评论 -
Javascript入门
最近几天开始了Javascript的学习，从最基础的语句语法入手，边学习边实践，效果还不错。一、基本知识输出：alert() 弹框输出confirm() 带确定取消按钮的弹框document.write() 在文档流中输出document.getElementById.innerHTML修改页面中的html元素console.log() 在调试平台中输出输入：1、prompt(“...原创 2019-12-02 18:50:11 · 142 阅读 · 0 评论