- 博客(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
原创 构造函数、创建类和生成实例,添加公用方法,类继承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
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人