自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 web常见面试题

某面试题库

2022-08-19 14:29:48 813 1

原创 浅谈浮动flex

初学浮动总结

2022-08-18 10:12:56 308

原创 Set,weakSet,map

set:set本身是一个构造函数,类似于数组,代表的是唯一的值,但要注意两个相同的对象是不会去重的,常用方法有let set = new Set()set.add(value); //添加set.delete(value); //删除set.has(value); //判断是否存在,返回bool值set.clear(); //清除全部// 去除数组的重复成员[...new Set(array)]// 去除字符串里面的重复字符。[...new Set('ababbc')].jo

2022-08-17 16:29:22 156

原创 for..in.. or for..of.. or foreach

for in;for of ;forEcah

2022-08-17 11:27:55 148

原创 uniapp常用

子组件请求数据: // 存数据 data() { return { data: [], showBool:false } }, // 类似声明周期 可以触发函数 mounted(){ this.getData() }, // 写函数 methods:{ // 请求数据 getData(){ this.$api.zyl_getTaoh().then((res)=>{ this.data = res...

2022-05-19 09:30:13 356

原创 web面试必知宝典

一、个人简历模版 https://a.lmongo.com/offer/resume.html 二、自我介绍话术 您好,我叫xxx,今年xxx岁,老家xxx。做前端开发已经xxx年了,期间换过xxx家公司,第一家是一个 xxxx类型公司,叫xxxxx;上一家家叫xxxx,上一家公司是自己公司或外包公司,做自己的产品或者做 别人的产品,在上一家公司呆了xxx(多长时间),上一家公司一共xxx人,开发团队xxx人,一共xxx个小 组,我们小组xxx人,前端xxx人,后端xxx人,.

2022-04-29 12:05:44 1059

原创 react用路由传递数据(useHistory)

引入:import { useHistory } from 'react-router-dom';下面那两个都要引入这个传输数据://注意先引入上面的const history = useHistory();function data(){ history.push('需要数据的路由的url', { state:数据 }) }接收数据: 注意先引入上面的 const history = useHistory(); //接收函数 use

2022-04-20 10:07:50 6963

原创 面试题总结大全

宏任务,微任务先来了通俗易懂的例子:去银行办理业务的人就是一个个宏任务,当宏任务P1在柜台办理业务时,其它任务都需等待,当一个宏任务P1办理业务结束时,柜台职员会询问他还有没有其它微任务,如果他还有其他业务,则其他宏任务都需等待。就是微任务是在宏任务之前执行执行顺序:先执行同步代码,遇到异步宏任务则将异步宏任务放入宏任务队列中,遇到异步微任务则将异步微任务放入微任务队列中,当所有同步代码执行完毕后,再将异步微任务从队列中调入主线程执行,微任务执行完毕后再将异步宏任务从队列中调入主线程执行,一直.

2021-12-24 16:56:48 733

原创 vue,git,webpack,es6等

~~学海无涯,回头是岸~~# webpack## npm run build / server 之后发生了什么?脚手架使用webpack来执行配置文件,默认是webpack.config.js或者vue.config.js.然后执行入口文件的js,进行解析处理.如果是build则生成物理文件存在磁盘上.如果是server的话则将编译的结果存入内存条中## webpack是干什么的?定义?解释?webpack是一个打包工具,前端半自动化开发工具.它是基于nodejs运行的,它的功能有

2021-11-01 19:03:37 426

原创 vue生命周期

