zhang的博客

原创 jsPlumb电路图

电池</div><div id="switch" class="circuit-element">开关</div><div id="lamp" class="circuit-element">灯泡

原创 svn 工作流程

原创 js实现隔行变色

&lt;body&gt; &lt;ul&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&

原创 webpack指令打包演示

运行环境idea运行结果a.html&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Title&lt;/title&gt;&lt;/head &gt;&lt;body&a

原创 nodejs环境安装和webpack安装

第一步：登录官网 https://nodejs.org/en/ 点击lts下载。（lts是稳定版 current是最新版）第二步：安装nodejs，一直next即可。第三步：管理员身份运行cmd   输入node -v npm -v 出现版本号则表明安装成功。第四部：安装nrm     输入npm install nrm -g 然后新打开另一个cmd 输入nrm use tao...

原创 computed与watch的区别

原创 watch监控自定义属性

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Title&lt;/title&gt;    &lt;script src="vue.js"&gt;&lt;/s

原创 vue2.0路由嵌套

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;script src="vue.js"&gt;&lt;/

原创 vue2.0路由规则和传参

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Title&lt;/title&gt;    &lt;script src="vue.js"&gt;&lt;/sc

原创 vue1.0 路由规则和传参

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;script src="vue1.js"&gt;&lt;/

原创 vue2.0获得对象ref

2.0版本v-el v-ref废除，使用ref代替&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Title&lt;/title&gt;    &lt;script src="vue.

原创 vue1.0的v-el(获得dom对象) 和v-ref（获得组件对象）

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Title&lt;/title&gt;    &lt;script src="vue1.js"&gt;&lt;/s

原创 子组件向父组件传值

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Title&lt;/title&gt;    &lt;script src="vue1.js"&gt;&lt;/s

原创 父组件给子组件传值

&lt;body&gt;    &lt;template id="account"&gt;        {{id}}    &lt;/template&gt;    &lt;div id="app"&gt;        &lt;!--2.0父组件调用子组件的时候利用:绑定对应的props中定义的参数        再将值传给子组件--&gt;        &lt

原创 定义注册和组件

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Title&lt;/title&gt;    &lt;script src="vue1.js"&gt;&lt;/s

原创 定义子组件

&lt;body&gt;    &lt;div id="app"&gt;        &lt;account&gt;&lt;/account&gt;    &lt;/div&gt;&lt;/body&gt;    &lt;script&gt;        Vue.component('account',{            template:'&

原创 php基础

&lt;?php//定义变量，输出$num = 10;echo $num;echo"&lt;br/&gt;";//定义数组，输出数组$arr = array(1,3,5);print_r($arr);//取出数组元素echo "&lt;br/&gt;";echo $arr[1];echo "&lt;br/&gt;";//定义字典输出字典$dict = array(&

原创 jsonp跨域

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Title&lt;/title&gt;    &lt;script src="vue.js"&gt;&lt;/

原创 Ajax的post请求

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;script src="vue.js"&gt;&lt;/s

原创 vue-resource 实现Ajax的get请求

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Title&lt;/title&gt;    &lt;script src="vue.js"&gt;&lt;/sc

原创 全局过滤器

&lt;script&gt; //1.0 定义一个名称为datafmt的全局过滤器 Vue.filter('datefmt',function (input) { var res = ''; var year = input.getFullYear(); var month = input.getMonth() + 1; ...

原创 自定义过滤器格式化时间

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;Title&lt;/title&gt;    &lt;script src="vue.js"&gt;&lt;/sc

原创 自定义动画animate();

width：+=100 累加效果width：“hide”隐藏宽度width：toggle 切换宽度的有无

原创 侧边跟浮图片效果

&lt;script&gt;             $(function(){                 $(window).scroll(function () {                     var offset =  $("html,body").scrollTop();                     if(offset&gt;=20){            ...

原创 事件委托delegate()

&lt;script&gt; $(function(){ $("button").click(function () { $("ul").append("&lt;li&gt;新增的li&lt;/li&gt;") }); $("ul&gt;li").click(function () {

原创 事件自动触发

trigger（），triggerHandler（）；

原创 事件冒泡和默认行为

原创 jQuery事件绑定及解绑

原创 滚动条偏移

原创 addClass(),removeClass(),toggleClass();

var btn = document.getElementsByTagName("button");btn[0].onclick = function(){ $("div").addClass("class1 class2")}btn[1].onclick = function(){ $("div").removeClass("class2");}btn[2].oncli...

原创 atrr(),removeAttr(),prop(),removeProp();

$("span").eq(0).prop("demo","1");//设置属性$("span").eq(1).prop("demo","2"); console.log($("span").prop("demo"));//获取属性 $("span").removeProp("demo");//删除属性

原创 属性与属性节点

原创 内容选择器

匹配包含给定文本的元素;匹配所有不包含子元素或者文本的空元素;匹配含有选择器所匹配的元素的元素;匹配含有子元素或者文本的元素;

原创 holdReady（）函数

&lt;script&gt; $.holdReady(true); $(document).ready(function () { alert("ready"); })&lt;/script&gt;&lt;button&gt;事件&lt;/button&gt;&lt;script&gt; var btn = document.getElemen...

原创 遍历方法的区别

&lt;script src="jquery-1.8.3.min.js"&gt;&lt;/script&gt;&lt;script&gt; var arr = [1,3,5,7,9]; var obj = {0:1,1:3,2:5,length:3};//伪数组 arr.forEach(function (value,index){ console.log(in...

原创 jQuery处理冲突

原创 jQuery入口函数写法

&lt;script&gt; $(document).ready(function () { // alert("hello"); }); jQuery(document).ready(function(){ // alert("hello inj"); }); $(function () { // alert("h...

原创 初识jQuery

&lt;script src="jquery-1.1.js"&gt;&lt;/script&gt;&lt;script&gt; //1.原生js固定写法window.onload = function(ev){}