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

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

原创 JavaScript DOM

一.JavaScript DOM介绍1.DOM是？中文是文档对象模型DOM是html文档的一个抽象2.js语言，DOM，网页的关系js语言操作DOM（js不能直接操作网页，只能通过DOM）,DOM的变化映射到HTML，进而显示出来。 js---》DOM--->页面--》用户视觉3.模型---DOM树js要操作网页，就必须通过DOM树

2017-10-26 14:58:08 426

原创 JavaScript中的字符串

一.字符串基本1.字符串的创建基本的数据类型 String var str = "字符串";引用的数据类型 String var strObj = new String("字符串");2.常用属性length 字符串长度var arr="abc"; console.log(arr.length)3.常用方法eg

2017-10-26 11:35:45 236

转载超完整的Chrome浏览器客户端调试大全

引言“工欲善其事，必先利其器”没错，这句话个人觉得说的特别有道理，举个例子来说吧，厉害的化妆师都有一套非常专业的刷子，散粉刷负责定妆，眼影刷负责打眼影，各司其职，有了专业的工具才能干专业的事，这个灵感要来源于之前我想买化妆品时，店里的海报标语，由此联想到，如果你想在某个事情上做好，并且做的专业，那么你一定要把你的工具用好，这样才能事半功倍，我见过很多师兄师姐，写了很多代码，能够很快的完

2017-10-24 15:19:02 412

原创 JavaScript中的原型与原型链

说原型的时候，一般都是在说原型属性prototype。一.介绍1.函数的prototype属性*所有的函数都有一个prototype属性，它默认指向一个object空对象（即称为原型对象）*原型对象中有一个属性constructor，它指向函数对象2.原型对象有什么作用？----->给原型对象添加属性（一般都是添加方法）*作用：函数的所有实例对象自动拥有原型中的属性（方法）

2017-10-23 10:21:16 459 1

原创 JavaScript 对象

一.JavaScript 对象介绍1.对象是什么？对象是程序中的对象，程序是用来描述现实生活世界。如现在要写一个程序来管理大家的信息，这边就有每个人的信息（身高，体重等），这些信息都是相互独立，如果要高效管理这些信息，就要放到一个容器（对象）中进行管理。总结：*代表现实中的某个事物，是该事物在编程中的抽象（数据，是引用数据类型）*多个数据的集合体（封装体）*用于保

2017-10-20 10:55:25 259

原创 JavaScript 中的数据&变量&内存

一.1.什么是数据？*数据是存储于内存中代表特定信息的‘东东’，本质就是0101二进制eg:18 //这个18可能只年龄或是分数等等，，写程序中的数据都要有特殊的意义。*数据具有可读和可传递的基本特性(可传递很重要) var a=2; b=a;//这个是传递a变量的数据的变量 a={2,4,5} b

2017-10-19 15:52:30 478

原创 JavaScript 中的数据类型

JavaScript 中的数据类型（重要）(1).基本数据类型（又称值类型）a.String 字符串: 特点：用双引号或单引号多包裹的内容。如：”123”; “张三”; 注意：单双引号嵌套双引号作为字符， ‘ ”” ’;单引号作为字符， “ ‘’ ”; b.Number 数字：特点：直接的数字如：1; 3.14; -1; 0; NaN;

2017-10-19 14:07:14 380

原创 JavaScript中的函数

