Jesen_master-CSDN博客

原创 Vue 父子组件v-model实现动态传值

最近想把项目中的数据组件做提取，这里先分类下几种数据：写死的数据看后台需要ID、需要字段设置选中项死ID设定 --- 做下拉框字典数据偶尔会变有维护设置选中项要根据获取ID设定 -- 做下拉框基础数据一直在变 -- 数据大（一直交互查询远程搜索） -- 数据小（一次拉取前端模糊查询）我们要把这三类数据分类做组件提取，思路是把组件提取...

2019-03-26 15:40:33 5249

原创闭包的两大作用

忘记了是在哪里看到的这个案例讲解，简单明了。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>闭包</title> <style>

2018-11-19 11:10:49 352

原创 Vue教程第五篇插件开发

我们来想一个问题，假如我们要做一个SPA的后台管理系统，要做到按钮级别的权限管控，思路是什么样的？首先，我们要在路由上做文章，如果我们能知道哪个路由下面有多少个按钮存在是不是就可以了，也就是我们要得到这样一个路由结构：{ path: '/directive', name: 'directive', component: directive, ...

2018-11-01 17:01:30 240

* 文本为付费内容，您已获得全文阅读权限前段时间花了不少的时间在学习和了解Vue的组件，虽然中间浅尝了Vue组件的基础，体验了其魅力，但还是有很多深层的东西未掌握，也还不能非常灵活的使用Vue的组件。但这一切并不重要，随着后面的学习，我想会对Vue越来越熟悉。这两天在看Vue中的Vue.extend构造器，今天简单的对这方面的东西做个笔记。什么是Vue.extendVue.extend返回的是...

2018-11-01 16:37:58 522

原创 Vue教程第四篇 mixins和extends

本来想讲解下自定义指令的，但是实在是简单，只要明白一些原生的DOM操作和他的内置钩子函数，基本就可定制化了。这里给大家一个连接https://www.cnblogs.com/lhl66/p/7492444.html，给大家一个学习建议，就是当你不明白他这些钩子函数里面那些参数是啥时，直接在方法体内console出来，在控制台慢慢看，方法属性，一目了然，只要思路在，想怎么玩就怎么玩。好，我们来讲...

2018-11-01 16:36:12 645

原创 Vue教程第三篇 vue-router和vuex

相较于这两个插件的使用方式来说，对这两个插件的理解更加重要，初学者一定要先理解他们适用的场景，才能明白他们各自存在的意义。大家还是多百度下概念吧，进而在看配置语法，都不会太难。vue-router这里我只讲他们的核心点，也是大家开发会面临的问题点。第一点，路由的配置，自己百度，我要说的是路由的嵌套，也就是二级路由的配置，大家要注意怎么写，还有就是什么时候才考虑使用路由嵌套。r...

2018-11-01 11:51:32 946

转载前端四种常见的 POST 提交数据方式

2018-10-31 10:42:34 3857

原创 Vue教程第二篇组件详解

上一篇我们讲了组件的构成，同时也提到了组件的嵌套和传参；另外我们还遗留了组件生命周期的概念，这两个问题我们现在来详解一下（实例为主上代码）：组件生命周期<template> <div class="app-container"> 测试组件生命周期 </div></template><script type="text...

2018-10-30 11:38:18 350

原创 ES6 forEach、every、some、reduce再次理解

刚又看了几篇关于这几个新增方法的理解，这里记录下forEach()不仅可以接受一个回掉函数，还可以接受一个可选的上下文参数（用来改变回掉函数this的指向）every和some的区别reduce应用最后有一点要提醒的是 ES6这些方法中callback回调函数中的this指向也是需要注意的点ES6 类的方法内部如果含有this,它默认指向类的实例...

2018-10-29 09:51:15 429

原创 Vue教程第一篇基础

从接触学习到项目应用，大大小小的vue项目也做了好几个，近期应公司要求需要培训下vue，于是便开始写vue教程的连载博客，网上有很多关于vue学习的教程，我在这里也只是记录下整个vue的学习心得和比较实用的知识点理解，以供他人学习和自我回查，该连载文章可能有些理解偏差的地方，如果看客您有发现或者不同见解，请您留言，我一定虚心请教、学习。写在前面：由于教程是面向很多没什么良好前端基础的公...

2018-10-26 09:57:31 625

转载 ES6 数组扩展

Js 数组——filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf() filter(): 语法：?var filteredArray = array.filter(callback[, thisObject]);参数说明：callback：要

2017-09-27 17:55:43 283

转载 ES6解构和扩展运算符

妙用ES6解构和扩展运算符让你的代码更优雅 Javascript ES6/ES2015尘埃落定，其中许多特性其实是为了简化代码。解构运算符，扩展运算符，和rest运算符就是其中很好的特性，它们可以通过减少赋值语句的使用，或者减少通过下标访问数组或对象的方式，使代码更加简洁优雅，可读性更佳。现在各浏览器及node.js都加快

2017-09-27 17:31:01 525

转载 Angularjs中的拦截器

Angularjs中的拦截器（卧槽，好牛逼）$httpAngularJS 的 $http 服务允许我们通过发送 HTTP 请求方式与后台进行通信。在某些情况下，我们希望可以俘获所有的请求，并且在将其发送到服务端之前进行操作。还有一些情况是，我们希望俘获响应，并且在完成完成调用之前处理它。一个很好例子就是处理全局 http 异常。拦截器(Interceptors)应运而生。本

2017-05-22 13:43:45 485

原创 ui-grid应用（调整了表格行高）+指定列模糊查询+联动搜索

最近在应用ng-grid升级版的ui-grid,就顺便记录了这篇文章；angular1.3.2+bootstrap3.X直接上代码view: 创建通知删除通知 -->

2017-04-12 09:49:36 3053 2

转载 angular学习笔记(三十)-指令(4)-transclude

本篇主要介绍指令的transclude属性:transclude的值有三个:1.transclude:false(默认值)不启用transclude功能. 2.transclude:true启用transclude,启用以后,有两个地方会发生变化:①.使用指令的元素内部的所有内容都会被保存起来.不妨先把这一段内容称为一坨.比如指令元素

2017-04-07 23:47:41 378

转载 AngularJs $animate 让页面动起来

$animate$animate服务提供了基本的DOM操作功能如在DOM里插入、移除和移动元素，以及添加和删除类。这个服务是ngAnimate的核心服务，为CSS和Javascript提供了高档次的动画。$animate在Angular核心都是有效的，无论如何，这个服务为了支持所有动画须包含ngAnimate模块。否则，$animate只能做简单的DOM操作。方法：

2017-04-07 23:30:56 931

转载 angular_tab

https://github.com/PARADISELIN/learn-angular/blob/master/angular-tab__better.html

2017-04-06 23:20:19 497

Jesen_master的博客