H千面-CSDN博客

原创 Vue脚手架项目搭建+elementUI使用

文章标题一、项目搭建二、ElementUI 使用1、使用cdn2、全局引入3、按需加载一、项目搭建1、菜鸟教程：vue下载并安装2、进入项目运行二、ElementUI 使用使用三种方式引入elementUI。1、使用cdn2、全局引入1、下载：npm i element-ui -D3、按需加载1、...

2021-12-28 01:11:43 980

一、介绍及安装1、介绍（1）在 React 的使用中，我们一般要引入两个包，react 和 react-dom。而 React路由有两个包，react-router 和 react-router-dom ，使用的时候，只需要引用一个即可。后者比前者多出了这样的 DOM 类组件。react-router：提供了router的核心api。如Router、Route、Switch等，但没有提供有关dom操作进行路由跳转的api；react-router-dom：提供了BrowserRouter

2021-10-18 19:29:20 969

原创 mac的使用&Linux：显示隐藏文件

1、mac显示隐藏文件参考资料：Mac 基础教程：如何让 Finder 显示隐藏文件和文件夹2、

2021-09-18 10:15:13 317

原创 2020秋招～2021春招前端面试复习资料

2020秋招～2021春招，自己使用的前端面试复习资料：码云仓库：2021前端校招准备，整理复习 – 码云JS 专题文章，underscore – 码云校招前端复习笔记Front-End-Interview – 码云

2021-09-14 10:29:04 242

原创 react组件库antd 或 antd-mobile 按需加载

react 开发时，用到的开放的组件库比较多的

2021-09-10 10:51:31 985

原创 html&css开发规范

仓库地址：html-css-guide

2021-09-01 17:31:03 144

原创 Sass学习

学习网址：Sass入门篇

2021-09-01 17:18:48 135

原创 React 父组件数据实时更新了，子组件没有更新

