2018年03月_面条请不要欺负汉堡

11月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 nodeJs + webpack+vue+ element ui 环境安装

一.安装nodeJs1.打开NodeJs官网：https://nodejs.org/en/download/ 点击下载2.双击安装，安装过程基本直接“NEXT”就可以了。（windows的安装msi文件在过程中会直接添加path的系统变量，变量值是你的安装路径，例如“C:\Program Files\nodejs”）3.安装完成后可以使用cmd（win+r然后输入cmd进入）测试下是...

2018-03-22 13:04:32 33427 3

原创用 vue-route实现导航守卫

一.介绍1.导航守卫表示路由正在发生改变，主要用来通过跳转或取消的方式守卫导航。例如判断登录信息：没登录全部跳到登录页。判断必要操作是否进行没进行的话中断跳转。2.分类分为三大类：全局守卫、路由守卫、组件守卫二.全局守卫当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫 resolve 完之前一直处于等待中。 1. beforeEach 2. before...

2018-03-29 11:01:45 2288

原创 vue-router 基本语法

一.介绍1.路由路由其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 2.vue-router当你要把 vue-router 添加到项目。我们需要将组件(components)映射到路...

2018-03-28 18:07:00 4399

原创 vue-router 路由组件传参

1.最简单的用 name传参$route.name 输出的是当前路由，不过这个一般不用1.在路由文件router/index.js里配置name属性。routes: [ { path: '/', name: 'Hello', component: Hello }]2.模板里(src/App.vue)用$router.name...

2018-03-28 17:34:27 6463 2

原创 vue-router 常用API

