前端框架
关注
分享
扫一扫
描述关于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 · 280 阅读 · 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 · 285 阅读 · 0 评论 -
vue vuex应用
vuex为vue的一个插件,用来管理共享数据的,局部数据声明在自己组件内部. 没有使用vuex时,所有共享数据和操作数据的方法都声明在父组件内,数据的通信用props及pubsub等.下面是由vuex改下之前编写的一个小demo: 效果图示: 需求: header部输入任务,进行添加,在list中显示; list中每个item项,鼠标移入时,背景变灰并显示delete按钮.点击按钮可删除该项;鼠...原创 2019-11-25 01:19:20 · 224 阅读 · 0 评论 -
vue router应用及总结
编写一个小的demo，对router基础的应用学习和理解。 效果图示： 点击About在右边显示相关信息 点击Home，在下边显示相关信息，且Home下有两个路由链接，分别对应各自的路由组件 Message下有三个路由链接，对应的路由组件只有一个，只是根据传入的参数不同显示不同数据。 项目目录： 代码： 1.index.html <!DOCTYPE html> <html...原创 2019-11-21 00:01:44 · 226 阅读 · 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 · 138 阅读 · 0 评论 -
vue组件化编程应用2
写几个小案例来理解vue的组件化编程思想,下面是一个demo. 效果图示: 功能: header部输入任务,进行添加,在list中显示; list中每个item项,鼠标移入时,背景变灰并显示delete按钮.点击按钮可删除该项;鼠标移出时,恢复原样; footer部: 1.根据列表勾选状态及数量显示已完成数和全部数; 2.当已完成数为0时,不显示清除已完成任务按钮; 3.当已完成数等于全部数量时...原创 2019-11-18 03:34:10 · 315 阅读 · 0 评论 -
vue组件化编程应用
写几个小案例来理解vue的组件化编程思想,下面是一个demo. 效果图示: 功能: Add组件用于添加用户评论,提交后右边评论回复会立马显示数据.Item组件点击删除可以删除当前用户评论.当List组件中用户评论为空时,会提示"暂无评论，点击左侧添加评论". 项目目录: 代码: 1.index.html <!DOCTYPE html> <html> <head...原创 2019-11-17 23:19:08 · 258 阅读 · 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 · 172 阅读 · 0 评论 -
npm搭建vue全过程
如何在Window下安装node\cnpm，并安装vue.js，创建项目 参考链接：https://blog.csdn.net/Corey_mengxiaodong/article/details/81220305 1.安装node.js node.js的官方地址为：https://nodejs.org/en/download/。 根据windows版本后，选择要下载的安装包，下载完毕，按照win...原创 2019-11-14 21:20:47 · 329 阅读 · 0 评论 -
vue生命周期
生命周期图示 钩子 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。 new Vue({ data: { a: 1 }, created: function () { // `t...原创 2019-11-14 21:15:29 · 117 阅读 · 0 评论 -
vue指令
1.常用内置指令 v:text : 更新元素的 textContent v-html : 更新元素的 innerHTML v-if : 如果为true, 当前标签才会输出到页面 v-else: 如果为false, 当前标签才会输出到页面 v-show : 通过控制display样式来控制显示/隐藏 v-for : 遍历数组/对象 v-on : 绑定事件监听, 一般简写为@ v-bind : 强制绑...原创 2019-11-14 21:10:15 · 128 阅读 · 0 评论 -
vue基础
1.vue基本使用 vm:el / data v:v-model / {{ }} 1. 引入Vue.js 2. 创建Vue对象 el : 指定根element(选择器) data : 初始化数据(页面可以访问) 3. 双向数据绑定 : v-model 4. 显示数据 : {{xxx}} 5. 理解vue的mvvm实现 > view：模板页面 > ...原创 2019-11-14 20:55:25 · 392 阅读 · 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 · 7001 阅读 · 0 评论