- 博客(31)
- 收藏
- 关注
RSS订阅原创 Axios的简单实用
Axios概述首先，axios是基于promise用于浏览器和node.js的http客户端特点支持浏览器和node.js支持promise能拦截请求和响应能转换请求和响应数据能取消请求自动转换json数据浏览器端支持防止CSRF（跨站请求伪造）一.安装$ npm install axios二、 例子1.发起一个get请求<input id="get01Id" ...
2019-05-05 20:44:30
248
原创 jquery对象和DOM对象的相互转换
在讨论jquery对象和DOM对象的相互转换之前，先约定好定义变量的风格如果获取的是jquery对象，那么在变量前面加上$,例如var $varible = jquery对象；如果获取的是DOM对象，则定义如下：var varible = DOM对象；1.jquery对象转成DOM对象：jquery对象不能使用DOM中的方法，但如果对jquery对象所提供的方法不熟悉，或者没有jquer...
2019-05-05 19:58:22
333
原创 JavaScript 原型
原型1，函数。prototype ：是function对象的一个属性，通过该构造函数产生的对象 都可以继承zhanghao.prototype.name='erzi';function zhanghao (){}var person = new zhanghao();console.log(person.name);//erzi2，作用：提取共有属性function zhang...
2019-05-05 19:49:51
145
原创 简单的验证码
使用随机数做一个简单的验证码1.Math.random(): 获取0~1随机数2.Math.random()*num: 代表 取一个> = 0 且 小于 num 的数3.一般会在前面 加上一个 Math.floor() 这个代表的是取整数下面为这个验证码的代码style样式 <style> .p1{ width: 150px; ...
2019-05-05 19:44:08
197
原创 改变this指向的方法
第一种 call()方法写法：函数.call(this, 内容一，内容二)第一个参数要指向的 后面的参数为函数执行的时候的实参列子window.str = 'window'; var a = { str : 'a'} function fn(){ console.log(this.str); } fn.call(); //window fn.call(window); /...
2019-05-05 19:35:08
93
原创 JavaScript 预编译
JavaScript 执行的原理函数声明整体提升 （提升到代码最前面）一个变量被声明后，变量声明提升（提升到代码最前面）同时声明变量和函数，那么函数会在变量声明的后面 （变量声明比函数声明先执行）JavaScript 的全局预编译console.log(变量);//undefinedvar 变量 = 123;function 函数(){ console.log(函数);}...
2019-05-05 19:29:40
92
原创 构造函数详解
构造函数创建对象的例子：var xiaoming = new Object() --> var xiaoming = {};var now = new Date()var rooms = new Array(1,3,5) --> var rooms = [1,3,5]var isMale=/123/; ==> var isMale=new RegExp(“123”)is...
2019-05-05 17:39:58
304
原创 JavaScript继承
继承JS中继承的概念：通过【某种方式】让一个对象可以访问到另一个对象中的属性和方法，我们把这种方式称之为继承 并不是所谓的xxx extends yyy为什么要使用继承？有些对象会有方法(动作、行为)，而这些方法都是函数，如果把这些方法和函数都放在构造函数中声明就会导致内存的浪费function Person(){ this.say=function(){ console.log("...
2019-05-05 17:11:42
80
原创 json详解
Jsonjson是什么？json是一种取代XML的数据结构,和xml相比,它更小巧但描述能力却不差,由于它的小巧所以网络传输数据将减少更多流量从而加快速度,那么,json到底是什么?JSON就是一串字符串 只不过元素会使用特定的符号标注。1，Json基本信息创建json：{ “name”:"zhangxin", ”age“:111}为了和xml有区别 属性名必须...
2019-05-05 16:54:27
110
原创 mongoDB介绍
mongoDB关系是数据库对应多个集合集合对应多个文档对象在mongo中不论是db还是集合，你都无需去创建他直接就当他已经存在，直接Use来使用use db名称;接着会被切换到该db中db.要创建的集合名称.save({});这样集合就被创建了1:启动服务器mongod --dbpath “D:/mongodb/db” // 目录一定要存在自己创建随便名称‘尽量设置在非系统盘 ...
2019-05-05 16:48:05
74
原创 vue单文件组件
简介以前文件的组织是以.HTML、.js以及.css/less/scss这些文件进行垂直分割的，而Vue中我们以组件为单位构造，因此，最好的方式是把这些不同的类型的文件与组件相关的部分，围绕组件组合成一个文件即.vue文件，我称其为水平分割。另外，在中写模板也比原来的字符串形式的模板方便的多。在webpack里面要加载*.vue文件，需要下面两个包$npm install vue-loade...
2019-05-04 22:58:54
276
原创 vue-router路由讲解
1.安装只介绍npm安装npm install vue-router --save 项目所需依赖在main.js或者app.vue中导入import Vue from 'vue';import VueRouter from 'vue-router';Vue.use(VueRouter);现在你就可以开始使用vue-router了2.结构先来简单的了解一下使用的结构，方便后面学习...
2019-05-04 22:51:55
764
1
原创 Vue-Vue组件的注册和使用
Vue-Vue组件的注册和使用全局注册：要注册一个全局组件，可以使用 Vue.component(tagName, options)。注意确保在初始化根实例之前注册组件：html代码：<div id="example"> <my-component></my-component></div>JS代码：// 注册Vue.comp...
2019-05-04 22:45:37
203
原创 Vue组件中slot的用法
Vue组件中slot的用法主要是让组件的可扩展性更强。1. 使用匿名slot//定义组件my-component<div class="myComponent"> <slot></slot></div>//使用方法<my-component> <p>我就是slot的替代内容，这里可以放任何标签元素<...
2019-05-04 22:38:14
703
原创 vue组件中props参数的应用
官方文档的代码：Vue.component('child', { // camelCase in JavaScript props: ['myMessage'], template: '<span>{{ myMessage }}</span>'})<!-- kebab-case in HTML --><child my-message=...
2019-05-04 22:34:27
2280
3
原创 jquery中的ajax使用方法
1.Get$('.manager_republish.notVIP').click(function () { $.ajax({ async: false, type: "get", url: '@Url.Action("NeedVipPermisson", "MessageDialog", new { ar...
2019-05-04 22:26:23
103
原创 JS中的DOM节点以及操作
DOM属性节点操作操作属性节点有两种当时，一种是通过普通对象的方式来操作属性节点，另外一种是通过属性节点的方法来操作属性节点。1. 元素节点.属性或元素节点[属性]如果我们可以把元素节点当成普通对象来处理，通过 元素节点.属性 或 元素节点[属性] 的方式来设置属性。注意：设置类 class 只能用 className1.1 获取属性var img = document.getElem...
2019-05-04 22:15:51
158
原创 JavaScript(jQuery)中的事件委托
一：什么是事件委托？事件委托是利用事件冒泡，只指定一个事件处理程序来管理某一类型的所有事件。二：为什么要用事件委托？1.在JavaScript中添加到页面上的事件处理程序的个数直接关系到页面的整体运行性能。为什么呢？因为，每个事件处理函数都是对象，对象会占用内存，内存中的对象越多，性能就越差。此外，必须事先指定所有的事件处理程序而导致的DOM访问次数，会延迟整个页面的交互就绪时间。2.对有...
2019-05-04 22:00:02
103
原创 阻值标签默认行为
阻止标签的默认行为, 如表单提交时, 如果内容不合法, 则要阻止提交行为再比如给a标签添加事件, 需要阻止页面跳转行为今天本人给 ul - li - a 标签添加点击事件, 点击后跳转了, 显然我是要事件起效果, 不是要它跳转, 这才想起阻止跳转行为 ,当然可以去掉这个href属性, 这样的话它就不会跳转了但是去掉href属性后, 就没有点击手势的样式, 所以应该在事件函数中这样操作:$(....
2019-05-04 21:55:11
140
原创 jQuery事件处理器的绑定及解除方法
.bind().bind(eventType [, eventData], handler)给被选元素绑定一个事件处理程序。eventType为事件类型如"click",“submit”,"mousedown"等; eventData为传给handler的数据（注意变量作用域）; handler为事件发生时运行的函数。通过 .unbind(eventType [, handler]) 解除绑定...
2019-05-04 21:50:57
193
原创 jQuery知识点总结
1. jQuery 库中的 $() 是什么？$()函数是JQuery函数的别称，就是一种标志，符合其思想：write less，do more。第一次接触可能有些不适应，是jQuery代码佶屈聱牙，晦涩难懂。我们需要适应一段时间，过一段时间，就会爱上其简洁，方便，飞起来。$()函数用于将任何对象包裹成jQuery对象，接着就可以被允许调用定义在jQuery对象上的多个不同方法。甚至可以将一个选...
2019-04-29 10:56:38
49
原创 async函数
示例async function getStockPriceByName(name) { const symbol = await getStockSymbol(name); const stockPrice = await getStockPrice(symbol); return stockPrice;} getStockPriceByName('goog').then(f...
2019-04-19 19:31:28
271
原创 promise
Promise是异步里面的一种解决方案，解决了回调嵌套的问题,es6将其进行了语言标准,同意了用法，提供了promise对象， promise对象有三种状态:pending(进行中) 、Resolved(已经完成)和Rejected(已失败)var promise=new Promise(function(resove,reject){ if (/* 异步操作成功 */){ ...
2019-04-19 19:25:34
63
原创 浅谈闭包
形式上；多成函数嵌套，实质上：在外部函数体中；执行内嵌的函数。在他爸爸的范围下执行儿子的方法注意；不是说在函数中执行函数就是闭包了，例如；在函数中执行自己的行数是递归；在函数中执行自身以外的函数通过参数形式传进来；就是回调函数要理解闭包，首先必须理解js特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。就在于函数内部可以直接读取全局变量。函数的内部，再定义一个函数。举一个例子...
2019-03-27 19:40:25
82
原创 jquery中的链式编程
jQuery可以让我们开发者一直使用点语法调用自身方法的原理，主要原因是jQuery内部利用了js的对象来实现。在jQuery中，如果一直对同一个元素或元素的其他关系元素（兄弟元素，父子元素）进行操作，那么可以使用 .语法(点语法)，一直写下去。$("#box").css("background", "pink").css("font-size":"29px");$("#box").sibli...
2019-03-27 19:38:37
928
原创 浅谈ES6块级作用域
块级作用域的好处在ES6之前只有两种作用域1.全局作用域，2.局部作用域。由于变量提升导致变量会受到污染。于是就有了块级作用域。块级作用域通过let和const来实现。let命令let和var差不多，都是用来声明变量的。区别就在于：1、 let声明的变量只在所处于的块级有效；2、 let没有‘变量提升’的特性，而是‘暂时性死区（temporal dead zone）’特性。(1.)...
2019-03-14 22:08:40
188
原创 localstorage和sessionstorage用法
简介localstorage和sessionstorage都是用来存储客户端临时信息的对象。为什么要掌握localstorage和sessionstorage呢？因为js会经常用到保存数据到本地的功能。两者的区别1.localstorage生命周期是永久的，如果用户没有清除信息，将会永久存在。sessionstorage生命周期为当前窗口或者标签页，一旦窗口或者标签页关闭了，sessions...
2019-03-14 21:49:55
481
原创 apply()和call()的区别
apply()方法定义：apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。call()方法定义：call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。两个方法的相同之处：都可以使用另一个对象来调用这个对象的方法，将另一...
2019-03-14 21:21:49
133
原创 sort()方法的用法
sort() 方法在适当的位置对数组的元素进行排序，并返回数组。数组会按照字符的Unicode进行排序（把数组里面当成字符串处理）。 var arr=[1,11,2,22,5,4,0]; arr.sort(); alert(arr)；//[0,1,11,2,22,4,5]按升序排列：var arr=[1,11,2,22,5,4,0];arr.sort(function(n1,...
2019-03-07 20:18:21
438
原创 jquery中的extend()方法
通常我们使用jquery的extend()方法时，大都是为了实现默认字段的覆盖，即若传入某个字段的值，则使用传入值，否则使用默认值。 function getOpt(option){ var _default = { name : 'wenzi', age : '25', sex : 'male' ...
2019-03-07 20:06:27
878
原创 作用域
作用域：全局作用域；局部作用域局部作用域：在函数体中声明的变量；只能在该函数体中访问全局作用域： 除了函数体中声明的变量；或者在函数图中没有var 的变量。作用：在任何地方都可以访问该变量//var 的变量// var d = 'ssss'function sum(b){var c = 2;console.log(c)console.log(b,'sssss')d = 'sss...
2019-03-06 22:32:28
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人