![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端框架
描述关于echarts、bootstrap、element、vue、jquery、JavaScript等前端框架
smile radiantly
Smile to life can influence the damp mood, erase unhappy colors。
展开
-
jquery对dom操作的一系列方法总结
一.dom对象和jq对象1.对象含义dom对象:js方法获取元素,将dom对象存储在变量中jq对象:jq方法获取元素的jq对象,将jq对象存储在变量中相互之间不能使用另外一个对象的任何属性和方法2.相互之间的转化a.jq转为dom:get([index])方法:不带参数时,返回一个dom对象的数组; 带参数时,返回第(index+1)个元素的dom对象(索引从0开始);[i...原创 2019-12-04 02:28:19 · 223 阅读 · 0 评论 -
jquery概述及选择器介绍
一.jQuery概述1.基本功能a.访问和操作DOM元素:获取元素,修改其样式和内容,删除元素,复制元素…b.对页面事件的处理:不需要指定事件中的函数名,直接在事件中绑定响应函数(匿名函数)c.插件的运用:验证插件,UI插件…d.Ajax技术的结合:$.ajax({“json格式”}); Ajax异步读取服务器数据2.代码特点a.$符号特点b.隐式循环c.链式书写3....原创 2019-12-04 02:14:43 · 240 阅读 · 0 评论 -
vue vuex应用
vuex为vue的一个插件,用来管理共享数据的,局部数据声明在自己组件内部.没有使用vuex时,所有共享数据和操作数据的方法都声明在父组件内,数据的通信用props及pubsub等.下面是由vuex改下之前编写的一个小demo:效果图示:需求:header部输入任务,进行添加,在list中显示;list中每个item项,鼠标移入时,背景变灰并显示delete按钮.点击按钮可删除该项;鼠...原创 2019-11-25 01:19:20 · 192 阅读 · 0 评论 -
vue router应用及总结
编写一个小的demo,对router基础的应用学习和理解。效果图示:点击About在右边显示相关信息点击Home,在下边显示相关信息,且Home下有两个路由链接,分别对应各自的路由组件Message下有三个路由链接,对应的路由组件只有一个,只是根据传入的参数不同显示不同数据。项目目录:代码:1.index.html<!DOCTYPE html><html...原创 2019-11-21 00:01:44 · 168 阅读 · 0 评论 -
vue axios应用
编写小的demo应用axios异步请求.效果图示:功能: 用户在输入框中输入信息进行搜索,并搜索状态随之改变(四种状态).项目目录:代码:1.index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport"...原创 2019-11-19 03:02:01 · 103 阅读 · 0 评论 -
vue组件化编程应用2
写几个小案例来理解vue的组件化编程思想,下面是一个demo.效果图示:功能:header部输入任务,进行添加,在list中显示;list中每个item项,鼠标移入时,背景变灰并显示delete按钮.点击按钮可删除该项;鼠标移出时,恢复原样;footer部: 1.根据列表勾选状态及数量显示已完成数和全部数; 2.当已完成数为0时,不显示清除已完成任务按钮; 3.当已完成数等于全部数量时...原创 2019-11-18 03:34:10 · 287 阅读 · 0 评论 -
vue组件化编程应用
写几个小案例来理解vue的组件化编程思想,下面是一个demo.效果图示:功能: Add组件用于添加用户评论,提交后右边评论回复会立马显示数据.Item组件点击删除可以删除当前用户评论.当List组件中用户评论为空时,会提示"暂无评论,点击左侧添加评论".项目目录:代码:1.index.html<!DOCTYPE html><html> <head...原创 2019-11-17 23:19:08 · 215 阅读 · 0 评论 -
vue组件化编程
一:vue项目目录build :webpack.base.conf.js :config --> index.js二:组件化编程相关文件分析1.主页面index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name...原创 2019-11-16 23:50:59 · 142 阅读 · 0 评论 -
npm搭建vue全过程
如何在Window下安装node\cnpm,并安装vue.js,创建项目参考链接:https://blog.csdn.net/Corey_mengxiaodong/article/details/812203051.安装node.jsnode.js的官方地址为:https://nodejs.org/en/download/。根据windows版本后,选择要下载的安装包,下载完毕,按照win...原创 2019-11-14 21:20:47 · 272 阅读 · 0 评论 -
vue生命周期
生命周期图示钩子每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。new Vue({ data: { a: 1 }, created: function () { // `t...原创 2019-11-14 21:15:29 · 83 阅读 · 0 评论 -
vue指令
1.常用内置指令v:text : 更新元素的 textContentv-html : 更新元素的 innerHTMLv-if : 如果为true, 当前标签才会输出到页面v-else: 如果为false, 当前标签才会输出到页面v-show : 通过控制display样式来控制显示/隐藏v-for : 遍历数组/对象v-on : 绑定事件监听, 一般简写为@v-bind : 强制绑...原创 2019-11-14 21:10:15 · 99 阅读 · 0 评论 -
vue基础
1.vue基本使用vm:el / datav:v-model / {{ }}1. 引入Vue.js2. 创建Vue对象 el : 指定根element(选择器) data : 初始化数据(页面可以访问)3. 双向数据绑定 : v-model4. 显示数据 : {{xxx}}5. 理解vue的mvvm实现 > view:模板页面 > ...原创 2019-11-14 20:55:25 · 348 阅读 · 0 评论 -
Element-ui 使用详细介绍
一.后台搭建Element是(饿了么团队)基于MVVM框架Vue开源出来的一套前端ui组件。使用 vue-admin-template 来快速搭建后台管理,gathering.vue<template> <div> <br/> <el-form :inline="true"> <el-form-item ...原创 2019-12-02 19:02:39 · 6746 阅读 · 0 评论