2018年07月_muzidigbig

转载 git--SourceTree项目的管理工具

一、SourceTree简介SourceTree 是 Windows 和Mac OS X 下免费的 Git 和 Hg 客户端，拥有可视化界面，容易上手操作。同时它也是Mercurial和Subversion版本控制系统工具。支持创建、提交、clone、push、pull 和merge等操作。二、下载安装SourceTree步骤一、下载地址：https://www.sourcetree...

2018-07-31 11:53:40 3117

原创 vue.js基础02--computed、watch、methods区别、自定义组件components及组件其他使用细节

1.vue实例中的计算属性选项计算属性关键词: computed。在一个计算属性里可以完成各种复杂的逻辑，包括运算、函数调用等，只要最终返回一个结果就可以。<body><div id="example"> <p>Original message: "{{ message }}"</p> <p>Compute...

2018-07-25 17:55:26 3885

一、vue的概述及vue的入门小实例vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时请先抛开手动操作DOM的思维，因为Vue.js是数据驱动的，你无需手动操作D...v-if和v-for为什么不建议同时使用

2018-07-25 14:32:56 4370 4

原创在vue-cli脚手架中vantUI

第一步：需要我们创建一个vue-cli脚手架项目，步骤如右侧文章链接(vue-cli脚手架安装步骤)第二步：通过cd ...进入我们的项目中，开始引入我们的vantUi库安装Vant（进入项目中）npm i vant -S：这是简写形式。npm install vant --save:这是完整写法。如果你网络很慢的话，可以使用淘宝的源，但是不建议使用cnpm来进行安装。np...

2018-07-19 20:20:47 7345 6

原创 js--补漏篇 addEventListener/attachEvent 和onXXX的用法及区别

首先介绍它们的用法：1.addEventListener()的用法：（同一个 dom 元素上，addEventListener 同/不同类型事件可以绑定多个。）形式：addEventListener(eventName,funtionName,useCapture)参数：event:事件的类型如 “click”（不要使用 "on" 前缀。例如，使用 "click" ,而不是使用 ...

2018-07-18 14:47:49 1146

原创 vue的ajax（Axios从远程/后台读取数据）

Axios从远程读取数据学习Axios的知识，并把数据从远端读取到页面上。后端数据，只要调用相应的页面就可以调取，在实际开发中，这些后台数据是需要后端程序员和你共同讨论制作的。我们现在只做前端，数据大家只要会调用即可。Axios是一个基于Promise（ES6中用于处理异步的）的HTTP库，用于浏览器和node.js中，API。浏览器中创建XMLHttpRequests 从node....

2018-07-18 11:29:04 35459 3

原创 vue构建pc端项目（ElementUI）、vue入门小应用

Webpack+Vue-router的架构方式Vue-cli安装省略（vue-cli搭建） ElementUI库（pc端）的引用（见下文）打包（项目完成后打包放服务器）在项目目录下运行 npm run build 运行完成之后会在项目里面增加一个dist的目录，直接把这个目录丢给服务器就好了，dist目录的名字可以自定义在配置文件里面上面1、2项完成好后，在命令框中 ...

2018-07-18 11:16:57 15709 1

原创 js 变量声明（var使用与不使用的区别）

一、区分显示的声明与隐式声明（var）JS中变量声明分显式声明和隐式声明。var name = 'muzidigbig';//显示声明 name = 'muzidigbig';//隐式声明（为全局变量的一个属性）在函数中使用var关键字进行显式声明的变量是做为局部变量，在全局范围内声明的变量为全局变量；而没有用var关键字，使用直接赋值方式声明的是全局变量（全局对象属性）。/...

2018-07-17 09:52:31 6175

原创 js--事件对象（keyCode、target）、js三大特效（offset、scroll、client）、js原生获取宽高度滚动个的距离

Event 对象Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！Ie9以下浏览器中的事件对象是放在全局中的window.event;解决兼容性：event = event || window.eventscreenX、pageX和clientX的区别Pag...

