- 博客(99)
- 收藏
- 关注
RSS订阅
原创 前端面经基础部分总结
在今年春招的时候，有幸面试了小米以及好未来前端工程师的实习岗位，运气也比较好，都成功的拿到了实习的offer。下面是总结的我面试所复习以及面试过程中遇到的一些面试点html与css篇html语义化标签去掉或者是样式丢失的时候，还是能让页面呈现清晰的结构，怎样理解这句话呢在学完css之后可能会发现一个问题，就是标签的样式之间可以相互转化。例如：使用一个div标签，就可以通过css样式实现一些标签的样式。那么这就是问题的所在了，html语义化的效果就是能够使得页面呈现出清晰的结构，当去掉样式之后还是能
2020-07-20 00:34:26
5508
11
原创 时间复杂度和空间复杂度
与时间复杂度不同的是，我们一般只关注「最差空间复杂度」。比如上述示例，由于输入数组是被打乱的，因此元素 1 出现在任意索引的概率都是相等的，那么算法的平均循环次数则是数组长度的一半 𝑛2 ，平均时间复杂度为 Θ( 𝑛2) = Θ(𝑛)。数据结构与算法追求“运行速度快、占用内存少”，而如何去评价算法效率则是非常重要的问题，因为只有知道如何评价算法，才能去做算法之间的对比分析，以及优化算法设计。实际情况下，希望算法的时间复杂度和空间复杂度都能够达到最优，而实际上，同时优化时间复杂度和空间复杂度是非常困难的。
2023-03-24 17:58:37
449
原创 ts深入理解笔记
深入理解typescript编译上下文作用，用来给文件分组，告诉ts哪些文件是有效的，哪些是无效的。除了有效文件所携带信息外，编译上下文还包含有正在被使用的编译选择的信息。tsconfig.jsontsconfig.json，用于去定义正在被使用的编译选择的信息。使用方式，创建tsconfig.json文件编译选择，可以通过compilerOptions来制定编译选择，如下所示{ "compilerOptions": { /* 基本选项 */ "target": "
2021-03-08 18:17:53
746
原创 typescript基础入门学习
tsts安装方式npm install typescript -gyarn global add typescriptcnpm install -g typescript -gts查询版本方式tsc --version即可查询当前的ts版本ts自动监控创建tsconfig.json文件，tsc --init 生成配置文件将outDir后面的属性值改为 “./js”点击运行任务，之后再点击自动监控，最后保存即可实现自动保存编译ts中的基本数据类型布尔型命名方式： let s
2020-12-02 20:45:33
513
原创 react中关于hook介绍及其使用
前言最近由于公司的项目开发，就学习了在react关于hook的使用，对其有个基本的认识以及如何在项目中去应用hook。在这篇博客中主要从以下的几个点进行介绍：hook简介hook中常用api的使用hook在使用过程中需要去注意的地方hook中怎样去实现class组件中的声明周期函数hook首先介绍关于hook1的含义，以及其所要去面对的一些场景含义：Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。简
2020-12-01 22:13:26
4095
8
原创 前端性能优化及其优化点
前端性能优化web前端与CS架构GUI软件开发与部署过程CS架构GUI软件开发与部署过程：开发完成后通过生成包，发布到对应的应用下载商城之中，再将包放在对应的操作系统之中，最后代码将运行在该操作系统中，用户就可以访问加载在本地的一些资源。如：在安卓系统下，开发完成后打包会生成一个.apk的包，将该包发布在应用商城上，然后用户拿到该包后，就可以在安卓系统下去运行。web前端的开发与部署：当开发者开发完成之后是将项目运行在远程的服务器之中，用户就可以通过域名来访问该网址，从而就能访问到该项目。web
2020-09-12 20:20:37
811
原创 webpack基础入门
webpack安装以及使用方法webpack的定义weback准确来说是一个模块打包方式，它能自动识别如ES modulu 、commonJS 、 AMD 、CMD这样的模块导出方式，但是对于高级的一些加载方式并不能识别。webpack能打包的在最初时，只能打包js文件,后来能打包css，less等文件全局安装方式webpack的两种安装方式，全局安装全局安装，一般情况下，当安装webpack-cli时，会自动的给安装上webpack 使用npm install webpack webpack
2020-08-13 00:58:13
1278
原创 使用js解决栈的压入与弹出序列问题
使用js解决栈的压入与弹出序列问题 学习算法与数据结构已经有一段时间了，对于算法也算是有一点的了解。在自己使用js去实现算法的过程中，也遇到了不小的问题，在这里就分享一下自己使用js来解决栈的压入与弹出序列问题的解决方式。首先引入问题描述：输入两个整数序列，第一个序列表示...
2019-11-08 13:56:36
488
原创 koa2日志管理与中间件机制和洋葱圈模型
koa2日志管理与中间件机制和洋葱圈模型koa2日志管理 在日志管理部分，需要去创建一个单独的文件夹去储存日志，在这个文件夹中有不同的文件去储存不同的日志。然后在koa2中去管理日志需要去借助两个第三方工具库，morgan和koa-logger。由于在存储文件过程...
2019-09-28 10:43:42
526
原创 koa2中session配置和路由的处理
koa2中session配置和路由的处理koa2中session处理 session是管理前台传输过来的cookie值，用于缓存cookie。由于单个进程之间的session是不能够共享的，因此需要将所有的seesion缓存的数据放在redis之中。以达到数...
2019-09-26 09:53:50
1094
3
原创 koa2的安装和配置修改以及aysnc/await语法
koa2的安装和配置修改以及aysnc/await语法 koa2也是处理服务器端的一个框架，但是在koa2中其路由并没有和express一样将路由整合在中间件当中，两者是分离开的。另外对于koa2中的一大特色就是koa中并没有req与res，在koa2中是将这两部分整合在一起为ctx，这样做可能是为了给不熟...
2019-09-26 09:22:32
405
原创 express登录验证以及日志处理和中间件实现原理
express登录验证以及日志处理和中间件实现原理 express登录验证 登录验证简单的说就是登录权限的管理，只有完成了登录之后才能去访问其他的页面。因此在这里使用express中间件去实现了一个登录验证，具体的代码如下：const { ErrorModel } = require...
2019-09-25 16:09:12
745
原创 express处理路由与session以及session和redis的连接
express处理路由与session以及session和redis的连接express处理路由 在express中封装好了去处理路由的方式，其方式不像之前那样需要自己去处理req.body以及req.querystring的内容。在这里只需要去分别调用处理其的封装好的方法即可。另外一点就是导入路由的方法，在a...
2019-09-25 15:53:54
828
原创 express安装及其简单应用
express安装及简单应用 在这里首先第一个问题需要被提出，什么是express呢？它的作用是什么呢？express是关于node的一个框架，在其内部集成了很多的方法以及中间件可使我们更加容易的去实现整个项目的路由管理 登录 日志存储 安全性等功能的实现。废话不多说...
2019-09-24 20:58:43
462
原创 node中后台安全的防护
node中后台安全的防护 在进行server端开发的过程中，有一个与前端管理很大的不同的地方就是在于要做好安全的防护。来防卫恶意的攻击，以此来保护数据的安全。因此首先来介绍一些常见的攻击后台的方式：在做服务器时，一定要注意安全问题。常见的安全问题...
2019-09-23 09:22:41
435
原创 node中stream与日志管理
node中stream与日志管理 日志：用于记录上线之后的一些信息，因为在上线之后可能会产生bug，可以通过查看日志来查询bug。也可以通过查看日志来查询每天的访问的各种信息，例如：访问的浏览器 系统等。那么对于日志的开发需要处理那些方面呢...
2019-09-23 09:00:38
350
原创 node与内存数据库redis以及nginx
node与内存数据库redis以及nginx 在说redis之前，还需要去说到一个问题，就是对于浏览器中session的设置问题1.在之前session直接就是js变量，放在node.js进程当中，因此就会产生下面的问题，进程的内存是有限的如果当进程的内存暴增时，应该怎...
2019-09-22 10:34:59
367
原创 node中cookie与session的应用
node中cookie与session的应用 既然要了解cookie与session的设置，那么首先就应该知道的什么是cookie与session，以及其作用与如何去使用。那么首先就来了解cookie什么是cookie?1.存储在浏览器中的一段字符串(最大为5kb)2.跨...
2019-09-22 09:54:24
180
原创 node与后台数据库连接方案
node与后台数据库连接方案 在项目实际开发过程中，当连接好假数据之后就需要和后台的数据连接，现如今数据库的总类繁多，但是主要使用的还是mysql,orcal 等关系型数据库。因此在这里选择以mysql作为讲解的实例。 在window的电脑中启动mysql命令行的...
2019-09-22 09:17:07
695
原创 node博客开发之列表信息处理
node博客开发之列表信息处理 在整个博客开发的层级结构中我们主要有以下的层级区分，首先就是在bin目录下的www.js主要用于处理业务技术的部分，其主要作为一个入口文件，前后台接口连接的模块代码都放在这个部分。app.js主要用于处理业务逻辑部分的代码，在这个部分是将...
2019-09-21 10:18:55
155
原创 node博客开发之路由管理
node博客开发之路由管理 在这里主要讲解的就是对于路由的管理，在进行项目开发时，遵守的必定是模块化开发，这样做的好处就是更加容易的管理。在这里我们将 const server = http.createServer((req,res) => {...
2019-09-21 10:00:49
181
原创 node处理http请求以及node实时检测环境改变搭建
node处理http请求以及node实时检测环境改变搭建这个部分首先需要去简述http请求的过程： 1.DNS解析域名找到ip地址，建立TCP连接，发送http请求 2.server端接收到http请求，处理并且返回结果（在server端需要进行的操作） 3.客户端接...
2019-09-20 16:03:01
653
原创 node安装以及简介
node安装以及简介node安装的两种方式： 1. 直接在官网中去下载与安装node与对应的版本，在node中自带npm指令 2. 通过nvm,nodejs版本管理工具，可以切换多个nodejs版本 ...
2019-09-20 15:37:37
326
原创 pm2server端线上管理
pm2server端线上管理pm2是用于管理线上服务器端的一套管理系统，在线上的服务器管理中，其主要有以下的价值：1.当服务器崩溃时，要进行进程的守护，即系统自动重启2.启动多进程，充分的利用cpu和内存3.自带日志的记录功能基于这些处理...
2019-09-20 14:48:59
417
原创 桶排序，冒泡排序和快速选择排序的实现
桶排序，冒泡排序和快速选择排序的实现排序是常需要我们去解决的问题，在学习算法的过程中也接触到了几种常见的排序算法。不论使用什么样的语言去实现排序算法但是其原理都是一样的。那么在接下来的就介绍上面所说的三种排序算法。 1.桶排序，可以将其描述为一个...
2019-09-05 09:27:58
205
原创 js之对象深入学习
js之对象深入学习 在学习js的过程中,会触及到对象的学习。对于对象可以将其分为以下几类： 内置对象：是ES语法中定义的对象或者类 宿主对象：是webAPI中定义的对象(宿主对象也可以是内置对象) ...
2019-09-02 10:06:30
174
原创 git常用指令
git常用指令 github是一个全球公认的一个开源代码库，在上面有很多的开源的代码供我们去参考。git分为三个部分，分别为本地仓库，暂存区，远程仓库git起源，linus->inux->no svn->bitKeep...
2019-08-23 19:57:33
99
原创 es6中的对象
es6中的对象在学习es6之前，我们去实现一个对象的过程是先创建一个构造函数，然会再使用new关键字去实例化一个对象。下面就是在es6之前实现的一个实例：在es6的语法中有一种新的写法来表示一个对象，其使用的就是class关键...
2019-08-23 16:45:19
143
原创 es6中promise与其原理的封装
es6中promise与其原理的封装 对于Promise，其本质就是一个状态机，他有三种状态分别为pendding resolve reject，但是最终表现出来的结果只是两种状态就是成功与失败，其常用于异步函数的操作then方法，可以接受两个回调函数作为参数，第一个参数为...
2019-08-23 15:35:05
764
原创 es6中的字符串与箭头函数
es6中的字符串与箭头函数在es6中新增了关于字符串的处理方法，引入了``来处理字符串。当使用``时，可以换行来处理相应的字符串在这个新增的字符串模板当中，还可以使用${}来引入变量 函数这样的引入方式相对于之前来说更加的便捷。在下面用几个实际点的例子来说明...
2019-08-23 14:49:22
389
原创 h5地理位置获取与多媒体
h5地理位置获取与多媒体 1.地理位置获取 在h5当中有现成的关于获取到地理位置的方法window.navigator.geolocation,在h5中当用户同意地理位置获取之后有几个方法是用来对地理位置进行处理的具体方法如下： 1...
2019-08-23 13:50:31
220
原创 h5动画优化与客户端数据储存
h5动画优化与客户端数据储存 1.动画优化 对于动画的优化，其实质就是每隔多少毫秒物体发生改变，而人眼不能辨别这个变化的过程看起来就像是在运动的过程之前在使用setTimeout或者时setInterval时，其发生改变的过程是浏览器不断的刷新，来监听这个变...
2019-08-23 13:07:48
267
原创 h5文件处理与拖拽
h5文件处理与拖拽 对于文件的处理不外乎就是文件的读取与读取是否完成，以及相关的读取文件的方法等。在h5中相关的事件管理的方法去对文件做出想用的管理。基本的方法如下：fillReader 用于读取文件fillReader方法 ...
2019-08-23 10:03:38
813
原创 svg基础知识讲解
svg基础知识讲解 svg全名又称可伸缩矢量图形，其与canvas一样都是进行作图的。他们之间的区别在于svg通过标签来进行控制而canvas是通过js来控制的。两者的最大区别在于svg在放大缩小时不会失帧。下面就介绍一些使用的标签： ...
2019-08-22 14:37:50
865
原创 css3背景渐变以及阴影与导航栏的几种实现方式
css3背景渐变以及阴影与导航栏的几种实现方式 css3背景设置中在很多的情况下在最初的时候我们设置的都是具体表示颜色值的英文，但在对颜色设置有一定的了解后。通常情况下我们采用的都是rgba()的形式，颜色值rgba() red green blue alpha(透明度) R G B 正整...
2019-08-22 00:53:45
2520
原创 多列布局以及flex布局
多列布局以及flex布局 对于多列布局常用于报纸和杂志样式的排版，其默认属性主要有以下几个。column-count是将文本中的内容分成几部分，因此在其后面只需要写数字即；column-width设置文本中每一列文本的宽度 在通常的情况下，column-count 与...
2019-08-22 00:17:09
849
原创 css3之动画渲染
css3之动画渲染 随着css3动画的出现，我们仅需要使用css就能实现很多动画的效果。不需要我们用js去实现动画的效果。这在很大的程度上较少我们的代码量，而且使用css3来实现动画效果也是非常的简单。那么在这个部分主要介绍的就是用css3来实现...
2019-08-21 17:59:28
351
原创 css3之响应式布局与性能优化
css3之响应式布局与性能优化 在网页的布局中有以中布局方式是非常常用的，那就是响应式布局。尤其在bootstrap中，就采用的是响应式布局方式。那么响应式布局是怎样实现的呢，那就是采用了媒体查询。其作用就是给不同的设备设置不同的样式，以便于给出最...
2019-08-21 15:36:28
251
原创 cookie的应用实例
cookie的应用实例 在之前的网络环节介绍过cookie的基本只是以及应用具体请看https://blog.csdn.net/care_yourself/article/details/99889560，对于cookie的应用，首先...
2019-08-21 15:12:49
952
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人