自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 valueOf和toString何时调用

valueOf 和 toString所有数据类型中,除了null,其他的所有数据类型都有这两个东西。当数字或对象需要隐式转换时,比如 == ,此时会用到对象上面的 toString(), **valueOf()**方法转换。通常valueOf是负责将对象转换成它的原始值,本身就是原始值时,则valueOf将返回对象本身。toString主要用于展示,将对象或者基本类型的值转换成字符串。object.toString() 得到的是 [Object, Object]Date() 对象是个意外,Dat

2020-12-16 00:20:24 562

原创 vue组件传值的三种方式

父子组件之间传值$emit()$on() $emit()this.$parent.xxx正常的@xxx=“func” , this.$emit()方式使用.sync可以给props双向绑定数据由子组件自己控制何时传值父亲组件<template> <div> <p style="color: red;">使用.sync双向绑定</p> 父组件输入框:<input v-model="inputValue" /&

2020-12-04 14:35:15 216

原创 Dom节点类型和事件冒泡捕获

Dom获取dom节点document.getElementById("div1").childNodes 获取到div1节点的子节点集合。包含元素节点,文本节点啥的都有,回车符都可以获取到document.getElementById("div1").children 获取到的是元素节点的集合div1.removeChild(),删除节点div1.appendChild(),插入节点attribute 属性节点可以使用js向元素里面动态的添加属性getAttribute

2020-12-03 00:22:41 161

原创 js使用onerror自动捕获异常

捕获异常使用try catch使用window.onerror自动捕获异常。//不需要每一行都使用try catch 自动捕获报错信息// (报错信息,源码,在哪行报错,哪一列,抛出的错误)window.onerror = function (message, source, lineNom, colNom, error) { //第一,对跨域的js ,如CDN 的,不会有详细的报错信息 //第二,对于压缩的 js ,还要配合sourceMap反查到未压缩代码的行、列

2020-11-12 19:45:37 577

原创 ES2020新特性

Promise.allSettledPromise.all 的缺点这个方法是用于一次发送多个请求,只有所有请求都执行完毕,再执行后面的代码。如果这些请求中有一个出错,那么所有的请求都失去效果,直接进入catch function queryDate(url) { var p = new Promise(function (resolve, reject) { var xhr = new XMLHttpRequest();

2020-10-14 15:06:52 159

原创 【牛课题】使用replace获取url参数

通常 replace(正则表达式, 要替换的值),要替换的值也可以是个返回字符串的函数,但这个函数大有问题获取url中的参数const url = 'http://www.nowcoder.com?key=6&key=5&key=4&test=3#hehe'function getQuery(url, key) { const reg = /\??(\w+)=(\w+)/g const res = {} url.replace(reg, func

2020-10-12 12:05:20 1268

原创 vuex实现购物车案例

Vuex购物车案例搭建基本环境前台环境使用vue脚手架 , 先全局安装vuecli npm i vue-cli -g使用vuecli创建项目 vue create cart-example cart-example是项目名字此时会提示,使用vue2版本的还是vue3版本,这里选择的是vue 2.x后台环境直接使用node运行根目录下的server.js就可以。const express = require('express')const cors = require('cors'

2020-10-04 23:53:01 767 1

原创 vuex的基本使用

Vuex一个大型的单页面应用,当很多组件都同时依赖一个状态时,一个组件将这个状态改变,那么它要通知所有依赖它的组件,告诉他们修改值。这样互相一层一层的传值很麻烦。此时可以使用vuex集中管理状态。将这个状态保存在vuex中,所有需要这个数据的组件就去这里面拿值,修改数据时,直接修改这里面的值,那么所有的组件也就都能拿到最新的值。非必要情况下小项目不要使用Vuex。快速上手首先安装vuex npm i vuex -D在src下面单独创建个store文件夹,用于专门存储共享数据。在

2020-10-03 10:22:28 69

空空如也

空空如也

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

TA关注的人

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