- 博客(29)
- 收藏
- 关注
RSS订阅原创 Vue中快速解决跨越的问题
解决跨越问题以百度音乐接口为例：1.在项目的 config 文件夹中的 index.js 加入如下代码： dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { "/baidu_music_api": { target: ...
2019-05-14 20:58:28
1984
原创 Vue中的路由介绍
路由原理传统开发方式 url改变后 立刻发起请求，响应整个页面，渲染整个页面SPA 锚点值改变后 不会发起请求,发起ajax请求,局部改变页面数据页面不跳转 用户体验更好SPAsingle page application(单页应用程序)前端路由锚点值监视ajax获取动态数据核心点是锚点值前端框架 Vue/angular/react都很适合开发单页应用基本...
2019-05-07 09:18:48
1856
原创 Vue之常用指令介绍
什么是指令在vue中提供了一些对于页面 + 数据的更为方便的输出,这些操作就叫做指令, 以v-xxx表示比如html页面中的属性 `````比如在angular中 以ng-xxx开头的就叫做指令在vue中 以v-xxx开头的就叫做指令指令中封装了一些DOM行为, 结合属性作为一个暗号, 暗号有对应的值,根据不同的值，框架会进行相关DOM操作的绑定vue中常用的v...
2019-05-07 08:56:57
1246
原创 Vue之简单介绍
安装Vuenpm init -ynpm i vue@版本号 --save什么是Vue.jsVue.js是目前最火的一个前端框架Vue.js是前端的主流框架之一，和Angular.js，React.js一起，并称为前端三大框架；Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅容易上手，还便于第三方库或既有项目整合，（Vue有配套的第三方类库，可以整合起来做大型项目的开发）...
2019-05-07 08:46:16
525
原创 this指向的改变方法
第一种 call()方法写法：函数.call(this, 内容一，内容二)第一个参数要指向的 后面的参数为函数执行的时候的实参示例代码：window.str = 'window';var a = { str : 'a'}function fn(){console.log(this.str);}fn.call(); //windowfn.call(window); //w...
2019-05-06 19:59:46
218
原创 MongoDB的简单使用
官方文档：https://wizardforcel.gitbooks.io/w3school-mongodb/content/16.html一个数据库对应多个集合一个集合对应多个文档对象在mongo中不论是db还是集合，你都无需去创建他直接就当他已经存在，直接Use来使用use db名称;接着会被切换到该db中db.要创建的集合名称.save({});这样集合就被创建了...
2019-05-06 19:48:39
163
原创 开发工作模式
前后端不分开前端的工作前端写的是模板引擎 也就是我们的页面（css js）交互：有服务端完成前端做什么交互，发请求，请求成功后，可以有服务端完成，服务端接收到请求后，验证通过后，会响应前端模板+模板数据前端不需要：路由、模块。后端的工作工作：写接口写响应 过程。 返回的是模板+模板中应用得数据把前端放入到自己的项目中。技术：路由 : 写接口模块化: 实...
2019-05-06 19:48:07
265
原创 Node之koa框架
koa代码编写上避免了多层的嵌套异步函数调用 async await来解决异步async await 需要依赖于promise更轻… 减少了内置的中间件 express.static处理静态资源的内置中间件 express.Router() 路由启动步骤引入Koa构造函数对象 const Koa = require('koa')创建服务器示例对象 const app ...
2019-05-06 16:04:17
205
原创 Express之模板渲染
express 内置的模板引擎内置的模板引擎你不需要去注册一个模板引擎ejs<% js 逻辑代码 %> <% if(ture){ %> // 模板 一般模板就是html 标签 <% } %> // 2模板渲染数据 <%= js渲染的数据%> <div><%= data....
2019-05-06 15:36:37
1572
原创 Node基础之express框架
简单语法var express = require('express');var app = express();app.get('/', function (req, res) { res.send('hello express');});app.listen(3000, function () { console.log('app is running at port 3000'...
2019-05-06 15:29:17
129
原创 Node基础之内置对象
分类一个文件一个模块；一个模块一个对象全局对象: 何时何处都能访问 。 全局对象就是在系统中核心对象: 放在node.exe 中 向系统索要,引入即可使用自定义对象: 按路径引入即可 自己创建的模块；导出、导入process（全局对象）每个系统的环境变量几乎都不一样，可以利用环境变量中的具体某个特定的值来区分不同的机器process.env 是一个对象，我们可以通过其.属...
2019-05-06 15:12:42
1293
原创 Node基础之特点和使用
为什么学习Node?IO优势IO I—inputu 读取文件 o — outinput 写入文件对于文件读写,Node采用的是非阻塞IO传统IO在读写文件的时候CPU来处理,而代码执行也处于等待中,浪费性能非阻塞IO将读写操作交给CPU,而代码正常执行,减少等待浪费的性能应用场景实际应用: webpack/gulp/npm/http-server/json-server服务器...
2019-05-06 15:07:55
134
原创 jQuery实现简单的雪花下落样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-04-13 17:12:14
928
原创 HTTP 中request和response 对象的具体介绍
概述Web服务器收到客户端的http请求，会针对每一次请求，分别创建一个用于代表请求的request对象、和代表响应的response对象。按照这个理解的话一次请求生成一个request和response，客户端和服务器握手结束，request和response应该也是一起随着握手的消失而消失的。Request 对象request对象表示HTTP请求，包含了请求查询字符串，参数，内容，H...
2019-04-13 16:25:22
874
原创 Express之基本路由
路由是指确定应用程序如何去响应对特定的客户端请求，该请求是URL（或路径）和特定HTTP请求方法（GET，POST等）。每个路由都可以有一个或多个处理函数，这些函数在路由匹配时执行。路径采用以下结构：app.METHOD(PATH, HANDLER)...
2019-03-30 10:50:22
247
原创 Git 的远程仓库配置
git 的远程仓库配置十分简单，一共分为七步：1：首先打开GitHub 命令窗口 ，验证自己的身份信息 :git config --global user.name "Your Name"git config --global user.email "email@example.com"2：创建一个本地仓库并将想要储存的文件提交到本地仓库中git init git add git c...
2019-03-25 19:57:17
432
原创 Git 的使用
Git 安装msysgit是Windows版的Git，从http://msysgit.github.io/下载，然后按默认选项安装即可。安装完成后，在开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功！安装完成之后还需要进一步设置，输入如下命令：$ git config --global user.name "Your Name"$...
2019-03-25 19:44:18
125
原创 ES6 Promise 函数（二）
Promise.prototype.then()Promise 实例具有then方法，then方法是定义在原型对象Promise.prototype上的。它的作用是为 Promise 实例添加状态改变时的回调函数。then方法返回的是一个新的Promise实例（注意，不是原来那个Promise实例）。因此可以采用链式写法，即then方法后面再调用另一个then方法。简单的看一个实例：get...
2019-03-19 22:53:17
294
原创 ES6 Promise 函数（一）
Promise 的含义Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。Promise 的特点对象的...
2019-03-19 22:01:36
191
原创 原生 js 放大镜效果
放大镜效果是很常见的一种效果，例如淘宝，京东之类的购物商城里面经常会看到这种效果。下面附上一张效果图：好了，不要再看了，美女有那么好看吗？咱们来看代码好不好( o=^•ェ•)o ┏━┓：html布局：（图片需要自己找哦 ㄟ( ▔, ▔ )ㄏ） <div id="demo"> <div id="small-box"> <...
2019-03-15 23:01:13
320
1
转载 ES6 函数的扩展 rest 参数
rest函数ES6 引入 rest 参数 (形式为 …变量名)，用于获取函数的多余参数，这样就不需要使用arguments对象了。rest参数搭配的变量是一个数组，该变量将多余的参数放入数组中。function add(...values) { let sum = 0; for (var val of values) { sum += val; } return sum...
2019-03-14 20:08:08
315
原创 Cookie、LocalStroage、SessionStorage 简介
基本概念Cookie ：Cookie 是英文意思是小甜饼。顾名思义，cookie 非常小，它的大小限制在4KB左右。它的主要用途是保存登录信息，比如你登录某个网站市场可以看到‘记住密码’，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。localStorage：localStorage 是HTML5标准中新加入的技术，它并不是什么划时代的新东西，早在 IE 6时代，就...
2019-03-13 20:22:08
247
转载 js事件冒泡与捕获
1 事件传播—— 冒泡与捕获默认情况下，事件使用冒泡事件流，不使用捕获事件流。然而，在FireFox 和Safari里，你可以显示的指定使用捕获事件流，方法是在注册事件时传入useCapture 参数，将这个参数设为true。2 冒泡流事件当事件在某一DOM元素被触发时，例如用户在客户名字节点上点击鼠标，事件将跟随着该节点继承自的各个父节点冒泡穿过整个的DOM节点层次，直到它遇到依附有该事件...
2019-03-09 17:29:39
136
原创 继承的6中方式
想要继承，就必须要提供一个父类（继承谁，提供继承的属性）// 父类function Person(name) { // 给构造函数添加了参数 this.name = name; this.sum = function () { alert(this.name) } } ...
2019-03-08 23:05:34
179
原创 深拷贝与浅拷贝
1.深拷贝（Deep Copy）：深拷贝就是增加一个“指针”，并申请一个新的内存，并且让这个新增的‘指针’指向这个新的内存地址，使用深拷贝，在释放内存的时候不会像浅拷贝一样出现重复释放同一段内存的错误，当我们需要复制原对象而又不能修改元素对象的时候，深拷贝就是一个，也是唯一的选择。下面简单的写一个引用类型数据的深拷贝： // 深拷贝引用类型数据 function deepDa...
2019-03-08 18:06:19
179
原创 闭包简介
什么是闭包？当函数被保存到外部时，就会产生闭包（或者说是当函数执行完毕后，函数的执行期上下文尚未被销毁且保存到了函数外部）闭包的缺点：由于闭包不会在函数执行完毕后释放对应的作用域，所以会导致内存泄漏闭包的作用：1.可以当作缓存【就是说在函数内部定义了一个变量，这个变量在函数内部是不能直接访问的，只有通过闭包来访问，于是这个变量就相当于被存储起来了，等到要修改或是访问它的时候就可以通过闭包...
2019-03-06 22:13:45
160
原创 数组对象属性以及数组对象方法简介
Array 对象属性：constructor ：返回对创建此对象的数组函数的引用。语法：object.constructorlength ： 设置或返回数组中元素的数目语法：arrayObject.lengthprototype ：使您有能力向对象添加属性呵方法语法：object.prototype.name = value;Array 对象方法：delete()...
2019-01-07 20:53:29
840
原创 DOM获取HTML中的元素
&lt;div&gt;`&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div id="box"&gt;&lt;/div&gt;
2019-01-07 19:59:44
335
原创 字符串转化为数值类型
// 字符串转化为数值类型 // 1、当string 为非数字时；转化结果为NaN // 2、当string 为数字时；转化结果为该数字 // 3、当string 为空字符加粗样式串时 ；转化结果为0 // 4、当string 为16进制 转化结果为10进制整数 var str = '浅爱'; var num = Number(str);...
2018-12-27 10:32:58
5713
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人