自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 资源 (5)
  • 问答 (5)
  • 收藏
  • 关注

原创 淡季如何去找工作?无基础也要懂得的找工作方法

好久没有写文章啦。最近一直都在忙一件事,那就是公司裁员。好在我在第一批裁员的时候正确地做好了准备,在于上家公司离职后的一天后就入职新公司啦。面试时间虽然紧迫,天气也比较冷,我还是面试够了近十家公司。以下是我面试的所有公司的概况: 公司名称 距离 薪资 加班情况 是否出差 备注 顺*而为 ...

2020-12-24 09:30:12 369

原创 React 组件条件渲染的几种方式

一、条件表达式渲染 (适用于两个组件二选一的渲染)render() { const isLoggedIn = this.state.isLoggedIn; return ( <div> {isLoggedIn ? ( <LogoutButton onClick={this.handleLogoutClick} /> ) : ( <LoginButton onClick={this.handleLogi

2020-10-26 14:08:36 677

原创 React 概览

React 的核心思想是:封装组件。各个组件维护自己的状态和 UI,当状态变更,自动重新渲染整个组件。基于这种方式的一个直观感受就是我们不再需要不厌其烦地来回查找某个 DOM 元素,然后操作 DOM 去更改 UI。React 大体包含下面这些概念:组件 JSX Virtual DOM Data Flow这里通过一个简单的组件来快速了解这些概念,以及建立起对 React 的一个总体认识。import React, { Component } from 'react';impor

2020-10-24 23:27:30 185

原创 React中的路由

可以使用路由用来匹配不同的模块来响应用户的请求,有些公司的项目代码中依旧使用的是老版的路由,所以说先说3.0版本再说4.0版本,最新的5.0版本和4.0版本差别并不大。路由Router3.X的安装和使用。命令行:npm install --save [email protected]引入路由和书写:hashHistory是用来保存历史的,可以在页面顶端前进后退import { Router,Route,hashHistory } from "react-router";<

2020-10-24 23:17:13 146

原创 CSS的继承性、层叠性、特殊性

本节重点1.继承性在css中某些样式是具有继承性的,那么什么是继承呢?官方解释,继承是一种规则,它允许样式不仅应用于特定的html标签元素,而且应用于其后代元素。如你父亲是双眼皮,你母亲是单眼皮,那么你是双眼皮,那么你就是继承了父亲的双眼皮。拿到我们实际的代码中应用,代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&g..

2020-10-21 13:09:36 174

原创 ES11新增的这9个新特性,你都了解了吗?

ECMAScript2020 是ECMAScript语言规范的第11版。自1997年出版第一版以来,ECMAScript已发展成为世界上使用最广泛的通用编程语言之一。ES2020(ES11) 引入了以下新特性:String 的 matchAll 方法 动态导入语句 import() import.meta export * as ns from 'module' Promise.allSettled 一种新的数据类型:BigInt GlobalThis Nullish co...

2020-10-15 10:08:23 342

原创 判断JS数据类型有几种方法

在 ECMAScript 规范中,共定义了 7 种数据类型,分为 基本类型 和 引用类型 两大类,如下所示:基本类型:String、Number、Boolean、Symbol、Undefined、Null引用类型:Object Function Date ...基本类型也称为简单类型,由于其占据空间固定,是简单的数据段,为了便于提升变量查询速度,将其存储在栈中,即按值访问。引用类型也称为复杂类型,由于其值的大小会改变,所以不能将其存放在栈中,否则会降低变量查询速度,因此,其值存储在堆(.

2020-10-11 19:20:56 224

原创 webpack打包优化的几种方案

实现webpack打包优化,有两个优化点:如何减少打包时间 如何减少打包大小减少打包时间1.优化Loader对于Loader来说,首先优化的当是babel了,babel会将代码转成字符串并生成AST,然后继续转化成新的代码,转换的代码越多,效率就越低。首先可以优化Loader的搜索范围module.exports = { module: { rules: [ test: /\.js$/, // 对js文件使用babel

2020-10-11 19:13:33 5796 2

原创 javascript数组去重有几种方式

一、利用ES6中的 Set 方法去重注:Set为ES6新增的一个对象,允许存储任何类型(原始值或引用值)的唯一值let arr = [1,0,0,2,9,8,3,1]; function unique(arr) { return Array.from(new Set(arr)) } console.log(unique(arr)); // [1,0,2,9,8,3]  or6      conso...

2020-10-11 18:59:15 924

原创 js继承的多种方式

《JavaScript高级程序设计》提到了6中继承方式:1.原型链继承2.借用构造函数(经典继承)3.组合继承4.原型链继承5.寄生式继承6.寄生组合式继承原型链继承// 原型链继承 function Person(){ this.name = 'weihao'; } Person.prototype.getName = function(){ console.log(this.name)

2020-10-09 23:03:11 108

原创 原型与原型链

一、全局对象 windowECMAScript 规定全局对象叫做 global,但是浏览器把 window 作为全局对象(浏览器先存在的),window 就是一个哈希表,有很多属性。window 的属性就是全局变量。这些全局变量分为两种:1.一种是 ECMAScript 规定的:global.parseInt global.parseFloat global.Number global.String global.Boolean global.Object2.一种是浏览器自己加的

2020-10-04 23:30:27 187

原创 考下大家什么是BFC呢?

什么是BFC?BFC 全称为 块格式化上下文 (Block Formatting Context) 。从这个概念里你能看出来什么吗?这个名字给我们的信息只有 “块” “格式化” “上下文” 。我们大概可以了解到这个东西是对上下文起作用的。那里的上下文?? HTML文档!它大概的作用,貌似是格式化上下文??可能不是我们通常意义中的格式化。我们没有从这个名字中得到太多有用的信息,仅仅知道它是一种功能,针对于 HTML文档 起作用。在我们日常布局中总会出现这样的布局:为什么会BFC

2020-09-08 14:09:05 116

原创 Nodejs框架分享

nodejs后台基础框架该框架有助于快速搭建Nodejs后端框架,并提供简单的MySQL数据库连接方案。因作者之前是学后端的,所以基于了后端的MVC框架进行编写。项目地址https://github.com/FireSmallPanda/N-com涉及知识点该框架主要用到了以下技术支持: NodeJs、express、Mysql数据库、Promise、yaml配置适用人群有一定的Nodejs开发经验并想能快速开发一个后端的朋友。如何启动# 下载Nodejs热部署工具n

2020-08-28 11:10:52 199 1

原创 微信小程序 扫码技术调研

<div class="lake-engine-view lake-typography-classic" tabindex="0"><h2 data-lake-id="eca5ae961ac0bebd95f3cf9d72c8d55b" id="JYr7n"><a class="lake-anchor" style="top: 3.7143px;"><span class="lake-anchor-button lake-icon lake-icon-h2">

2020-08-28 10:26:53 629

原创 Javascript基础之常见考点

1.继承 1、原型链继承,将父类的实例作为子类的原型,他的特点是实例是子类的实例也是父类的实例,父类新增的原型方法/属性,子类都能够访问,并且原型链继承简单易于实现,缺点是来自原型对象的所有属性被所有实例共享,无法实现多继承,无法向父类构造函数传参。 2、构造继承,使用父类的构造函数来增强子类实例,即复制父类的实例属性给子类,构造继承可以向父类传递参数,可以实现多继承,通过call多个父类对象。但是构造继承只能继承父类的实例属性和方法,不能继承原型属性和方法,无法实现函数服用,每个子类都有父

2020-08-12 20:46:53 198

原创 Javascript基础之算法

1.全排列function permutate(str) { var array = str.split(''); function loop(array, pre = []) { if (array.length == 1) { return [pre.concat(array).join('')]; } let res = []; for (let index = 0; index < a

2020-08-12 20:36:14 127

原创 记朋友一次面试经历,非常精彩

跳槽原因 前东家部门是做旅游的,在这次疫情打击下,基本玩完。 于是我半休半远程三个月后,在4月底领了裁员便当。至今,差不多找了两个月的工作。 本篇不是标准的面经,想从中获取大厂跳槽经验的可以歇一歇。 1. 高频面试题汇总 面过的公司有点多,一并说了吧。 1. 从“在浏览器输入域名”到“页面静态资源完全加载”的整个流程 见于:某游戏公司、小鹅通、阿里一面、另外三家小公司 这问题的答案,我结合了yck《前端...

2020-08-08 17:18:20 272

转载 从培训班出来之后找工作的经历,教会了他这五件事

这是 Medium 上的一篇文章(已有 5900 个赞),讲的是国外一个培训出来的程序员,用三个月时间,找到了一份年薪 12 万美元的工作,并从中得到的五个忠告的故事。我觉得他总结得很好,尤其是心态和方法,非常值得学习。对正在找工作的同学非常有用。以下是译文:我们很少讨论,一个参...

2020-07-31 16:16:04 355

原创 作为一个前端负责人你是怎样参与一个完整项目的?

这是我第一次前端面试时被问到的一个问题由此整理了自己的回答思路,大家有什么不同的回答在留言区DD吧首先最重要的目标肯定是要形成高质量,可维护性高,运行效率高、搭建成本低的一个系统。 1.在项目初期会做需求评审。然后我会做概要设计,大家一起讨论用什么技术,项目结构是怎样的。之后做详细设计,明确每一个页面的逻辑与实现方式,明确需要哪些组件。明确每个页面的工作量和每个人的工作范围。...

2020-04-21 20:08:58 1314 2

原创 VUE常见面试题整理(一)

4月终于结束了自己的面试,拿下Offer,对此我整理了很多面试的笔记。由此其中一篇给大家分享:1.你知道vue的模板语法用的是哪个web模板引擎的吗?说说你对这模板引擎的理解vue模板引擎2.你知道v-model的原理吗?说说看你有使用过vue开发多语言项目吗?说说你的做法?我开发过一个关于多语言开户的开户网站(中文、繁体、英文)。主要是安装i18n需...

2020-04-21 19:57:59 1271 1

原创 ElementUI表单校验解析

今天在项目中遇到了一个需求,大致的内容为为表单添加信息校验。当然了,其实后端也可以实现,但出于用户体验考虑,前端也需要对其进行信息的校验并给予正确的提示。因为项目用到的UI框架为elementUi,所以首先想到的是用elementUi对表单进行校验。完成后的内容如下:正在上传…重新上传取消考虑到element有多种对表单的校验,由此整理了大致的三种表单校验:在实现之前我们需要对表...

2020-04-08 17:51:31 797

原创 css颜色判断深浅颜色人工智能

/ 计算是不是灰度 阈值越高 越亮 true 暗色 false 亮色 checkGray(color){ let r =parseInt(color.substring(1,3),16)* 0.299 let g =parseInt(color.substring(3,5),16)* 0.587 let b =parseInt(color.su...

2019-12-17 19:35:25 1401 1

原创 心理学笔记

第一章 用读心术去提升我们的情商读心术 情商 心理学情商:就是说人好话呗缺乏情商出现的问题高情商表现跟人相处起来感到愉悦,可以通过人心来调动局面情商就是建立与别人心理的联系与别人建立心理联系的方式第一:我特别需要你我来杭州可以谁都不见一定要见小玲姐姐我的成功都是团队给与我的厚望集聚众人的力量明确真正的问题才是最重...

2019-12-09 19:07:10 215

原创 映象笔记导出到word

现如今是无纸化办公时代,越来越多的人喜欢用电子笔记记东西。今天同事向我要一份我笔记的word文档,我发现我用的映象笔记 却找不到导出到word的选项特此研究了一下映象笔记导出到word 方法。一.选中想要导出的笔记 -》 右键 -》选择导出笔记二.点击导出到单个网页三.保存到桌面后我们可以得到一个文件四.将其拖拽到我们的word打开 或者右键选择 w...

2019-12-09 17:34:50 2837

原创 Nodejs实现微服务(对接阿里云对象存储)

Nodejs实现微服务文件的上传有很多种实现方式,今天呢有我给大家带来我自己用nodejs写的一个demo。GIT地址:https://github.com/FireSmallPanda/files-system.git 欢迎Star接口列表文件-api文件微服务用于处理文件上传下载到服务器的功能构建设置# 下载 dependenciesnpm instal...

2018-10-25 16:43:41 1827 3

原创 Oracle出现1069错误的解决方法

今天早上起来,兴致勃勃的想打个代码,没想到刚启动数据库服务就报错错误是:1069:由于登录失败而无法启动服务。在网上找了会解决方法,不一会儿就被我找到了。发现原来不止有Oracle会出现这个问题,sqlserver也会出现,不知道其他的数据库会不会出现1069的错误,理论上应该也会出现吧。下面我们来解决问题:1.按顺序找到  开始----控制面板---管理工具---服务 

2016-04-06 09:22:11 3057 1

原创 将Excel中的数据保存到Oracle中

今天群里提问,怎么把Excel表中的数据添加到Oracle数据库中,我在网上找了很久自己也试了很久最后找到了一种方法1.我先用Excel创建了一张表,里面带有数据 (只有数字和字段类型并没有图片等)并将其保存为.txt格式取名为work.txt2.我在Oracle中用pl/sql同样创建了一张与Excel中的字段相同的表将其取名为work3.找到pl/sql的工具--文

2016-03-30 11:28:41 218

性能优化实战.pptx

记录一次性能优化分享

2021-10-23

一节课掌握TypeScript.pptx

记录一次技术分享

2021-08-14

javascript基础分享.pptx

这是一个不错的Javascript技术分享,非常适合做组内分享。本人通过这个分享一下子从普通开发跃进到开发负责人。

2020-08-11

cssAction.zip

这个是我学习前端动画的一个demo 大家可以参考这个文档进行入门哦 内付 雨滴动画 的干货哦 transition 和 animation 的灵活使用 和对前端的一些见解

2019-12-17

技术分享文档20181025

这是本人的一个技术分享PPT,大家可以照着这个PPT。拟写出自己的技术分享PPT.分享是最快的学习方式,请大家踊跃分享自己的技术。相信不久的将来大家都能成为技术大牛

2018-10-25

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

TA关注的人

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