自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 this绑定4条规则

优先级new > 显式 > 隐式 > 默认默认绑定function foo() { console.log( this.a ); }var a = 2; foo(); // 2<--------2---------->function foo() { "use strict"; console.log( this.a ); }var a = 2;foo(); // TypeError: this is undefined隐式绑定function foo(

2020-12-08 11:54:17 145

原创 vue 常用修饰符

.lazyv-modeil输入框改变,这个数据就会改变,lazy这个修饰符会在光标离开input框才会更新数据<input type="text" v-model.lazy="value">.trim:输入框过滤首尾的空格<input type="text" v-model.trim="value">.number先输入数字就会限制输入只能是数字,先字符串就相当于没有加number,注意,不是输入框不能输入字符串,是这个数据是数字<input t.

2020-05-09 10:01:03 392

原创 vue 相关

keep-alivekeep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个抽象组件,所以在v页面渲染完毕后不会被渲染成一个DOM元素<keep-alive> <loading></loading></keep-laive>当组件在keep-alive内被切换时组件的activated、dea...

2020-05-08 23:07:10 119

原创 MongoDB安装与相关配置,启动服务,操作数据增删改查

官网下载地址:https://www.mongodb.com/download-center#community为了启动mongodb方便,将mongod.exe路径加入环境变量,电脑->属性->高级系统设置->环境变量,在path里加入路径:在安装的盘C:下建立mongodb文件夹,拷贝bin文件夹到该目录下,这样就相当于安装了mongodb的相关命令。然后在D盘新建一...

2019-11-07 18:25:15 148

原创 express配置 art-template模板引擎实现留言板, express配置解析表单post请求体数据(node之body-parser的使用)