<script>export default { //创建阶段 beforeCreate() { // 骨架屏站位 // 日志上传 }, created() { //发起ajax请求,可以但不推荐,因为ajax异步,生命周期同步. //在服务器端渲染的时候,这个函数是最后一个生命周期,没有mounted //技术胖 }, //挂载阶段 beforeMount() { //可以对一些数据进行格式化 }, mou.

2021-10-29 13:34:37 79

原创 vue项目常用

元素里三元运算符,判断是否要加类://语法<p :class="条件?'成立':不成立">内容</p>//实例<span :class="color == 0 ? 'cen_box_m_t_span' : ''">账户密码登录</span>父传子:父:<Son :num="num"></Son>data() { return { num: "123", }; },子:

2021-10-27 10:10:36 152 1

原创 创建vue的两种方法及过程(超详细)

两种方法:vue create namevue uivue create name方法:选项1和2是版本,3是自定义,作者选3空格选择你要配置的项目,图为作者配置: 两个默认,vuex,路由,scss选完之后按回车,注意操作不可逆选择版本还有两个选项下图没写,第一个选择第一个选项,第二个选package.js选完敲回车,开始下载vue ui:输入完浏览器自己弹开点击左下角的更多 -> vue项目管理器点击上面的创...

2021-10-21 16:52:43 1591

原创 面试题js,jq(2)

jq事件中的on有哪些作用?答:绑定事件,事件委托,传递数据,注册自定义事件,绑定多个事件跨域方式有哪些?1.使用cors , 2.使用ajax的jsonp , 3.使用jQuery的jsonp插件# 7. js中如何利用 DOM 操作元素来改变元素里面的内容?二者区别是?dom.innerText = '内容'dom.innerHTML = '内容'text只能改变文本,html还能改变标签# 8. 通过js修改元素属性的两种方式是什么?...

2021-09-27 12:10:37 121

原创 react面试题

react 是什么?react是一个声明式的,高效且灵活的用于构建用户界面的javaScript的库.react组件jsx文件,里面是jsx语法生成的domjsx语法jsx除了是文件后缀外,在组件内还是一种语法.`<img/>`这个jsx语法是`React.createElement('img')`一种看上去很像html的语法###虚拟dom和diff算法用js通过算法计算出来的dom对象,叫虚拟domdiff算法的原理:同层对比...

2021-09-27 12:00:14 171

原创 面试题vue

vue路由传参方式?queryparamspathVue路由里的$router和$route的区别是什么?Router是路由实例对象,route是当前路由信息v-for中的key作用是?1. 用v-for,需要给元素加上一个key属性2. key用来提高渲染性能3. key可以避免数据混乱的情况出现谈谈vue-Router的原理原理核心就是更新视图但不重新请求页面。vue-router实现单页面路由跳转,提供了三种方式...

2021-09-27 11:08:50 155

原创 web面试题

数组迭代方法map、filter、forEach,有哪些相同点和不同点?map():对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。map():也返回一个数组,而这个数组的每一项都是在原始数组中的对应项上运行传入函数的结果;forEach():对数组中的每一项运行给定函数,这个方法并没有返回值 ;Filter():方法是对原数组进行过滤筛选,返回一个新的数组filter():不会对空数组进行检测(如果对空数组进行筛选,返回值位undefined)如何实现对象合并?.

2021-09-24 17:30:41 232

原创 面试题有的没答案,会的补一下

数组迭代方法map、filter、forEach,有哪些相同点和不同点?map():对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。map()也返回一个数组,而这个数组的每一项都是在原始数组中的对应项上运行传入函数的结果;forEach():对数组中的每一项运行给定函数,这个方法并没有返回值 ;Filter方法是对原数组进行过滤筛选,返回一个新的数组filter()不会对空数组进行检测(如果对空数组进行筛选,返回值位undefined)vue路由传参方式?Q

2021-08-20 14:46:09 219

原创 微信小程序入门

https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html上面的是官网,我的内容是在官网上找的和自学的,官网上的肯定比我的全面,我这上面主要是给自己用的,记录一些常用方法,面试题等等注意,我写的并不完善,主要是为直接上手的写的,不定时更新什么是事件事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。

2021-08-17 15:22:22 54

原创 js面试题

[]==![]为什么为true为false,在两边都是相同数据类型时,==是直接比较两边数据,结果为false,因为[]属于引用类型,在两个[]分别指向不同的堆内存节流,防抖:防抖:触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。节流:连续触发事件但是在 n 秒中只执行一次函数闭包:闭包就是能够读取其他函数内部变量的函数。在js中,可以将闭包理解成“函数中的函数“堆和栈:1、栈区(stack

2021-08-05 12:09:54 92

原创 共享SQL数据库

1.选定你要共享的表,右击,点击转储SQL文件获得一个.sql文件这时候,你就有了一个.sql的文件了,你可发给有需要的人,也可以转入别的库里.2.选择你要添加表的库,右键点击运行SQL文件选择你要获取的.sql文件可能有些卡,如果没获取到,重开一次...

2021-06-23 16:09:19 656

原创 postman邮递员应用程序

作者现在已知用处是配合写后台,有postman就可以不用使用前端配置方法了官网:https://www.postman.com/downloads/在官网下载,注册,官网下的是英文版的我的中文版本是工友给我下载的post请求注意点:body里设置为x-www-form-urlencoded下面的键:值,对应属性:值必须注意,这个卡了我两个小时...

2021-06-22 11:07:53 243

原创 sinopia

1.安装npminstall-gsinopia2.

2021-06-15 10:51:11 156

原创 MySQL操作数据库

这是我在官网上找的,每种方法有相对应的请求方式:Method Path Route Name Controller.Action GET /posts posts app.controllers.posts.index GET /posts/new new_post app.controllers.posts.new GET /posts/:id post app.controllers.posts.show...

2021-06-11 10:05:03 261 2

原创 MySQL写数据

下载:文件内容:app -> controller ->

2021-06-10 09:33:48 207 1

原创 ps最基本的抠图手法

首先下载ps,可以去网上找或者在软件商店下载http://b1.xnljw.cn/ps/我的是在商城xiazai

2021-06-03 20:14:43 60

原创 Array初识(常用方法)

什么是数组数组也是对象,它与普通对象类似都是用来存储值的。不同的是对象的属性是字符串,而数组是通过数字索引来进行定义的。数组就是一组数据的集合[1,2,3,4,5]数组中的每一向都有对应的顺序,每一项都有对应的下标数组于对象的区别:与创建对象不同的是,构造函数创建数组可以直接添加数组项,构造函数创建对象时只能在下面通过对象.添加属性。2.字面量创建数组[]可以单独在下面去加数组每一项arr[0]数组索引[0],[1]...从0开始的...

2021-06-01 11:40:33 354

原创 javaScript增删改查

对元素进行增删改查1.创建元素createElement对象.createElement("标签名称");vardiv=document.createElement("div");2.创建文本节点createChildText对象.createChildTextNode("文本内容")3.appendChild追加一个节点(包括文本节点和元素节点)4.removeChild删除节点1.创建元素节点c...

2021-06-01 11:06:07 149

原创 JavaScript获取元素

获取元素方式1.document.getElementById()2.document.getElementsByClassName()3.document.getElementsByName()4.document.getElementsByTagName()5.document.querySelector()6.document.querySelectorAll()获取节点ps:节点包含空格,回车,文本和元素pss:元素是标签1.childNodes...

2021-06-01 11:04:45 85 1

原创 React分页

首先确保已经安装了antd,axiosjsx文件:importReact,{useState,useEffect,useRef}from'react'import{Pagination}from'antd';import'./loading.scss'importUnitfrom'../hml'constApp=()=>{const[num,setNum]=useState(1)const[data,...

2021-06-01 11:01:47 358

原创 react面试题

#react总结##什么事react专注视图层的响应式框架,单项数据流,单项数据绑定##react,vue,jq对比react单项数据绑定,专注视图层vue数据驱动试图双向绑定数据,响应式框架jq操作dom的类库##react为什么必须使用setState去修改住状态单项数据绑定特性,必须使用setState函数修改,才能使用组件进行更新阶段##setState默认的是异步还是同步?如何成为同步异步,传入两个回调函数即可##组件类型类组件,函数组件...

2021-05-31 11:09:18 59

原创 React的Redux

store.js文件:

2021-05-31 10:59:00 78

原创 React经典增删改查(class组件版)

// import { remove } from 'lodash';import React, { Component } from 'react';class App extends Component { constructor() { super() this.state = { arr: [1, 2, 3, 4, 5, 6, 7, 8, 9], value:'' } } .

2021-05-31 10:42:50 362 1

原创 React.lazy(懒加载)

使用lazy动态加载组件,使用Suspense包裹被懒加载的组件语法:

2021-05-31 10:41:08 271

原创 购物车(简略)函数组件版

import React, { useState, useEffect } from "react";import "./app.scss";const App = () => { const [data, setData] = useState([ { gname: "云南白药", address: "云南", num: 3, regDate: "1371120093221", price: 36, state.

2021-05-31 10:39:15 128 2

原创 React的ajax请求(简略版)

安装:npm install axios在src文件下的setupProxy.js文件里写地址:以拼多多地址为例:https://home-api.pinduoduo.com/home/mediareports?page_number=1&page_size=30setupProxy.js文件:const{createProxyMiddleware}=require('http-proxy-middleware');module.exports=fu...

2021-05-31 10:37:05 58

原创 react mobx

全局状态管理系统(mbox):store.js文件:import{observable,computed,action,autorun,runInAction,makeObservable}from'mobx';classStore{@observablename="xiaowang"constructor(){makeObservable(this);}@actionsetName=(text)=...

2021-05-28 16:18:18 63

原创 React上下文对象(Context)初步使用

创建Context.js文件:import React from 'react'export default React.createContext()创建

2021-05-28 14:45:15 405

原创 无需插件让redux数据持久化

数据持久化:store.js:import{createStore,combineReducers,applyMiddleware}from'redux';importthunkfrom'redux-thunk';import{reducerasfirstReducer}from'../views/First/_index.js';import{reducerastwoReducer}from'../views/TwoRedux/_inde...

2021-05-28 11:16:38 115

原创 hook组件初步认识,使用

#hook是react自16.8版本后新出的一套api,其目的是为了让函数组件拥有全部的react特性.##设计思想函数式编程##useState状态管理:-语法:`const[value,setValue]=useState(default)`-定义:让函数组件拥有和类组件一样的状态-数组里的第一个值是渲染到页面上的数据state,后面的值是用来修改前面数据的方法,等价于内组件的setState-不能直接修改value只能用setvalue函数去修...

2021-05-27 16:55:37 474

原创 React的class组件

class组件:一个最基础的++ -- 的组件,新手搞不明白怎么写class组件的函数时候可以观看以下importReact,{Component}from'react'classAppextendsComponent{constructor(props){super(props)// 定义初始值this.state={data:1}}//...

2021-05-27 16:14:13 131

空空如也

空空如也

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

TA关注的人

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