一.Router 实例---方法1.增加全局的导航守卫参考导航守卫。 router.beforeEach(guard) router.beforeResolve(guard) (2.5.0+): 此时异步组件已经加载完成 router.afterEach(hook)2.动态的导航到一个新 URL。参考编程式导航。 router.push(location, onComplete?,...

2018-03-28 17:18:54 3904

原创 axios基本用法

一.axios1.什么是axiosaxios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端。简单的理解就是ajax的封装它本身具有以下特征： a.从浏览器中创建 XMLHttpRequest b.从 node.js 发出 http 请求 c.支持 Promise API e.拦截请求和响应 f.转换请求和响应数据 g.取消...

2018-03-28 14:23:50 82664 8

原创 mockjs的常用方法

一.mock.mock()根据数据模板生成模拟数据。更关键的是，我们发起Ajax请求的时候要能够接收到这些数据。这就是Mock.mock()的作用啦！Mock.mock( rurl?, rtype?, template|function( options ) )(1).参数的含义和默认值参数 rurl：可选。表示需要拦截的 URL，可以是 URL 字符串或 URL 正则。例如 /\/domain\...

2018-03-28 11:28:02 5685 2

原创 vue+mockjs安装及语法规范

一.了解mock(1).mockjs介绍mock.js是模拟后端的数据，脱离后端独立开发，实现增删改查功能(2).官网描述的是1.前后端分离2.不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。3.数据类型丰富4.通过随机数据，模拟各种场景。(3).安装-使用1.在搭建好的vue项目中 cdpractice_project\elements-demo (elements-de...

2018-03-28 10:17:52 4510

原创 Vuex之理解action的用法

一.什么是actions？背景：在mutation中我们讲到，mutation中是存放处理数据的方法的集合，我们使用的时候需要commit。但是commit是同步函数，而且只能是同步执行。那我们想异步操作怎么办？作用：在actions中提交mutation，并且可以包含任何的异步操作。actions可以理解为通过将mutations里面处里数据的方法变成可异步的处理数据的方法，简单的说就是异步操作...

2018-03-26 15:19:34 37882

原创 Vuex之理解mutation的用法

一.什么是mutation通俗的理解mutations,里面装着一些改变数据方法的集合，这是Veux设计很重要的一点，就是把处理数据逻辑方法全部放在mutations里面，使得数据和视图分离。切记：Vuex中store数据改变的唯一方法就是mutation！二.怎么用mutations？1.mutation结构每一个mutation都有一个字符串类型的事件类型(type)和回调函数(handler...

2018-03-26 14:17:16 25268

原创 Vuex之理解Getters的用法

一.什么是getters在介绍state中我们了解到，在Store仓库里，state就是用来存放数据，若是对数据进行处理输出，比如数据要过滤，一般我们可以写到computed中。但是如果很多组件都使用这个过滤后的数据，比如饼状图组件和曲线图组件，我们是否可以把这个数据抽提出来共享？这就是getters存在的意义。我们可以认为，【getters】是store的计算属性。二.操作通过属性访问，通过方法...

2018-03-26 10:44:47 92324 5

原创 Vuex简单入门

一.什么是VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理架构。它借鉴了 Flux 和 Redux的设计思想,它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。。状态？理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。二.Vuex的组成部分完整的应用Vuex开发的应用...

2018-03-26 09:21:43 498

原创 js数据结构和算法(三)链表（linked list）

链表是一种常见的数据结构，也属于线性表，但不会按线性的顺序来储存数据。而是在每一个节点中，储存了下一个节点的指针。可以看图理解。使用链表结构可以克服数组需要预先知道数据大小的缺点，链表结构可以充分利用计算机内存空间，实现灵活的内存动态管理。链表一般有，单链表、静态链表、循环链表、双向链表1.单链表：就是很单一的向下传递，每一个节点只记录下一个节点的信息，就跟无间道中的梁朝伟一样做卧底都是通过中间人...

2018-03-20 17:39:04 1380

原创 js数据结构和算法(二)栈和队列

一.栈1.定义栈是一种重要的线性结构。栈（Stack）是一个后进先出（Last in first out,LIFO）的线性表，它要求只在表尾进行删除和插入操作。对于栈来说，这个表尾称为栈的栈顶，相应的表头称为栈底。栈的操作只能在这个线性表的表尾进行：栈的插入操作（Push），叫做进栈，也称为压栈，入栈。栈的删除操作（Pop），叫做出栈，也称为弹栈。2.栈的顺序存储结构因为栈的本...

2018-03-16 17:27:21 347 1

原创 js数据结构和算法(一)数组和散列表

程序设计=数据结构+算法一.数据结构1.什么是数据结构数据结构就是关系，没错，就是数据元素相互之间存在的一种或多种特定关系的集合。传统上，我们把数据结构分为逻辑结构和物理结构。逻辑结构：是指数据对象中数据元素之间的相互关系，也是我们今后最需要关注和讨论的问题。物理结构：是指数据的逻辑结构在计算机中的存储形式。2.常用的数据结构有：数组，队列（queue），堆（heap）,栈（stack），链表（l...

2018-03-16 15:49:56 1084

原创 js中三目运算符和&& || 符

一.三目运算表达式：conditions ? statementA : statementB ;首先判断条件condition，若结果为真则执行语句statementA，否则执行语句statementB。var age1=23;var age2=24;age1>age2?true:false;//false1.statementA 或 statementB 里面可以也可以放函数哦。va...

2018-03-16 10:50:25 4532

原创 JavaScript设计模式(一)工厂模式,原型模式,构造器模式

一.什么是模式1.模式是一种可复用的解决方案，而反模式呢就是针对某个问题的不良解决方案。2.js反模式常见例子①向setTimeout和setInterval传递字符串，而不是函数，这会触发eval()的内部使用。②在全局上下文中定义大量的变量污染全局命名空间③修改Object类的原型④以内联形式使用js，嵌入在HTML文件中的js代码是无法包含在外部单元测试工具中的。⑤滥用document.wr...

2018-03-15 16:38:23 406

vue3+wangEditor5自定义上传音频+视频

wangEditor5用在Vue3中自定义扩展音频、视频、图片菜单；并扩展音频元素节点，保证音频节点的插入、读取、回写功能正常；支持动态修改尺寸

2023-07-05

select2首字母

select2 插件要首字母搜索时，请添加这个pinyin.js的插件

2019-02-26

ztree官网案例

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 zTree 是开源免费的软件（MIT 许可证）。如果您对 zTree 感兴趣或者愿意资助 zTree 继续发展下去，可以进行捐助。

2018-07-09

mongobooster可视化工具

mongobooster可视化工具，不用安装，下载解压直接打开就可以使用

2018-06-11

web页面批量打印

批量打印 HTML：打印页面预览，跳转到打印那边使其分页（使每个报告单占据一页）

2018-01-31

PLSQL Developer

PLSQL Developer 7.1.5.1398 中文破解版 32位中文破解版

2017-11-28

瀑布流waterfall

瀑布流布局插件waterfall，这是基于jquery，类似于 Pinterest、花瓣、发现啦。直接引用js就好。兼容ie8等浏览器

2017-09-12

全国省份城市

这里面包括：js原生态最新版本省市县全国地名选择input插件和jQuery省市区三级联动（将代码片段封装成了jQuery插件）

2017-09-12

验证码生成

图形验证码插件gVerify.js：纯JS实现图片验证码功能，简单好用，实现完美。但是说要兼容IE8以下，是不行的。

2017-09-12

百度地图map

基于jQuery的百度地图，实现省、市、区三级联动，然后您可以再结合百度API控件增加功能。百度地图兼容ie7等

2017-09-12

鼠标悬停图片动画

20款css3鼠标悬停图片动画过渡特效:鼠标移上图片，显示一些内容或是另一张图片，这个过程中产生的效果动画的多样性。

2017-09-11

webuploader上传图片源码

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。此文件中webuploader上传图片的案例以及webuploader+cropper裁剪图片，还有md5-demo等案例。

2017-09-01

cropper裁剪案例

jQuery.cropper是一款使用简单且功能强大的图片剪裁jquery插件。该图片剪裁插件支持图片放大缩小，支持图片旋转，支持触摸屏设备，支持canvas，并且支持跨浏览器使用。

2017-09-01

小程序案例1

微信小程序（选项卡,轮播图,弹出框,上传图片/获取图片信息,滚动区/无限滚动,链接,列表, 无限滚动,音乐播放,表单,下拉菜单,搜索, 预览图片,拖放图片,上传文件）

2017-08-29

常见视频插件

视频插件，不支持ie8一下

2017-08-15

WebUploader+cropper

上传图片以及裁剪图片，用WebUploader+cropper结合使用

2017-08-11

FLIP 动画实现多维网格的过渡

内部的实现，Vue 使用了一个叫 FLIP 简单的动画队列使用 transforms 将元素从之前的位置平滑过渡新的位置。我们将之前实现的例子和这个技术结合，使我们列表的一切变动都会有动画过渡

2017-08-09

简单vue2开发

Vue.js（读音 /vjuː/，类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。

2017-08-08

webuploader上传图片

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样的调用方式，可供用户任意选用。采用大文件分片并发上传，极大的提高了文件上传效率。

2017-08-07