廿七の笔记-CSDN博客

原创 Error: Cannot find module ‘glob‘

启动项目时报错如下：首先按照提示信息，单独安装了一下glob,发现没有起作用仔细浏览错误信息，发现项目中所有的scss文件都报错，于是猜测node-sass遭到了破坏，重新全局安装了一下node-sass然后删掉node-modules,重新执行yarn，再启动项目，问题解决！！...

2020-12-22 17:07:26 8002

原创图片预览常用的两种方式

图片预览的两种方式本地预览 FileReaderimport React, { useState, useEffect } from "react";import Cookies from "js-cookie";import instance from "../../../../axios/index";/** * 上传图片并预览的两种方式： * ① 本地预览 FileReader * ② 上传至服务器并返回图片的URL */const Djradio = () => {

2020-12-14 16:37:20 1804

原创 localStorage设置过期时间

localStorage设置过期时间步骤：在存储原始数据时附带上过期时间查询数据时，将当前时间与存储的过期时间进行比较如果当前时间大于存储的过期时间，则返回null并从存储中删除该条数据，否则，返回原始信息。// 这里 expired过期时间单位为分钟const storage = { setItem: function (key: string, value: any, expired?: number) { let data = expired ? { value, exp

2020-12-14 16:28:22 347

原创页面加载时加一个loading

import React, { FC, memo, useEffect, useState } from "react";const Demo: FC = props => { const [data, setData] = useState(""); const [isLoading, setIsLoading] = useState(true); const getData = () => { return new Promise((resolve, reject)

2020-09-08 17:02:48 452

原创 react组件数组元素属性发生变化时，setState页面不更新

今天遇到的问题是：组件内对数组元素进行修改后数据有变化但是页面没重新渲染话说这是因为组件没能够识别数组的变化，所以页面没有重新渲染所以只要让组件感知到你发生了改变，就可以达到刷新的效果import React, { Component } from 'react';import './App.css';import Todo from './components/todo/index'import { Table, Button } from 'element-react';class App

2020-08-24 14:45:43 6824 1

原创 hashRouter && browerRouter

在React项目中我们经常需要采用React-Router来配置我们的页面路由，React-Router 是建立在 history 之上的，常见的history路由方案有三种形式，分别是：hashHistorybrowserHistorycreateMemoryHistoryhashHistory 使用 URL 中的 hash（#）部分去创建路由，举例来说，用户访问http://www.example.com/，实际会看到的是http://www.example.com/#/<HashR

2020-08-21 15:51:05 618

原创 Git基础

当文件被修改并且还没有提交到暂存区时，取消这次修改的操作是：git checkout – 当文件已修改并且提交到暂存区（即已经执行过git add）时，将文件重新回到未暂存的状态的操作是：git reset HEAD 当文件已经被提交到仓库时，重置到某一次提交的操作是：git reset --hard 标签管理查看所有标签git tag创建标签git tag name标签发布git push origin name删除标签git tag -d name

2020-08-18 19:00:59 109

原创 ES6常用语法

es6允许为函数的参数设置默认值，及直接写在参数定义的后面。function log(x,y="world"){ return x + y;}console.log(log("hello")); //print "hello world"console.log(log("hello","china")); //print "hello china"注意参数变量x或y是默认声明的，在函数体中不能用let或者const再次声明，否则会报错。function log(x,y="world")

2020-08-18 18:59:54 98

原创快速搭建一个简单的node服务器

需要安装的插件：expressnpm install express --savebody-parser (用来解析传递的参数)npm install body-parser --savecookie-parser(用来设置和获取cookie)npm install cookie-parser --save使用cookie-parser设置cookie,例如var express = require("express");var cookieParser = requir

2020-08-18 18:55:58 273

原创 Vue-cli搭建移动端项目

Vue-cli搭建移动端项目项目介绍 1.仿照去哪儿 APP做的移动端项目 2.可以进行移动端的屏幕适配 3.使用Vue脚手架工具和webpack打包工具构建项目 4.使用预处理语言less编写部分css样式 5.使用iview框架实现轮播图效果以及各种图标的引用 6.使用Vuex以及Vuerouter实现组件与组件之间的通信 7.使用了axios技术...

2018-09-11 21:23:17 4466 2

原创电商平台项目

电商平台项目项目简介平台分为管理员端以及用户端管理员可以对商品进行上、下架，修改商品信息以及对用户的信息进行修改 -用户可以选择游客模式对商品进行浏览，或者登录平台将商品加入购物车，生成订单等操作技术实现使用bootstrap框架进行用户端前端界面的搭建，H-ui框架进行管理员端界面的搭建使用到了localStorage、cookie等缓存技术使用Ajax技...

2018-09-11 16:12:18 7250 8

原创 Vue的生命周期钩子函数之activated

Vue的生命周期钩子函数之activatedactivated 生命周期在keep-alive 组件激活时调用服务器端渲染期间不调用该生命周期通常和deactivated周期一起使用以下例子演示随着屏幕的滚动切换顶部悬浮窗的显示与隐藏效果html代码块 <div id="singleBanner"> <!-- 顶部悬浮窗效果 --...

2018-09-08 21:10:39 24707 1

qq_40041944的博客