需求：父组件发送请求后，根据返回数据实时更新部分state，子组件实时检测跟随跟新1、可以使用利用react的componentWillReceiveProps方法子组件中增加componentWillReceiveProps(nextProps:any){ this.setState({ reuploadFlag: nextProps.reuploadFlag, successFlag: nextProps.successFlag, u

2021-09-01 15:22:04 8389

转载 Git修改分支名称并推送到远程

原博文链接:Git修改分支名称方法一：1、修改本地分支名称git branch -m oldBranchName newBranchName2、将本地分支的远程分支删除git push origin :oldBranchName3、将改名后的本地分支推送到远程，并将本地分支与之关联git push --set-upstream origin newBranchName...

2021-08-19 01:58:15 2181

原创常用的vscode的插件&谷歌浏览器插件&vscode使用方法

1、汉化：Chinese2、View in Browser GitLens3、eslint，git history，auto inport4、框架类vue vutur，react/redux，es6/es7

2021-07-31 22:38:05 1678

原创使用Git中遇到的问题

文章目录使用Git中遇到的问题1、! [remote rejected] develop -> develop (pre-receive hook declined)2、本地typora图片显示正常，上传之后无法显示。3、使用Git中遇到的问题1、! [remote rejected] develop -> develop (pre-receive hook declined)error: failed to push some refs to 'https://gitee.com/hua

2021-06-17 15:43:47 2205 1

原创前端开发工具，网站

浏览器插件，使用极简插件网站下载：FeHelper Web前端助手react开发助手

2021-06-13 13:15:52 130 3

转载 React脚手架配置代理

尚硅谷react全家桶课程课件react脚手架配置代理总结方法一在package.json中追加如下配置"proxy":"http://localhost:5000"说明：优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000 （优先匹配前端资源）方法二第一步：创建代理配置文件在src下创建配置文件：src/setupProxy.js编写setupProxy.

2021-06-13 13:12:15 156

原创 Git常用操作：本地仓库与远程仓库

这里写目录标题一、从远程拉取分支二、本地同步到远程三、本地仓管和远程仓库的一些操作远程仓库使用的码云gitee一、从远程拉取分支参考：视频同步笔记：狂神聊GitGit常用命令，以同步到远程仓库为例：在gitee码云上新建一个仓库。新建的时候，一般情况，至少要两个分支，master分支和develop开发分支，实际开发中，一般不会在master分支上操作。在本地某一目录下，使用Git命令git clone (项目HTTPS)。cd进入本地项目目录后，使用git checkout develop

2021-04-10 16:01:53 1260

原创 angular环境配置environment

angular6根据environments配置文件更改开发所需要的环境–思否配置angular的环境变量_Angular的environments多环境配置Angular6+ environment配置

2021-04-09 14:33:05 417

原创 npm登录login时报错：npm ERR! code E401，npm ERR! Incorrect or missing password.

想要在npm上发布自己的组件库，npm登录login时报错：npm ERR! code E401，npm ERR! Incorrect or missing password.PS D:\Workspace\WebstormProjects\lhqm-ngzorro> npm loginUsername: qianmianPassword:Email: (this IS public) [email protected] ERR! code E401npm ERR! Incorre

2021-04-04 23:03:53 10778 2

原创 angular构建npm包报错：It is not recommended to publish Ivy libraries to NPM repositories.

在使用angular自定义组件库，构建npm包时报错：It is not recommended to publish Ivy libraries to NPM repositories.ERROR: projects/ngx-zorro/src/lib/alert/alert.component.ts:8:14 - error NG3001: Unsupported private class AlertComponent. This class is visible to consumers via

2021-04-04 22:29:53 877

原创 angular新建library报错The new command requires to be run outside of a project, but a project definition

使用angular新建项目后，在项目下新建组件库时报错：The new command requires to be run outside of a project, but a project definition was found at “D:\Workspace\WebstormProjects\nz-supzorro\angular.json”.The new command requires to be run outside of a project, but a project def

2021-04-02 09:13:40 866

原创 B站codewhy的Vue课程资源

B站课程2019年最全最新Vue、Vuejs教程，从入门到精通老师的个人空间：codewhy的个人空间资料是我加老师微信之后，老师分享的，在这里特别感谢老师，开始还以为是有偿的，没想到老师齐刷刷的免费发了齐全的资料。发博客记录一来是为了记录，怕自己之后资料丢了，二来是分享，如有冒犯，请私信或评论区留言，谢谢。vue资料（包含代码），链接: https://pan.baidu.com/s/1QiQCRTkXPN6Y7gIEdjN7FQ 提取码: crxqvue资料（只有ppt），链接：https

2021-03-25 10:33:23 9999 15

原创 angular实现跨域访问，前后端分离

代理到后端服务器 – Angular官网Angular解决跨域问题Angular应用解决跨域访问，设置反向代理。原理是设置反向代理服务器，让Angular应用都访问自己的服务器中的API，而这类API都会被反向代理服务器转发到Java服务API中，而这个过程对于Angular应用是无感知的。...

2021-03-15 08:54:29 613

原创 Vue 组件化的理解

组件化是Vue的精髓，Vue应用就是由一个个组件构成的。Vue的组件化涉及到的内容非常多，当面试时被问到：谈一下你对Vue组件化的理解。这时候有可能无从下手，可以从以下几点进行阐述：定义：组件是可复用的 Vue 实例，准确讲它们是VueComponent的实例，继承自Vue。优点：从上面案例可以看出组件化可以增加代码的复用性、可维护性和可测试性。使用场景：什么时候使用组件？以下分类可作为参考：通用组件：实现最基本的功能，具有通用性、复用性，例如按钮组件、输入框组件、布局组件等。业务组件：它们完成

2021-01-12 00:16:17 643

原创 Vue生命周期探讨

生命周期图示；生命周期列表从一道面试题开始测试代码：<!DOCTYPE html><html><head> <title>Vue源码剖析</title> <script src="vue.js"></script></head><body> <div id="demo"> <h1>声明周期</h1>

2021-01-11 15:19:37 101

原创 Vue 之计算属性 VS 监听器

计算属性和监听器计算属性 vs 监听器监听器更通用，理论上计算属性能实现的侦听器也能实现处理数据的场景不同，监听器适合一个数据影响多个数据，计算属性适合一个数据受多个数据影响计算属性有缓存性，计算所得的值如果没有变化不会重复执行监听器提供了更通用的方法，适合执行异步操作或较大开销操作的情况从语境上来说，这两者是有差异的：...

2021-01-11 13:15:52 108

原创 16-排序

时间复杂度：稳定性：不稳定排序算法：选择排序、快速排序、希尔排序、堆排序稳定排序算法：而冒泡排序、插入排序、归并排序和基数排序

2020-12-31 01:24:19 170

转载 19-动态规划----JavaScript数据结构与算法学习

该系列博客索引目录：数据结构与算法—前端JavaScript学习动态规划参考：算法分析与设计-贪心&动归漫画：什么是动态规划？【数据结构与算法】 DP 动态规划介绍介绍：（随便看看，不看也行，看不懂很正常，看几个示例就懂了）动态规划是一种编程思想，主要用于解决最优解类型的问题。其思路是为了求解当前的问题的最优解，使用子问题的最优解，然后综合处理，最终得到原问题的最优解。但是也不是说任何最优解问题都可以使用动态规划，使用dp的问题一般满足下面的两个特征：（1）最优子结构，就是指问

2020-12-21 15:01:46 195

原创 18-递归模式----JavaScript数据结构与算法学习

该系列博客索引目录：数据结构与算法—前端JavaScript学习1. 前言算法为王。排序算法博大精深，前辈们用了数年甚至一辈子的心血研究出来的算法，更值得我们学习与推敲。因为之后要讲有内容和算法，其代码的实现都要用到递归，所以，搞懂递归非常重要。2. 定义方法或函数调用自身的方式称为递归调用，调用称为递，返回称为归。简单来说就是：自己调用自己。现实例子：周末你带着女朋友去电影院看电影，女朋友问你，咱们现在坐在第几排啊？电影院里面太黑了，看不清，没法数，现在你怎么办？于是你就

2020-12-21 15:00:55 127

转载 17-常用高级排序----JavaScript数据结构与算法学习

该系列博客索引目录：数据结构与算法—前端JavaScript学习前面我们讲了一些简单排序: 冒泡排序 - 选择排序 - 插入排序, 并且也分析了它们的效率.这一章节, 我们讲一些高级排序: 希尔排序 - 快速排序. 相对于简单排序, 它们的效率会更高一些.一. 希尔排序希尔排序是插入排序的一种高效的改进版, 并且效率比插入排序要更快.希尔排序的介绍希尔排序的历史背景:希尔排序按其设计者希尔（Donald Shell）的名字命名，该算法由1959年公布。我们知道, 优先的排序算法

2020-12-21 14:58:35 133

转载 15-什么是图算法----JavaScript数据结构与算法学习

该系列博客索引目录：数据结构与算法—前端JavaScript学习在上一个章节, 我们主要是认识一下图, 并且在程序中通过代码表示了图.这一章, 我们来学习一些图相关的算法, 我们说过: 数据结构和算法是脱离不开关系的.一. 图的遍历和其他数据结构一样, 我们需要可以通过某种算法来遍历结构中每一个数据.这样可以保证, 在我们需要时, 通过这种算法来访问某个顶点的数据以及它对应的边.遍历的方式图的遍历思想图的遍历算法的思想在于必须访问每个第一次访问的节点, 并且追踪有哪些顶点还没

2020-12-21 14:50:13 134 1

原创 14-什么是图结构----JavaScript数据结构与算法学习

该系列博客索引目录：数据结构与算法—前端JavaScript学习在计算机程序设计中, 图也是一种非常常见的数据结构.但是, 图论其实是一个非常大的话题, 我们通过本章的学习来认识一下关于图的一些内容以及图的抽象数据类型.一. 图的概念我们先来认识一下什么是图, 另外图中也有很多其他的概念, 比如: 顶点/边/有向图/无向图等等.什么是图?图是一种与树有些相似的数据结构.实际上, 在数学的概念上, 树是图的一种.我们知道树可以用来模拟很多现实的数据结构, 比如: 家谱/公司组织架

2020-12-21 14:35:37 289

原创 13-什么是红黑树----JavaScript数据结构与算法学习

该系列博客索引目录：数据结构与算法—前端JavaScript学习二叉搜索树的缺陷-01树的平衡性-02二. 认识红黑树邂逅红黑树-03红黑树的规则-04红黑树的相对平衡-05三. 红黑树的变换变色-06旋转-07四. 插入操作的情况分析插入操作-08插入操作-09插入操作-10插入操作-11五. 红黑树的案例案例-12.jpg案例-13.jpg案例-14.jpg案例-15.jpg案例-16.jpg案例-17.jpg[外链图片转存失

2020-12-21 14:34:42 159

原创 12-什么是二叉搜索树----JavaScript数据结构与算法学习

该系列博客索引目录：数据结构与算法—前端JavaScript学习前面, 我们学习了关于树的一些概念以及比较重要的二叉树的特性.现在, 我们为二叉树再增加一个限制, 那么就可以形成一个二叉搜索树.一. 二叉搜索树的概念我们先来简单理解一下什么是二叉搜索树.什么是二叉搜索树?二叉搜索树（BST，Binary Search Tree），也称二叉排序树或二叉查找树二叉搜索树是一颗二叉树, 可以为空；如果不为空，满足以下性质：非空左子树的所有键值小于其根结点的键值。非空右子树的所有

2020-12-21 14:33:47 152

原创 11-什么是树结构----JavaScript数据结构与算法学习

该系列博客索引目录：数据结构与算法—前端JavaScript学习树也是一种非常常用的数据结构, 特别是二叉树.二叉树是程序中一种非常重要的数据结构, 它的优势是前面介绍的数据结构所没有的.一. 树的概念我们先来简单的认识一些关于树的概念, 再来认识特殊的二叉树以及它的相关编码工作.树是什么?真实的树:相信每个人对现实生活中的树都会非常熟悉img我们来看一下树有什么特点?树通常有一个根. 连接着根的是树干.树干到上面之后会进行分叉成树枝, 树枝还会分叉成更小的树枝

2020-12-21 14:32:04 161

原创 10-什么是哈希表实现----JavaScript数据结构与算法学习

该系列博客索引目录：数据结构与算法—前端JavaScript学习前面, 我们使用了大量的篇幅来解析哈希表的理论知识.现在, 我们进入代码的实施阶段, 但是实施之前, 先来深入一个比较重要的话题: 哈希函数.一. 哈希函数讲了很久的哈希表理论知识, 你有没有发现在整个过程中, 一个非常重要的东西: 哈希函数呢?我们这里来探讨一下, 设计好的哈希函数应该具备哪些优点.快速的计算好的哈希函数应该尽可能让计算的过程变得简单, 应该可以快速计算出结果.哈希表的主要优点是它的速度, 所以在速

2020-12-21 14:31:11 106

原创 CSS3 动画

一、相关知识点1、动画的基本使用制作动画分为两步：（1）先定义动画（2）再使用（调用）动画（1）用keyframes 定义动画（类似定义类选择器）@keyframes 动画名称 { 0%{ width:100px; } 100%{ width:200px; }}（2）元素使用动画2、动画常用属性3、动画简写属性二、案例：热点图案例波纹的部分是缩放的其中图片是资源，如下图：代码：定义动画：70%不要使用transform: scale(

2020-12-17 10:49:13 139

原创 CSS实现旋转，缩放 --- CSS3之 2D 转换

相关知识点：1、旋转2、缩放3、2D转换综合写法综合写法：4、2D 转换总结2D即平面的，x轴和y轴1、效果：实现框中内部右边的箭头p::before { content: ''; position: absolute; right: 20px; top: 10px; width: 10px; height: 10px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform:

2020-12-16 22:36:35 183

原创 CSS实现进度条---CSS3新特性之过渡

一、基础知识过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画：是从一个状态渐渐的过渡到另外一个状态，可以让我们页面更好看，更动感十足，虽然低版本浏览器不支持（ie9以下版本）但是不会影响页面布局。我们现在经常和 :hover 一起搭配使用。样例：鼠标放上去变化 div { width: 200px;

2020-12-16 11:12:37 1196

原创 CSS3新特性实现各行换色，数据样式随数据行数变化

表格等信息展示样式常常需要各行换色，即样式跟数据行数有关系使用CSS3的新特性可以很方便的实现效果：涉及的知识点：nth-child（n）选择某个父元素的一个或多个特定的子元素（重点）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini

2020-12-15 22:53:51 417

原创 CSS权重，属性书写顺序，布局技巧和网页布局总结，盒子模型排列位置---CSS

通过盒子模型，清楚知道大部分html标签是一个盒子。标准流可以让盒子上下排列或者左右排列，垂直的块级盒子显示就用标准流布局。浮动可以让多个块级元素一行显示或者左右对齐盒子，多个块级盒子水平显示就用浮动布局。定位定位最大的特点是有层叠的概念，就是可以让多个盒子前后叠压来显示。如果元素自由在某个盒子内移动就用定位布局。...

2020-12-13 23:32:45 625

原创 09-什么是哈希表理论----JavaScript数据结构与算法学习

该系列博客索引目录：数据结构与算法—前端JavaScript学习哈希表是一种非常重要的数据结构, 很多学习编程的人一直搞不懂哈希表到底是如何实现的.在这一章节中, 我们就一点点来实现一个自己的哈希表. 通过实现来理解哈希表背后的原理和它的优势.一. 认识哈希表我们还像其他数据结构一样, 先来简单的认识一下哈希表.哈希表介绍哈希表是一种非常重要的数据结构, 几乎所有的编程语言都有直接或者间接的应用这种数据结构.哈希表通常是基于数组进行实现的, 但是相对于数组, 它也很多的优势:它可

2020-12-13 23:19:33 140

原创 08-什么是字典结构----JavaScript数据结构与算法学习

该系列博客索引目录：数据结构与算法—前端JavaScript学习数组-集合-字典是几乎编程语言都会默认提供的数据类型.在JavaScript中默认提供了数组, 但没有提供集合和字典(ES6中增加了), 在上一章节中, 我们自己通过对象实现了一下集合.本章, 我们还是基于对象实现一下字典.一. 认识字典字典的介绍生活中的字典中文字典我们可以根据拼音去查找汉字, 并且找到汉字对应的词以及解释.英文字典也是类似, 根据英文字母找到对应的单词, 再查看其翻译和应用场景.很多编程语言中都有字

2020-12-13 23:17:37 249

H5&C3---黑马pink.7z

原视频链接：https://www.bilibili.com/video/BV14J4114768。是pink老师分享的课件。有部分没有的内容我在学习的过程中补充在博客专栏中了：https://blog.csdn.net/h200102/category_10602748.html。还有部分内容是自己的练习。

2021-01-06

Ajax&Json基础学习和redis基础学习.zip

文件包含ajax、json和Redis学习笔记和练习源码。配套博客：https://blog.csdn.net/H200102/article/details/107170707

2020-07-09

JQuery学习笔记和案例练习.zip

配套博客https://blog.csdn.net/H200102/article/details/106985912，https://blog.csdn.net/H200102/article/details/106991221。压缩包里包含JQuery的基础和高级内容的源码和笔记，JQuery的版本和文档。

2020-06-28