2018-07-16 16:54:51 2307 1

原创 jq07--隐式迭代、遍历each()、jq插件机制($.fn.extend()/$.extend)、trim()、extend()、

1 链式编程链式编程原理：return this;通常情况下，只有设置操作才能把链式编程延续下去。因为获取操作的时候，会返回获取到的相应的值，无法返回 this。end(); // 结束当前链最近的一次过滤操作，并且返回匹配元素之前的状态。2 隐式迭代隐式迭代的意思是：在方法的内部会为匹配到的所有元素进行循环遍历，执行相应的方法；而不用我们再进行循环，简化我们的操作，方便我们调用。如果获取...

2018-07-13 16:26:29 542 1

原创 jq02--尺寸位置、height()/width()、offset()、position()、scrollTop()/scrollLeft()

1 尺寸位置操作1.1 高度和宽度操作（尺寸）高度操作height()/width() ：作用：设置或获取匹配元素的高度/宽度值（返回number）width([val|fn])//带参数表示设置高度$(selector).height(200);//不带参数获取高度$(selector).height();//带回调函数$(selector).w...

2018-07-13 12:01:30 218

原创 jq06--jq事件对象、event、data、pageX/pageY、target、keyCode、which

1 jQuery事件对象介绍概述：jq事件对象可以简单的理解成对象发生完绑定事件后每个对象所对应的处理函数的event参数事件处理函数不给event参数虽然也可打印出event，但是打印出来的对象缺少很多数据（下面可自行再控制台打开查找不同）建议在事件处理函数上添加event参数<!DOCTYPE html><html lang="en"><head>...

2018-07-13 07:25:13 486

原创 jq05--强大的jq事件(事件处理)、on()、bind()、delegate()、hover()

1. jQuery事件机制jQuery的事件机制，指的是：jQuery对JavaScript操作DOM事件的封装，包括了：事件绑定、事件解绑、事件触发。最主要的特点：可以给DOM对象绑定多个事件2. jQuery事件的发展历程（了解）简单事件绑定(单个事件 <详见jq04>) >> bind事件绑定 >> delegate事件绑定 >> on【...

2018-07-12 14:59:59 2580

原创 jq04--事件点击、焦点、改变、选择、表单提交、鼠标、窗口

jq事件api1.点击事件 click()、dbclick()2.焦点事件 focus()、blur()3.改变事件 change()4.选择事件 select()5.表单提交事件 submit()6.鼠标事件鼠标针对对象事件 mousedown()、mouseup()、mouseover()、mouseout() ...

2018-07-11 07:42:11 302

原创 jq04--自定义动画animate()、hide()/show()/toggle()、slideUp()/slideDown()/slideToggle()、fadeIn()/fadeOut()

jq的动画实质是通过dom+自定义animate()（进行封装的最大的区别就是给它起了一个语义化的名称；api中的动画是把常用的封装好了我们直接调用即可，api中的动画基本上都是脱标）1.animate(params,[speed],[easing],[fn]);自定义动画参数详解：params:一组包含作为动画属性和终值的样式属性和及其值的集合（必选，json的形式）speed:...

2018-07-10 18:13:55 701

原创 jq03--$的解释、jq与js对象的相互转换、jq增删节点（remove()、empty()、detach()的区别）

1. jQuery的$符号（重点）jquery对象是一个数组。数组中包含着原生JS中的DOM对象。可以通过从数组中取值的方式获得所需要的dom对象js命名规范允许出现的字符有：数字、字母、下划线、$。Js命名规范允许作为变量命名开头的字符有：字母、下划线、$；但是，不允许以数字作为变量命名的开头。var $ = “我是字符串”;var $ = 123;function ...

2018-07-09 22:13:52 912

原创 css隐藏元素的六种方法