一.函数介绍(1).什么是函数？具有特定功能的n条语句的封装体。只有函数是可执行的，其他类型的数据是不可执行的。函数也是对象。(2).函数的作用→ 提高代码复用→ 便于阅读和交流(3).函数的定义方式一：函数声明（推荐使用） function 函数名(参数列表) { //执行代码 }方式二：函数表达式（推荐使用） var

2017-10-19 08:54:48 435

原创 JavaScript基础知识

一.小细节1.JavaScript 是一门解释型的、弱类型的、基于原型的编程语言。2.JavaScript 由ECMAScript+DOM+BOM组成ECMAScript，核心语法DOM （Document Object Model）,文档对象模型。提供了操作网页内容的一系列工具（api）。BOM （Browser Object Model）,浏览器对象模型。提供了操作浏览器的

2017-10-18 10:08:10 308

原创 Ajax-JSON基本概念

一.JSON基本概念1、javaScript对象表示法（javaScript object notation）2、json是存储和交换文本信息的语法，类似xml。它使用键值对的方式来组织，易于人们阅读和编写，同时也易于机器解析和生成。3、json是独立于语言的，也就是说不管什么语言，都可以解析json，只需要按照json的规则来就行。二.json和xml比较xml也是一种传递信

2017-10-16 14:19:36 289

原创 Ajax-Http请求

一.什么是HTTP?1.是计算机通过网络进行通信的规则；2.web浏览器向web服务器发送请求命令3.是一种无状态协议（不建立持久的链接）二.一个完成的http的请求过程，通常有以下7步骤：1. 建立TCP连接2.Web浏览器向Web服务器发送请求命令3.Web浏览器发送请求头信息4.Web服务器应答5.Web服务器发送应答头信息6.Web服务器

2017-10-16 11:02:13 300

原创 Ajax-XMLHttpRequest对象

没有xmlhttprequest时，都是采用同步的做法，有了这个对象，进行了异步(比如在填写表单时，服务器会根据你填写的内容，进行马上的验证，而不是所有信息填写完后再验证)一.创建XMLHttpRequest对象1.实例化XMLHttpRequest对象var request = new XMLHttpRequest(); (ie6一下就不支持)var request =

2017-10-16 10:54:18 308

原创 AJAX 简介

一.AJAX 是什么？1.AJAX不是JavaScript的规范，它只是一个哥们“发明”的缩写：Asynchronous JavaScript and XML，意思就是用JavaScript执行异步网络请求。2.AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更

2017-10-16 09:19:21 397

转载 AngularJS中ng-class使用方法

一个元素需要在不同的状态下呈现不同的样子，而在这所谓的的样子当然就是改变其css的属性，而实现动态的改变属性值，我们就需要实现动态的更换其class属性值。ng-class是增加相关样式，可以和class同时使用实现方法：1、通过数据的双向绑定（通过$scope绑定） var myApp = angular.module('myApp',

2017-10-13 14:03:23 446

原创 AngularJS事件

一.事件1.ng-click指令允许当一个元素被点击后执行指定的表达式。 {{count}}//鼠标单击事件，不用多说2.ng-dblclickng-dblclick指令鼠标双击时{{count}}//鼠标双击事件，无需解释。3.ng-mousedown指令用于告诉 AngularJS 鼠标在指定的 HTML 元素上按下时要执行的操作。ng-mo

2017-10-13 09:49:45 466

原创 AngularJS表单验证

AngularJS提供丰富填写表单和验证。我们可以用ng-click来处理AngularJS点击按钮事件，然后使用 $dirty 和 $invalid标志做验证的方式。使用novalidate表单声明禁止任何浏览器特定的验证。表单控件使用了大量的角活动。让我们快速浏览一下有关事件先。一.事件1.ng-click鼠标单击事件2.ng-dblclick鼠标双击3.ng-mousedow

2017-10-13 09:17:09 509

原创 AngularJS操作DOM----angular.element

AngularJs是不直接操作DOM的，但是在平时的开发当中，我们有的时候还是需要操作一些DOM的，如果使用原生的JS的话操作过于麻烦，所以大家一般都是使用jQuery，jQuery虽然好用，但是AngularJs是不建议和JQuery同时使用的，所以AngularJs给我们也提供了一些操作DOM的方法———Jqlite 查阅官方提供的api，可以看到使用方法是angular.ele

2017-10-12 10:36:42 7913

原创 AngularJS过滤器以及自定义过滤器

过滤器是用来更改修改数据，并且可以在表达式或使用管道符指令将其归入。以下是常用的过滤器的列表。一.AngularJS的filter过滤器向表达式添加过滤器：可以通过一个管道字符(“|”)和一个过滤器添加到表达式中1.uppercase|lowercase:大小写转换过滤{{ youname | uppercase }}{{ youname | lowercase }}

2017-10-11 09:54:47 533

原创 AngularJS控制器(Controller)

AngularJS应用主要依赖于控制器来控制数据在应用程序中的流动。控制器采用ng-controller指令定义。控制器是一个包含属性/属性和JavaScript对象的功能。每个控制器接受$scope参数指定应用程序/模块，由控制器控制。下面我们通过例子来分析： AngularJS入门学习 <!-- 在该控

2017-10-11 09:18:31 416

原创 AngularJS常用语法

1.如何让AngularJS与HTML集成①ng-app指令指示AngularJS应用的开始。②ng-model指令创建一个名为“name”的模型变量在HTML页面中，并有ng-app指令在div内使用。③ng-bind使用模型名称只要在文本框中用户输入的东西显示在HTML span标签。④结束标记表示AngularJS应用程序的结束。2.常用的指令Angu

2017-10-10 17:11:27 845

转载 Windows下使用VisualSVN Server搭建SVN服务器

使用 VisualSVN Server来实现主要的 SVN功能则要比使用原始的 SVN和 Apache相配合来实现源代码的 SVN管理简单的多，下面就看看详细的说明。VisualSVN Server的下载地址如下，是免费的，随意不必有顾虑http://www.visualsvn.com/server/download/SVN 的下载地址如下http://tortoisesvn.

2017-10-10 16:30:43 359

原创使用Angular CLI创建项目

Angular CLI是一个命令行界面工具，它可以创建项目、添加文件以及执行一大堆开发任务，比如测试、打包和发布。1.设置开发环境①是否有安装Nodejs和npmNodeJS、NPM安装配置步骤(windows版本)②全局安装Angular CLInpm install -g @angular/cli

2017-10-10 14:20:35 521

原创变量的解构赋值

ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。只要某种数据结构具有Iterator接口，都可以进行解构。解构的规则是，只要等号右边的值不是对象，就先将其转化为对象。1.数组的解构赋值let [foo, [[bar], baz]] = [1, [[2], 3]];//foo--- 1 bar ---2 baz ---3

2017-10-10 11:25:50 248

原创 es6 let 和 const 命令

一.let1.作用域在javascript中只有全局作用域和函数作用域，并不存在块级作用域。这样，在使用时就会出现一些问题。下面我们先来举例说明let块级作用域的使用。也就是说，var声明的变量由于不存在块级作用域所以可以在全局环境中调用，而let声明的变量由于存在块级作用域所以不能在全局环境中调用。非常经典的例子：//var var a=[];for(var i=0;i<10;i++...

2017-10-09 13:44:42 311

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