- 博客(21)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 webpack学习
一.webpack概述与基本操作1.webpack:静态资源打包工具，当webpack处理应用程序时，它会递归的·构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有的这些模块打包成一个或者多个bundle。webpack本身是基于node.js开发的，因此需要提前安装node2.安装为了防止版本冲突，建议安装本地项目模块，而不是全局，我们使用yarn来演示安装，除了webpack，还需要安装webpack-cli，这个cli，原意叫做命令提示工具。我们使用命令yarn add web
2021-06-22 11:58:13
134
原创 毕设项目报错
毕设项目报错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
249
原创 node-sass和less-loader没找到
ERROR in ./~/css-loader!./~/postcss-loader!./~/sass-loader/lib/loader.js!./src/style/common.global.scss Module build failed: Error: ENOENT: no such file or directory, open 'D:\Test\kgt-zhenduan-tool\node_modules\sass-loader\lib\loader.js' ...
2021-05-20 15:08:29
334
1
原创 Vue构建脚手架(保姆级详细教学)
Vue构建脚手架(保姆级详细教学)介绍:Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,通过 @vue/cli 实现的交互式的项目脚手架，通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发，懒得看介绍可以直接执行我的加粗指令，快速构建项目。0.前提条件安装node.js(有些项目对于node版本有具体要求，建议直接安装nvm来切换各个版本node，用于项目开发)，因为我们需要使用其自带的npm进行指令操作，所以node是必不可少的流程。
2021-05-15 12:00:18
225
原创 nrm ls报错解决方案
nrm ls报错解决方案PS D:\work\driver-invite-driver> nrm lsC:\Users\daojia\AppData\Roaming\nvm\v8.17.0\node_modules\nrm\node_modules\open\index.js:38 } catch {} ^SyntaxError: Unexpected token { at Object.runInThisCo
2021-05-11 11:12:20
700
1
原创 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
180
原创 封装react框架中的核心方法
封装react框架中的核心方法一.为了更好的理解react框架，我们梳理一下逻辑来尽力还原REACT的核心方法，即react核心库中的createElementcr和ReactDOM的render方法 。(1).首先定义两个对象，并分别定义两个核心方法2.首先做createElement方法，模拟方法定义类型参数，属性参数(传递属性)，和一个children参数，因为后续用户不一定传几个参数，我们用拓展收缩运算符将children参数设定成数组，从而从第三个实参开始的值。...
2020-10-29 13:13:22
297
原创 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
380
原创 npm常用命令
npm常用命令一.首先我们要清楚，什么是npm?简而言之，npm就是一个模块管理的工具。二.其使用场景可分如下三类:1.允许用户从NPM服务器下载别人编写的第三方包到本地使用。2.允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。3.允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。三.常用命令 // npm init -y 生成一个配置清单，会生成一个package.json文件，里面存储的就是你的安装记录， // npm i xxx 把模
2020-09-02 17:29:38
283
原创 快速入门同步异步(一)
快速入门同步异步(一)关于同异步的讲解我们分成三个阶段进行，今天只提入门内容。1.首先我们要明确一个执行的优先级:进程>线程 --------------------------同步>异步2.前提:JS作为脚本语言，它的主要用途是与用户互动，因此JS为了避免复杂化将js从开始就设定为单线程的(同一时间只能执行一行代码)，即js的代码只能在一个线程上运行执行时分配一个线程,而浏览器则为多线程3.执行流程：js执行时会有一条主线程，同步任务在执行时放到主线程进行优先执行(亲儿子)，而异步
2020-08-25 23:36:14
175
原创 ES6新增Promise+then详细讲解
##ES6新增Promise+then详细讲解 Promise是es6新增的一个类，其职能相当于一个状态机 有三种状态:pending fulfilled rejected(等待 成功 失败); 状态一旦发生改变则凝固不可再改变; 第一个请求成功以后发第二个，第二个成功以后发第三个； 成功才会有相应的操作和处理； 在真实的项目中，咱们只需要成功，捕获一下失败； new promise是一个同步的过程,new promise执行时传进去的回调函数会马上执行
2020-08-22 22:48:54
503
原创 三分钟学会防抖和节流
三分钟学会防抖和节流在实际项目开发中，一直有一个问题困扰着很多开发人员，就是用户的频繁点击问题，总所周知，在真实项目中，用户每点击一次就会向后台发送一条请求，如果不加以限制，将会造成数据库的瘫痪问题，为了防止这种事情发生，因此就出现防抖和节流。一.防抖概念:当用户点击某个事件行为时，我们设置一个定时器，每点击一次，定时器将会在n秒后(自己设置)延迟执行这个事件，如果用户不断点击，定时器就会自动清零并且重新计时，换句话说，这个用户如果足够有毅力，可以和这个事件耗到两败俱伤，不是你停电关机，就是我手指头抽
2020-08-21 21:00:19
88
原创 JQuery选项卡
##JQuery选项卡非常简单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
2020-08-18 21:10:08
139
原创 10分钟学会前端JS瀑布流
10分钟学会JS瀑布流一.瀑布流是前端开发必会的技能之一，某度图片，花某网都有运用，今天我们将以原生js的方式来解释其构造和运行原理，帮助大家更好的理解，如有不完善之处可多多指正，另外想要其完整项目可在评论区留邮箱，或私信联系我。...
2020-08-16 19:04:02
230
原创 Js单个图片的延迟加载
Js单个图片的延迟加载一.图片的延迟加载在实际项目中经常出现，例如我们在浏览某宝，某东的商品时，可以发现，屏幕下面的图片有些时候并没有直接显示，这就是延迟加载的功效。例如下图:当然，瑕不掩瑜，延迟加载的效益也是有目共睹的，那今天我们先来学习一下其中最好理解的单张图片延迟加载。所需结构如下:1.一个封装好的JS文件，用于获取设置偏移量和父级参照物，以下是代码,可自己封装或cv:let utils = (function () { function screen(attr, value) {
2020-08-15 19:34:52
151
原创 简单刨析JS中Call()的执行原理
简单刨析JS中Call()的执行原理最近发现许多同学反映对于call这个函数的理解总是一头雾水，其实如果简单梳理call的执行思路，就会发现，其实并不是那么晦涩难懂，在这篇文章中，会用最能让人理解的"人话"，帮助大家理解这个函数，但是注意，这并不等于我在刨析call的源码。首先我们要明白，call的作用是什么，其实很简单，就是把调用call方法的对象所传递的形参变成方法的this，熟读一下三句话就能明白了:// 把当前调用的对象以类似属性名的方式放在参数中// 谁调用，this就是谁，所以参数反客为
2020-08-14 21:36:54
257
原创 两种方法获取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
1302
原创 JS购物车的实现与保姆级详细讲解(一)
JS购物车的实现与保姆级详细讲解1.话不多说，我们先放截图，有兴趣的同学可以接着往下看，没兴趣的同学也不会浪费掉自己的宝贵时间，相关代码地址放在文章末尾。2.可以看到，此购物车有如下功能，商品的累加累减，合计数量，以及总花费金额和最高商品单价，首先案例结构如下：3.代码量相比其他项目或者案例，并不算太多，相对来说也好理解，整个购物车分为上下两个主要部分，即最上层的ul和最下层的class叫做info的div标签。ul里细分为5个小li：4.这五个小li对应着购物车的每一件商品，其中购物车的
2020-08-12 20:34:48
486
原创 商城排序实战案例(涉及AJAX，Jason，sort排序)
商城排序案例(涉及AJAX，Jason，sort排序)一，话不多说，我们先来介绍一下本次案例，商城排序是针对于深度解析Sort方法所进行的实际案例练习，其中利用Ajax请求数据，对json数据进行解析并渲染到浏览器上，案例实现了多种数据的交互排序，用简单的CSS制作了一个排序图标，图标会根据请求做出不同的相应动作。二，结构如下图所示，首先创建一个主文件夹，里面新建css img js json等四个文件夹，其中除img文件夹里的随便找的图片外，其他文件我会以代码块的形式进行粘贴。三(1)css
2020-08-09 19:16:20
337
原创 涉及大量底层原理的前端练习题
涉及大量底层原理的前端练习题此练习题涵盖了包括变量提升，运算符优先级，箭头函数，This指向，堆栈内存等知识点，作为梳理逻辑，调用关系的强化训练再适合不过，PS(此题不建议初学者尝试)答案和详细讲解会放在本文末尾，题目如下:// An highlighted block let n = m = 10; var obj = { n: 10, f1: (function (m) { n += n;`
2020-08-08 19:14:15
168
js购物车demo.zip
2020-08-11
QQ音乐11.zip
2020-08-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人