用css隐藏页面元素有许多种方法：display:none (通过隐藏盒子属性，脱标)visibility:hidden(通过隐藏盒子属性，不脱标)opacity:0 (t)(通过改变元素的透明度，不脱标)position:absolute(通过定位将元素定到远离页面的位置，脱标)cli-path:polygon(0px 0px , 0px 0px,0px 0p...

2018-07-09 11:09:24 12196

原创 jq02--style样式操作、css样式操作、标签属性操作、文本操作

1 样式操作样式属性操作 .css()作用：设置或获取元素的样式属性值1. 设置样式属性操作：a.设置单个样式：// 第一个参数表示：样式属性名称// 第二个参数表示：样式属性值$(selector).css(“color”, “red”);b.设置多个样式：（也可以用来设置单个）// 参数为 {}（对象）$(selector).css({“colo...

2018-07-09 08:00:29 838

原创 jq01--jq特征、jq与js区别、jq入口函数（执行机制）、jq的常用选择器

1jQuery是什么？1.1 jQuery描述（理解）jQuery是js的一个库，封装了我们开发过程中常用的一些功能，方便我们来调用，提高了我们的开发效率。Js库是把我们常用的功能放到一个单独的文件中，我们用的时候，直接引用到页面里面来就可以了。animate.js(JQurey.js)是我们自己封装的库，而jQuery是别人帮我们封装好的库。jQuery名词解释：jQ...

2018-07-09 07:23:33 562

原创 jq--ajax

Jquery的Ajax技术（重点）jquery是一个优秀的js框架，自然对js原生的ajax进行了封装，封装后的ajax的操作方法更简洁，功能更强大，与ajax操作相关的jquery方法有如下几种，但开发中经常使用的有三种：1）$.get(url, [data], [callback], [type])2）$.post(url, [data], [callback],...

2018-07-08 22:28:18 4728 2

原创 js高级03--事件对象、事件委托

Ie9以下浏览器中的事件对象是放在全局中的window.event;解决兼容性：event = event || window.event事件委托（就是将事件绑定到父级/爷爷级对象上，通过事件对象的target属性来控制子级对象的改变）：event.target（点击的目标对象）<!DOCTYPE html><html lang="en"><head> &...

2018-07-08 20:50:32 327 1

原创 js-ajax(js)

一、Ajax概述1．什么是同步，什么是异步同步现象：客户端发送请求到服务器端，当服务器返回响应之前，客户端都处于等待卡死状态（不能进行其他操作）异步现象：客户端发送请求到服务器端，无论服务器是否返回响应，客户端都可以随意做其他事情，不会被卡死（可以进行其他操作）2．Ajax的运行原理页面发起请求，会将请求发送给浏览器内核中的Ajax引擎，Ajax引擎会提...

2018-07-03 11:03:11 3185 1

原创 http协议、get与post的区别、web资源

1．什么是Http协议HTTP，超文本传输协议（HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法2．Http协议的组成Http协议由Http请求和Http响应组成，当在浏览器中输入网址访问某个网站时，你的浏览器会将你的请求封装成一个...

2018-07-03 10:15:40 912 2

原创 js高级04-- 沙箱模式、函数的4种调用模式（call()、apply()）、构造函数的return关键字

沙箱：<script> //沙箱 //与外界隔绝的一个环境，外界无法修改该环境内任何信息，沙箱内的东西单独属于一个世界 //360沙箱模式 //将软件和操作系统进行隔离，以达到安全的目的 //苹果手的app使用的就是沙箱模式去运行 //隔离app的空间，每个app独立运行 //JS中的沙箱模式 //沙箱模式的基...

2018-07-02 06:53:44 2214 2

原创 js高级01--变量提升（预解析）、作用域、作用域链、递归、闭包

JavaScript是解释型的语言，但是他并不是真的在运行的时候逐句的往下解析执行。我们来看下面这个例子：func();functionfunc(){ alert("Funciton has been called");}在上面这段代码中，函数func的调用是在其声明之前，如果说JavaScript代码真的是逐句的解析执行，那么在第一句调用的时候就会出错，然而事实...

2018-07-01 22:39:35 252 2

muzidigbig的博客