自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【ios时间转时间戳-uniapp】

uniappios识别不了- 2022-01-10 12:45:32 转不了时间戳var date1 = new Date(date1.replace(/-/g,’/’));date1.getTime()

2022-03-23 09:35:03 380

原创 插槽

什么是插槽?插槽就是子组件中的提供给父组件使用的一个占位符,用 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。1.在子组件放一个占位符<template> <div> <h1>今天的日期是:</h1> <slot></slot> </div></template><script> export default{ 'n

2020-12-08 11:19:34 188

原创 作用域,作用域链(执行环境),原型,原型链,继承有哪些方式(一天一个问题30)

111

2020-11-27 13:12:59 135

原创 mobx使用

storestore/index.jsimport ArchivesReorganize from './archivesReorganize'const reorganize = new ArchivesReorganize()export default { user:userInfo, reorganize:reorganize}store/archivesReorganizeimport {observable, action} from 'mobx';cla.

2020-11-02 13:44:31 150

原创 Refs获取子组件state使用(react)

class ArchiveStorage extends Component { constructor(props) { this.state = { selectedTemplateItem: '', } this.selectBoxRef = React.createRef(); } componentDidMount() { console.log(this.selectBoxRef.c.

2020-10-30 14:08:00 1334 1

原创 前端页面优化方法(一天一个问题29)

111

2020-10-24 13:58:11 213

原创 angular2整理学习笔记

TypescriptNodeNpmAngular/cli npm install -g @angular/cling new my-appng serve --open创建类ng generate component heroes创建服务ng generate service hero模块简介-----NgModule///////////@NgModule() 装饰器是一个函数,它接受一个元数据对象,该对象的属性用来描述这个模块import { NgModule } f

2020-10-18 11:48:50 237 1

原创 常见攻击(一天一个问题28-了解)

SQL注入攻击XSS-跨站脚本攻击是指攻击者在网站上注入恶意客户端代码,通过恶意脚本对客户端网页进行篡改,从而在用户浏览网页时,对用户浏览器进行控制或者获取用户隐私数据的一种攻击方式。CSRF 是伪造请求是劫持受信任用户向服务器发送非预期请求的攻击方式。例如,这些非预期请求可能在url后加入一些恶意的参数,从而达到攻击者的目的。通常情况下,CSRF 攻击是攻击者借助受害者的 Cookie 骗取服务器的信任,可以在受害者毫不知情的情况下以受害者名义伪造请求发送给受攻击服务器,从而在并未授权的情况下执

2020-10-13 17:37:58 109

原创 vue基本知识问题(3)(一天一个问题26)

11.vuex四个主要属性:state;mutations;getters;actions获取:this.store.state.name;this.store.state.name;this.store.state.name;this.store.getters.getAge修改:this.store.commit(′change′,10);this.store.commit('change',10);this.store.commit(′change′,10);this.store.dispat

2020-09-24 10:07:01 118

原创 vue基本知识问题(2)(一天一个问题25)

6.vue自定义指令钩子函数(biucu):bind,inserted,update,componentUpdated,unbind//bind;inserted;update;componentUpdated;unbindVue.directive( 'lang' , { bind: function (el, binding, vnode) { console.log( '1 - bind' ); }, inserted: function (el, bindi

2020-09-23 17:05:07 123

原创 vue基本知识问题(1)(一天一个问题24)

1.v-if和v-show区别v-if是渲染销毁DOMv-show一次渲染,然后进行css的显示与影藏2.watch(有哪些参数)和computed区别computed有缓存;不接受参数;不能与data中的属性重复;return返回值watch监听触发一个回调,接受两个参数;监听的属性必须存在;允许异步;watch配置:handler(需要执行的方法)、deep(是否深度)、immeditate(是否立即执行)3.$route 和 $router区别$route是当前路由对象,可以用

2020-09-23 09:44:21 127

原创 js概念性问题(一天一个问题23)

1.一个http请求经历了那些过程2.ajax请求的3次握手3.作用域,作用域链4.事件捕捉和时间冒泡5.前端优化页面有哪些方法6.http包括哪些内容

2020-09-22 16:06:36 74

原创 vue常见问题(一天一个问题22)

1.vue2和vue3的双向绑定原理(前端设计模式)(MVVM和MVC)2.v-if和v-show3.vue有哪些指令4.vue自定义指令5.v-model的原理,自己如何取实现双向绑定6.watch(有哪些参数)和computed区别7.vue的钩子函数8.vuex9.vue里面数据传递有哪些方式(prop,$emit,vuex,eventBus)10.父子组件兄弟组件如何拿到对方的实例11.vue的路由导航12.vue组件里面data为什么写成函数13.keep-alive作用以

2020-09-22 16:06:11 84

原创 async,await使用实例(一天一个问题21)

draftDirectSubmit = async (verUuid,data) => {//内部包含有异步;内部同步执行;外部不阻碍 var params = {} param = await this.getData(verUuid) console.log("params返回数据后执行")}getData = (url) => { return new Promise((resolve)=>{ Util.ajaxmode(

2020-09-21 15:04:16 81

原创 es6常用方法(一天一个问题20)

1.箭头函数和普通函数区别2.set和map区别3.便利数组map,foreach,some,every,filter4.promise,await,async5.操作数组的方法

2020-09-17 17:52:49 183

原创 html+css(一天一个问题19)

1.盒模型content+padding+border+marginIE盒模型width = content + padding + borderW3Cwidth = content(常设置:box-size:border-box)2.盒子垂直居中的办法display:flexjustify-content:centeralign-items:centerposition:absolutetop:50%left:50%transform:translate(-50%,-5

2020-09-17 10:43:27 93

原创 js数据操作常见问题(一天一个问题18)(判断数据类型,拷贝,遍历,拼接增删改查,其他)

1.判断不同数据类型值类型引用类型es6number string boolean null undefinearray object functionsymbol判断数据类型方法值类型typeof constructor instanceof Object.prototype.toString()typeof(不能区分null array object)typeof ""; //stringtypeof 1; //nu

2020-09-15 17:57:15 213

原创 react生命周期函数(番外篇3)

react生命周期函数import React, { Component } from 'react'class LifeCycleSon extends Component{ constructor(props){ super(props) console.log('1.构造函数') } componentWillMount(){ //组件将要挂载,可以进行api的调用,不能进行dom操作 console.log

2020-09-10 16:08:49 105

原创 promise,await,async,generator(4)(一天一个问题17)

generator参照https://www.jianshu.com/p/83da0901166f1.传统实现异步的方式是回调函数2.promise链式调用实现异步3.Generator正是以一种看似顺序、同步的方式实现了异步控制流程,增强了代码可读性Generator(生成器)是一类特殊的函数,跟普通函数声明时的区别是加了一个*号// 声明方式一(个人比较偏向这种风格啦)function *main() { // do something……}// 声明方式二functi

2020-09-09 11:30:59 206

原创 promise,await,async,generator(3)(一天一个问题16)

await,asyncasync声明一个函数是异步的----返回一个promise对象await等待一个异步方法完成

2020-09-08 14:13:56 113

原创 react基本操作(番外篇2)

1.事件绑定2.组件内自定义state修改3.便利4.解构传递props

2020-09-08 11:18:33 121 1

原创 promise,await,async,generator(2)(一天一个问题15)

一、Pomise.all的使用Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。具体代码如下:let p1 = new Promise((resolve, reject) => {resolve(‘成功了’)})let p2 = new Promise((resolve, reject) => {resolve(‘success’)

2020-09-08 09:53:03 89

原创 promise,await,async,generator(1)(一天一个问题14)

promise

2020-09-08 09:21:06 127

原创 同步任务,异步任务,微任务,宏任务,事件循环(event Loop)(一天一个问题13)

1.javascript是一门单线程语言,同一个时间只能做一件事2.Js:单线程,异步等同步执行完才能执行For循环请求(异步和同步ajax改成同步,ajax默认是异步)for循环函数(闭包保存局部变量)异步操作:类似onclick等,setTimeout等,Ajax异步加载js动态插入script标签;script标签上添加defer或者async属性;创建并插入iframe,让它异步执行js事件循环:for循环一个函数主线程js,for循环同步执行完毕,执行异步任务,将异步任务

2020-09-07 10:58:20 282 1

原创 react-router(react番外篇)

import React from 'react';import { BrowserRouter, Link, Route, Switch,Redirect } from 'react-router-dom';// BrowserRouter包裹路由的组件// Link配置路由路径的组件// Route路由组件path是路径component匹配路径的组件// Switch只匹配一个// Redirect重定向// exact精准匹配function App(){ return(

2020-09-04 15:24:04 106

原创 cookie,session,localStorage,sessionStorage(2)(一天一个问题12)

cookie和session比较对象cookiesession存放位置浏览器端服务器端保存数据字符串对象存放位置浏览器端服务器端存放位置浏览器端服务器端

2020-09-04 13:35:28 71

原创 cookie,session,localStorage,sessionStorage(1)(一天一个问题11)

cookie,localStorage,sessionStorage比较对象cookielocalStoragesessionStorage数据大小4k左右服务器端保存数据字符串对象存放位置浏览器端服务器端存放位置浏览器端服务器端存的大小:cookie不超过4K; localStorage和sessionStorage存5M或者更大与服务器通信:每次http请求都会携带cookie;localStorage和sessionStor

2020-09-03 15:56:49 159

原创 闭包(一天一个问题10)

闭包理解闭包是指有权访问另外一个函数作用域中的变量的函数优点缺点应用function makeFunc() { var name = "Mozilla"; function displayName() { alert(name); } return displayName;}var myFunc = makeFunc();myFunc();...

2020-09-03 10:23:49 192

原创 函数柯里化(一天一个问题9)

函数柯里化函数柯里化是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术柯里化实现sum(1)(2)(3)返回结果是1,2,3之和function sum(a){ return function(b){ return function(c){ return a+b+c } }}sum(1)(2)(3)解读sum(1) 返回一个函数function(b)(2)----这是一个自执行函数传参2...

2020-09-02 14:16:54 96

原创 函数防抖和节流(一天一个问题8)

防抖重复点击----重新计时理解 : 触发事件n秒后执行函数内容,如果再n秒内又触发事件,则重新计时var timerfunction clickAdd(){ if(timer){ clearTimeout(timer) timer = setTimeout(function(){ console.log(1) },1000) }else{ timer = setTimeout(function(

2020-09-01 15:02:50 95

原创 nginx跨域代理(一天一个问题7)

nginx配置server { listen 80; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; location ^~/api{ rewrite ^/api/(.*)$ /$1 break; proxy_pass **访问的域名**/; add_header Acce

2020-09-01 11:18:25 146

原创 react-redux项目里使用(一天一个问题6)

react-redux主要结构多actionsaction具体reducer具体reducerstore代码一、顶层绑定storeimport React from "react"import ReactDOM from 'react-dom'import App from './App.js'import { Provider } from 'react-redux' //将store传递下去import Store from "./store/index";Re

2020-08-31 16:27:05 139

原创 一天一个问题100

1.改变this只想bind,call,apply2.react-redux的基本使用3.原型,原型链4.浏览器缓存-强制缓存,协议缓存5.函数变量提升

2020-08-30 11:41:46 148

原创 变量,函数提升(一天一个问题5)

题目一var getName = function() { console.log(4);};function getName() { console.log(5);}getName(); //4//相当于function getName() { // 函数声明的提升大于变量声明的提升 console.log(5);}var getName;getName = function() { // 函数提升不会被变量提升覆盖,会被变量赋值覆盖 console.lo.

2020-08-30 11:32:16 113

原创 浏览器缓存(强制缓存和协议缓存)(一天一个问题4)

from memory cache:字面理解是从内存中,其实也是字面的含义,这个资源是直接从内存中拿到的,不会请求服务器一般已经加载过该资源且缓存在了内存当中,当关闭该页面时,此资源就被内存释放掉了,再次重新打开相同页面时不会出现from memory cache的情况from disk cache:同上类似,此资源是从磁盘当中取出的,也是在已经在之前的某个时间加载过该资源,不会请求服务器但是此资源不会随着该页面的关闭而释放掉,因为是存在硬盘当中的,下次打开仍会from disk cache资源本身大.

2020-08-30 11:05:48 119

原创 原型,原型链(一天一个问题3)

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200830085512819.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hlbGxvd1hEVw==,size_16,color_FFFFFF,t_70#pic_centerObject.prototype.contructor === Object.

2020-08-30 08:56:01 103

原创 react-redux使用(简单版)(一天一个问题2)

第一步创建store,包裹顶级组件,传递storeimport React from "react"import ReactDOM from 'react-dom'import App from './App.js'import { createStore } from 'redux'//创建一个 Redux store 来以存放应用中所有的 stateimport { Provider } from 'react-redux' //包裹顶级组件,将store传递下去import reduce

2020-08-28 15:46:29 91

原创 改变this指向的方法(一天一个问题1)

改变this指向的方法call,apply,bind1.改变this的指向并且执行调用函数.call(), call(thisScope, arg1, arg2, arg3…).apply(), apply(thisScope, [arg1, arg2, arg3…]);两个参数2.而bind 改变this的指向,返回的是函数.bind() bind(thisScope, arg1, arg2, arg3…)3.this在函数创建的时候是没有意义的,只有在函数调用的时候指向调用这个函数的对象

2020-08-26 13:33:34 128

原创 跨域的N种解决方案

跨域的N种解决方案一、什么是跨域二、 跨域问题常见报错形式三、跨域的N种解决方案1、vue项目node中间件(http-proxy-middlewar)2、CORS跨域资源共享3、jsonp跨域4、websocket5.浏览器设置允许跨域(chrome)6.其他一些方法一、什么是跨域跨域,是指浏览器从一个域名的网页去请求另一个域名的资源时,域名、端口、协议任一不同,都是跨域。它是由浏览器的同源策略造成的,是浏览器对 JavaScript 施加的安全限制。什么又是同源策略?同源策略是由 Netscap

2020-06-22 16:53:36 243

原创 js启动exe程序

1.导出、添加注册表a.输入regedit打开注册表编辑器b.导出注册表c.修改注册表,添加 [HKEY_CLASSES_ROOT\myprotocol] @="myprotocol Protocol" "URL Protocol"="" [HKEY_CLASSES_ROOT\myprotocol\DefaultIcon] @="C:\\PROGRAM...

2019-12-06 16:38:39 1888

空空如也

空空如也

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

TA关注的人

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