下载body-parser插件cnpm install body-parser --saveapp.jsvar express = require('express')var app = express()var fs = require('fs') var bodyParser = require('body-parser')var list = [ { name: '...

2019-11-05 11:22:31 156

原创 node模块化思维,数据增删查改案例

// 保存exports.save=function(status,callback){// (status,callback)传过来的参数和回调函数fs.readFile(dbPath,‘utf8’,function(err,data){// 请求db.json数据if(err){return callback(err)} var newstatus = JSON.pars...

2019-10-30 23:01:32 179

原创 nuxt.js简介与应用

nuxt是什么Nuxt.js简单的说是Vue.js的通用框架,最常用的就是用来作SSR(服务器端渲染)。适用于场景Nuxt.js适合作新闻、博客、电影、咨询等需要搜索引擎提供流量的项目。特点基于 Vue.js自动代码分层服务端渲染强大的路由功能,支持异步数据静态文件服务ES6/ES7 语法支持打包和压缩 JS 和 CSSHTML头部标签管理本地开发支持热加载集成ESL...

2019-10-23 22:19:44 1561

原创 函数节流和防抖

防抖<button id="btn">按钮</button>function db(fn,delay) { //记录上一次延时器 var timer = null; return function(){ //清除上一次延时器 clearTimeout(timer); //重新设置一个新的延时器 ...

2019-10-08 18:25:42 143 1

原创 异步回调函数,promise实例,捕获/处理异常,处理回调地狱

promise执行,通过.then指定成功和失败的回调function prom(path){ var promise = new Promise(function(resolve,reject){ fs.readFile(path,'utf-8',(err,data)=>{ if(err) return reject(err) ...

2019-09-06 15:36:36 729

原创 递归、浅拷贝、深拷贝

递归 function fu(e) { if (e == 1) { return 1 } console.log(e , e-1) return e * fu(e-1) } console.log(fu(4)) // 原理(递归必须主动去终止,不然会一直执行到溢...

2019-08-30 14:54:09 346 1

原创 Object.defineProperty(),Object.keys

Object.keys() 遍历直接返回一个数据,包含对象里面的属性名,类似一个循环let obj = { name: '高晓松', age: 46, sex: '男'}// Object.keys() 直接返回一个数据,包含对象里面的属性名,类似一个循环let newObj = Object.keys(obj)console.log(newObj)Ob...

2019-08-28 11:34:11 254

原创 Array常用迭代

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。 let arr = [66, 88, 33, 55, 68] var newArr = arr.map((value)=>{ console.log(value, '') return value *2 }) console.log(newArr)some() 查...

2019-08-27 18:32:26 128

原创 原型链对象扩展、闭包、call、apple、bind 、内存泄漏与溢出

哈哈

2019-08-26 18:19:24 145

原创 构造函数、创建类和生成实例,添加公用方法,类继承extends、super关键字

**创建class实例, **class Star { // 类的公用属性放到constructor函数里面 constructor(name,a,b){ this.name = name this.a = a this.b = b this.num = a+b } age(){ c...

2019-08-23 16:55:09 196

原创 art-template模板引擎

npm install art-template --save 下载模板引擎//模板引擎只关心{{}}里面的内容//所以方法都必须用require引入var http = require('http')var fs = require('fs')var template = require('./node_modules/art-template/lib/template-web'...

2019-08-21 17:58:11 142

原创 express中配置art-template模板,epxress静态文件配置,简易论坛案例

epxress静态文件配置var express = require('express')var app = express()var fs = require('fs') // express.static('public'),会去 public 目录查找对应的文件 http://127.0.0.1:3000/public/index.html,// 也可以不加或者换成其他的,地址...

2019-08-21 17:53:43 226

原创 简易留言板与表单重定向

var fs = require('fs');var http = require('http');let server = http.createServer();let wwwUrl = 'E:/cli/node';server.on('request', function (request, response) { //手动配置类似apache let url = ...

2019-07-31 18:10:09 104

原创 node创建服务器响应文本

// 创建服务器var http =require('http');var onRequest = function(require,response){ console.log("require received"); response.writeHead(200,{'Content-Type':'text/plain'}); //流操作 200成功 {类型:文本等等...

2019-07-08 15:58:44 107

原创 js执行机制,微任务、宏任务

待完善

2019-07-08 15:21:50 119

原创 vue-router导航钩子、元数据及路由匹配

1

2019-06-21 18:20:55 180

原创 vue-router(动态路由、传参方式、子路由/嵌套路由、命名视图)

1

2019-06-21 11:48:30 843

原创 vue-传值与传引用的、computed、watch、methods

1、传值:strnig 、number、boolean;props:{title:{type:String}}改变一个地方的值,其他地方的值不受影响2、引用:array、object;props:{users:{type:Array,required:true}}改变一个地方的数据,和这个引用相关的数据都跟着变化...

2019-06-20 19:10:07 587

原创 CORS 跨域资源共享

1.后端头设置,允许访问的地址,方法以及请求方式2.复杂的请求方式:put,post等等,第一次发起一个options验证是否被允许,第二次请求成功才返回数据...

2019-06-20 19:09:53 49

原创 vue父子组件通信,嵌套组件

子传父:子组件定义事件saymethods里面执行say方法,通过emit给父组件传递一个叫sire的自定义事件say() {this.$emit(“sire”,“传给父组件的值”);},

2019-06-20 19:09:44 222

原创 vue钩子函数

beforeCreate 没有创建实例之前, 对当前的事件、属性做一些配置。vue对象还没有诞生,里面做一些加载动画…created 获取数据,网络接口,dom还没有生成,结束加载动画…beforeMount 开始编译,还没有渲染,做一些基础工作,开始往el里面放内容mounted 开始挂载,结束时页面就出来了,dom已经生成beforeDestroy 实例销...

2019-06-20 19:09:35 96

原创 vueX状态管理

创建全局访问的state对象const state = { list:[]};引用mapState方法,相当于get获取state里面的内容import { mapState} from "vuex";computed计算属性里面定义个数组,…这个扩展运算符将vuex中的数据映射到组件的computed里computed: { ...mapState(["li...

2019-06-20 19:09:17 96

原创 state状态分类与常量转换

1

2019-06-20 19:08:55 457

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除