前端
JS以及vue等技术相关的前台
枫林血舞
在bug的围追堵截下成长起来的阿猿
展开
-
vue学习笔记之:以对学生数据的处理作为示例实现数据过滤筛选等常规处理
示例:现有一组学生数据,通过对其中的数据筛选,获取其中的年龄最大、年龄最小、和年龄在指定区间内的学生数据学生数据: [{'name': '张三', 'sex': '男', 'age': 15}, {'name': '刘丽丽', 'sex': '女', 'age': 25}, {'name': '李艳', 'sex': '女', 'age':...原创 2019-10-16 14:49:22 · 611 阅读 · 0 评论 -
vue学习笔记之:单选框、复选框、下拉列表框的数据绑定操作
vue的一个很重要的特性就是数据绑定,而核心的指令就是:v-model使用的话分为如下步骤: 第一步:data属性中定义好绑定的值的变量 第二步:标签上通过v-model绑定好该变量 第三步:无论上通过插值表达式{{}}的方式还是在代码里通过this.的方式,都是可以获取到变化后的值的简单的实例如下:<!DOCTYPE html><html la...原创 2019-10-15 17:07:30 · 1300 阅读 · 0 评论 -
VUE学习笔记之:组件、循环渲染和生命周期函数的组合使用
示例场景:一组用户名字数据,过滤其中满足条件的数据,然后循环给到子组件首先,用户名字的数据,示例中可以直接写死在data属性中,实际开发可以在VUE实例化之后(created生命周期函数)获取代码如下:data: { nameList: [ { name: 'test1' ...原创 2019-10-12 15:46:16 · 389 阅读 · 0 评论 -
jscolor使用心得(动态生成的页面中)
背景:最近的页面上面需要用到:点击输入框出现颜色编辑框在进行选择,点击后颜色值回填到输入框中的效果,本来这个通过jscolor组件可以很轻松的实现,但是万恶的产品中期改了个需求,编辑窗口改为在弹框中进行,而需求使我只能通过动态生成弹框页面进行,然后jscolor只加载一次的情况,在这个时候就凉了jscolor:如果只是在当前页面中,在jscolor官网中有很多的demo,接入很是方便快捷,这里...原创 2019-05-09 16:45:03 · 1505 阅读 · 0 评论 -
vue通过路由传递参数
场景: 点击页面编辑按钮进入编辑页面,将当前行的数据带入编辑页面从图示的编辑点击进入编辑页面项目结构:项目是通过vue2构建的,模板用的是ElementUI路由代码如下图:首页代码如下: <template> <el-table :data="tableData" border stripe ...原创 2019-03-26 10:36:02 · 207 阅读 · 0 评论 -
ES6中使用filter进行条件过滤以及其执行效率
ES6中有一个相较于以前版本很大的一个改动:箭头函数,书面说法是叫做lambda表达式,最开始出现于python中,后来慢慢的在其他的编程语言中被推广开,JS中对于箭头函数的支持,则是在ES6推出了以后,典型的场景如下:/* jshint esversion:6 */// 导入fs模块const fs = require('fs');// 目标文件const file_name = ...原创 2019-09-29 10:50:44 · 4836 阅读 · 1 评论 -
vue学习笔记之:vue中循环使用
vue中的循环可以直接通过指令:v-for来进行,示例如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue中的循环</title> <script src="https://cdn.jsdel...原创 2019-10-10 11:00:03 · 618 阅读 · 0 评论 -
vue学习笔记之:组件的使用
1、要想使用组件,首先需要给vue注册一个组件,注册组件方式通过如下代码所示:Vue.component('todo-item', { props: ['todo'], template: '<li>{{todo.text}}</li>' });其中, props参数后是一个数组参数;通过props可以实现父组件向子组...原创 2019-10-10 15:02:11 · 120 阅读 · 0 评论