2017年08月_面条请不要欺负汉堡

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月

原创 Vue.js常用的语法（一）

一.用列子分析在一个html文件中，我们直接可以通过script标签引入Vue.js，然后就可以在页面里写Vue.js代码了。我们通过new Vue()构建了一个Vue的实例。html文件： pejeco {{a}} app.jsvar app = new Vue({ el: '#app', data: { a: 1

2017-08-01 14:13:06 954

原创 Sass语法(二)之函数

一、基本用法1.变量SASS允许使用变量，所有变量以$开头。$blue : #1875e7;　div { color : $blue;}如果变量需要镶嵌在字符串之中，就必须需要写在#{}之中。$side : left;　 .rounded {border-#{$side}-radius: 5px; }2 计算

2017-08-31 14:33:20 1590

原创 CSS 预处理器

一.什么是css预处理器？ CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。通俗的说，“CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用。CSS 预处理器为 CSS 增加

2017-08-31 09:40:58 419

原创 Sass创建简单的项目

一.使用SASS文件就是普通的文本文件，里面可以直接使用CSS语法。文件后缀名是.scss，意思为Sassy CSS。下面的命令，可以在屏幕上显示.scss文件转化的css代码。（假设文件名为test。）sass test.scss如果要将显示结果保存成文件，后面再跟一个.css文件名。sass test.scss test.cssSASS提供四

2017-08-31 09:17:28 1737

原创 Vue.js常用的语法（二）

1.说明与比较：new Vue() 和 export default {} 在生成、导出、导入、使用 Vue 组件的时候，像我这种新手就会常常被位于不同文件的 new Vue() 和 export default{} 搞得晕头转向。它们含义到底是什么，又有什么异同呢？首先，Vue 是什么？ po 主的理解是 Vue 就是一个构造函数，生成的实例是一个巨大的对象

2017-08-30 13:28:13 562

原创 Vue.js学习笔记：props传递数据

一.传递数据就像 data 一样，prop 可以用在模板内,同样也可以在 vm 实例中像“this.message”这样使用 {{title}} import Vue from 'vue';Vue.component('child', { // 声明 props props: ['message'], template: '

2017-08-25 11:46:52 44863

转载推荐几个精致的web UI框架及常用前端UI框架

目录(?)[+]以下是几个精致的web UI框架1Aliceui2Amazeui3sui4FrozeUI5uiKit6H-ui7Weui8layui9YDUI Touch10后台UI开发框架 MuseUI7Alloy UI 功能强大的CSS UI框架以下是几个精致的web UI框架1.AliceuiAliceui是支付宝的样式解决方案

2017-08-25 09:00:27 10082

原创 Vue.js学习笔记：组件以及配合keep-alive

一.组件？1.组件 (Component) 是 Vue.js 最强大的功能之一2.组件可以扩展 HTML 元素，封装可重用的代码3.组件是自定义元素二.使用组件Vue组件的使用有3个步骤，注册组件，使用组件2个方面1.注册要注册一个全局组件，你可以使用Vue.component(tagName, options)。例如：Vue.component('

2017-08-23 10:45:01 631

一.注意点1.引入CSS在head中,JS建议在body的尾部引入;这样有利于加载速度2.this是什么？*一个关键字，一个内置的引用变量*在函数中都可以直接使用this*this代表当前函数的调用对象*在定义函数时，this还没有确定，只有在执行时才动态绑定的记住：跟函数定义没关系，跟函数的执行有大大的关系。总之就是：函数在哪里调用才决定了this到底引用的是啥3.JavaScript 对大小写...

2017-08-17 14:29:47 429

原创常用的插件

一.图片处理类1. 上传图片/文件：Web Uploader2.图片裁剪：jQuery.cropper中文API详解案例：http://fengyuanchen.github.io/cropper/3.图片预览：JS/jQuery图片查看器viewer.js4.缩略图：jQuery创建缩略图插件jQThumb5.图片轮播：Swiper Demos12款经典图片轮播jqu

2017-08-15 13:48:02 504

原创上传及裁剪图片（WebUploader+cropper）

通过百度上传webuploader使用与注意细节和 jQuery.cropper中文API详解的可以大概了解WebUploader+cropper。我结合amaze UI做的，大家可以参考看看。一.引用1.amazeUI jQuery/1.11.1/jquery.min.js">JavaScript" src

2017-08-11 10:29:07 5675

转载 jQuery.cropper中文API详解

jQuery.cropper是一款使用简单且功能强大的图片剪裁jquery插件。该图片剪裁插件支持图片放大缩小，支持图片旋转，支持触摸屏设备，支持canvas，并且支持跨浏览器使用。 cropper提供了大量的参数、方法和事件供图片的剪裁操作。安装可以通过Bower或NPM来安装该插件。 bower install croppernpm install cropper

2017-08-10 09:52:06 1230

原创 Vue.js学习笔记：过渡效果（含列表过渡）

Vue 提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加 entering/leaving 过渡条件渲染（使用v-if）条件展示（使用v-show）动态组件组件根节点一、单元素过渡一般需要过渡的元素要放在组件中，过渡有四个状态①. enter 元素进入时第一帧的状态②. enter-active 元素从进入第一

2017-08-09 15:17:15 4746

原创开始 Vue 之旅--开发项目（二）vue组件通信

上篇讲得是简单案例开发（开始 Vue 之旅--开发项目（一）），但是我们都知道项目不可能那么简单，会越来越复杂的，这时候我们就要合理的分配，使其项目更加简单明了。一.组件的分配重要是这俩种划分，但是不管这么划分其做法是一样的。下面我们以页面区域划分来做介绍二.页面区域划分---创建新项目（一）知识点及步骤app.vue是入口文件 components...

2017-08-03 16:32:25 492

原创开始 Vue 之旅--开发项目（一）

首先通过前面俩篇 Vue.js安装以及创建项目和vue.js项目结构，我们自己心中对vue项目也了解百分之80了，现在我们来开始开发项目。根据vue.js项目结构，我们了解到vue的项目结构，我们只要修改src文件里面的内容就好，其他的文件是配置好的，每个项目都是一样（有遇到特殊情况的时候，我们再来讨论）所以在这里我们直接把官网的项目打包过来，开发新的项目只要

2017-08-03 11:15:50 436

原创 vue.js--Tab选项卡

一.简单tab切换案例使用vue.js实现tab切换很简单，先使用v-for把数据遍历渲染到页面上，v-for中有一个index表示索引，将index作为参数传入到tab（index）这个函数中，在data中定义一个num变量，在title中如果index==num,这个title就会添加一个acive的class。当然，这个num是需要在tab（）这个函数中不断改变的，需要将传

2017-08-02 16:06:34 6632

原创 Vue.js学习笔记：计算属性

在模板中表达式非常便利，但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑，应当使用计算属性。计算属性就是vue实例里的computed属性，对应一个对象，里面可以放各种方法，方法的作用就是可以生成和数据变量对应的计算后的变量，跟数据相关的复杂

2017-08-02 14:22:35 645

原创常用的工具

1.FastStone Capture下载地址FastStone Capture 是一款极好用的图像浏览、编辑和截屏工具，支持 BMP、JPG、JPEG、GIF、PNG、TIFF、WMF、ICO 和 TGA 在内的主流图片格式，其独有的光滑和毛刺处理技术让图片更加清晰，提供缩放、旋转、剪切、颜色调整功能。

2017-08-02 10:32:46 267

原创 Vue.js学习笔记：v-model双向绑定

v-model指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。但是 Vue 是单项数据流，v-model 只是语法糖而已。 v-model这个指令只能用在, ,这些表单元素上，所谓双向绑定，指的就是我们在js中的vue实例中的data与其渲染的dom元素上的内容保持一致，两者无论谁被改变，另一方也会相应的更新为相同的数据。这是通过设置属性访问器实现

2017-08-01 16:45:56 7125

原创 JQuery对象和DOM对象的区别

一.分析JQuery对象和DOM对象的区别首先DOM对象是我们用传统的方法（JavaScript）获得的对象，jQuery对象就是用jQuery的类库选择器获得的对象。JQuery对象就是通过jQuery包装DOM对象后产生的对象。JQuery对象是jQuery独有的，其可以使用jQuery里的方法，但是不能使用DOM的方法；DOM对象就是javascript固有的一些对象。D

2017-08-01 09:48:52 715

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