实战项目
胖达爱打代码
脚踏实地,一字一句,塑造自己
展开
-
毕设项目报错
毕设项目报错1.create config service error!properties=NacosConfigProperties{serverAddr=‘null‘, encode=‘null‘,构建springcloudalibaba项目,伴有空指针错误,注册到nacos注册中心时候报的错误,但是项目启动成功了,服务也注册到nacos上了解决:写bootstrap.properties文件,里面加一句spring.cloud.nacos.config.server-addr=127.0.0.原创 2021-06-01 09:57:58 · 267 阅读 · 0 评论 -
react的基础知识整理
react基础知识整理1.组件react中定义组件有两种方式,分别是声明函数方式和声明类方式。首相我们使用函数方式来创建组件import React from 'react';import ReactDOM from 'react-dom';function One(params) { console.log(params); return (<div>吃西红柿不吐葡萄皮{params.age}</div>)}let a=<div><原创 2020-11-01 11:19:38 · 193 阅读 · 0 评论 -
封装react框架中的核心方法
封装react框架中的核心方法一.为了更好的理解react框架,我们梳理一下逻辑来尽力还原REACT的核心方法,即react核心库中的createElementcr和ReactDOM的render方法 。(1).首先定义两个对象,并分别定义两个核心方法2.首先做createElement方法,模拟方法定义类型参数,属性参数(传递属性),和一个children参数,因为后续用户不一定传几个参数,我们用拓展收缩运算符将children参数设定成数组,从而从第三个实参开始的值。...原创 2020-10-29 13:13:22 · 313 阅读 · 0 评论 -
session及cookie问题
session及cookie问题1.当用户登录成功时,会在服务器中创建一个session,session中保存客户端和服务器的连接唯一标识connect-sid,2.当服务器返回数据时会把字段名叫set-cookie,字段值叫connect-sid的字段放在响应头中3.客户端接受信息时会检测响应头中是否存在set-cookie字段,如果存在会把字段里的值放到浏览器的cookie中4.下次客户端发送请求时会把浏览器中cookie的connect-sid放到请求头中。5.当我们在当前域发送接口时会自动原创 2020-09-13 13:10:18 · 447 阅读 · 0 评论 -
npm常用命令
npm常用命令一.首先我们要清楚,什么是npm?简而言之,npm就是一个模块管理的工具。二.其使用场景可分如下三类:1.允许用户从NPM服务器下载别人编写的第三方包到本地使用。2.允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。3.允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。三.常用命令 // npm init -y 生成一个配置清单,会生成一个package.json文件,里面存储的就是你的安装记录, // npm i xxx 把模原创 2020-09-02 17:29:38 · 309 阅读 · 0 评论 -
快速入门同步异步(一)
快速入门同步异步(一)关于同异步的讲解我们分成三个阶段进行,今天只提入门内容。1.首先我们要明确一个执行的优先级:进程>线程 --------------------------同步>异步2.前提:JS作为脚本语言,它的主要用途是与用户互动,因此JS为了避免复杂化将js从开始就设定为单线程的(同一时间只能执行一行代码),即js的代码只能在一个线程上运行执行时分配一个线程,而浏览器则为多线程3.执行流程:js执行时会有一条主线程,同步任务在执行时放到主线程进行优先执行(亲儿子),而异步原创 2020-08-25 23:36:14 · 193 阅读 · 0 评论 -
ES6新增Promise+then详细讲解
##ES6新增Promise+then详细讲解 Promise是es6新增的一个类,其职能相当于一个状态机 有三种状态:pending fulfilled rejected(等待 成功 失败); 状态一旦发生改变则凝固不可再改变; 第一个请求成功以后发第二个,第二个成功以后发第三个; 成功才会有相应的操作和处理; 在真实的项目中,咱们只需要成功,捕获一下失败; new promise是一个同步的过程,new promise执行时传进去的回调函数会马上执行原创 2020-08-22 22:48:54 · 561 阅读 · 0 评论 -
三分钟学会防抖和节流
三分钟学会防抖和节流在实际项目开发中,一直有一个问题困扰着很多开发人员,就是用户的频繁点击问题,总所周知,在真实项目中,用户每点击一次就会向后台发送一条请求,如果不加以限制,将会造成数据库的瘫痪问题,为了防止这种事情发生,因此就出现防抖和节流。一.防抖概念:当用户点击某个事件行为时,我们设置一个定时器,每点击一次,定时器将会在n秒后(自己设置)延迟执行这个事件,如果用户不断点击,定时器就会自动清零并且重新计时,换句话说,这个用户如果足够有毅力,可以和这个事件耗到两败俱伤,不是你停电关机,就是我手指头抽原创 2020-08-21 21:00:19 · 102 阅读 · 0 评论 -
10分钟学会前端JS瀑布流
10分钟学会JS瀑布流一.瀑布流是前端开发必会的技能之一,某度图片,花某网都有运用,今天我们将以原生js的方式来解释其构造和运行原理,帮助大家更好的理解,如有不完善之处可多多指正,另外想要其完整项目可在评论区留邮箱,或私信联系我。...原创 2020-08-16 19:04:02 · 316 阅读 · 0 评论 -
Js单个图片的延迟加载
Js单个图片的延迟加载一.图片的延迟加载在实际项目中经常出现,例如我们在浏览某宝,某东的商品时,可以发现,屏幕下面的图片有些时候并没有直接显示,这就是延迟加载的功效。例如下图:当然,瑕不掩瑜,延迟加载的效益也是有目共睹的,那今天我们先来学习一下其中最好理解的单张图片延迟加载。所需结构如下:1.一个封装好的JS文件,用于获取设置偏移量和父级参照物,以下是代码,可自己封装或cv:let utils = (function () { function screen(attr, value) {原创 2020-08-15 19:34:52 · 243 阅读 · 0 评论 -
简单刨析JS中Call()的执行原理
简单刨析JS中Call()的执行原理最近发现许多同学反映对于call这个函数的理解总是一头雾水,其实如果简单梳理call的执行思路,就会发现,其实并不是那么晦涩难懂,在这篇文章中,会用最能让人理解的"人话",帮助大家理解这个函数,但是注意,这并不等于我在刨析call的源码。首先我们要明白,call的作用是什么,其实很简单,就是把调用call方法的对象所传递的形参变成方法的this,熟读一下三句话就能明白了:// 把当前调用的对象以类似属性名的方式放在参数中// 谁调用,this就是谁,所以参数反客为原创 2020-08-14 21:36:54 · 280 阅读 · 0 评论 -
两种方法获取url参数(split replace+正则)
两种方法获取url参数((split replace+正则)首先我们使用简单的split进行获取1.代码如下所示:// An highlighted block let url = 'https:www.baidu.com:5500?name=erYa&age=18#index'; function queryUrlParams(){ let firsturl=this.split('?')[1]; let twourl=firsturl.split(''); }...原创 2020-08-12 23:57:49 · 1325 阅读 · 0 评论 -
JS购物车的实现与保姆级详细讲解(一)
JS购物车的实现与保姆级详细讲解1.话不多说,我们先放截图,有兴趣的同学可以接着往下看,没兴趣的同学也不会浪费掉自己的宝贵时间,相关代码地址放在文章末尾。2.可以看到,此购物车有如下功能,商品的累加累减,合计数量,以及总花费金额和最高商品单价,首先案例结构如下:3.代码量相比其他项目或者案例,并不算太多,相对来说也好理解,整个购物车分为上下两个主要部分,即最上层的ul和最下层的class叫做info的div标签。ul里细分为5个小li:4.这五个小li对应着购物车的每一件商品,其中购物车的原创 2020-08-12 20:34:48 · 517 阅读 · 0 评论 -
商城排序实战案例(涉及AJAX,Jason,sort排序)
商城排序案例(涉及AJAX,Jason,sort排序)一,话不多说,我们先来介绍一下本次案例,商城排序是针对于深度解析Sort方法所进行的实际案例练习,其中利用Ajax请求数据,对json数据进行解析并渲染到浏览器上,案例实现了多种数据的交互排序,用简单的CSS制作了一个排序图标,图标会根据请求做出不同的相应动作。二,结构如下图所示,首先创建一个主文件夹,里面新建css img js json等四个文件夹,其中除img文件夹里的随便找的图片外,其他文件我会以代码块的形式进行粘贴。三(1)css原创 2020-08-09 19:16:20 · 353 阅读 · 0 评论