- 博客(84)
- 收藏
- 关注
RSS订阅原创 Sass、Less、CSS Modules、CSS in JS（Emotion、styled-components）
# Sass、Less、CSS Modules、CSS in JS（Emotion、styled-components）## Sass文件后缀名应用.scss形式#### 1.变量名```css$变量名: 变量值;$变量名: 变量值 !default;例：$width: 10px;$width: 10px !important;```注意：变量只能用于属性值，用在其他地方要使用插值形式#### 2.七种数据类型数字值；字符串；布尔值；空值null；颜色值；列表值；M
2023-01-07 20:50:53
910
原创 前端项目打包后压缩工具npm-build-zip
# 前端项目打包后压缩工具npm-build-zip工具[npm-build-zip - npm (npmjs.com)](https://www.npmjs.com/package/npm-build-zip)yarn build后执行yarn npm-build-zip（或者配置后的yarn zip）
2022-12-31 11:12:31
759
原创 前端心酸修炼之路
刚毕业入职，是个真真的菜鸟，记录一下我工作中遇到的花了好长时间才解决的问题（也有一些少个符号之类的问题也花了好久才发现，哈哈，那种就不记录了）22/10/13用ajax从后端拿到数据是promise的形式，用async await包一下就可以拿到想要的数据了；搜索框防抖的处理，我用的是Lodash的debounce，老哥和我说还可以用ahooks的防抖10/14用mobx的全局变量的时候，取到的数据包含在mobx的对象内，其实直接可以用这个数据，想要看数据具体的形式，可以加一个toJS(变量)查看
2022-10-15 10:13:56
250
原创 创建UmiJS项目时报错--文件名、目录名或卷标语法不正确
title: 创建UmiJS项目时报错–文件名、目录名或卷标语法不正确date: 2022-01-16 09:55:05tags:创建UmiJS项目时报错–文件名、目录名或卷标语法不正确问题解决时参考的文档为yarn create umi报错文件名、目录名或卷标语法不正确。 - 無玑小姐 - 博客园 (cnblogs.com)问题：按照UmiJS官方文档的命令yarn create @umijs/umi-app创建项目的时候报错了，如下图解决方案：第一种（网上大多数是这种，但是我没成功.
2022-01-16 10:18:21
1334
1
原创 Express框架
title: Express框架date: 2022-01-16 09:51:18tags:Express框架express是一个基于内置核心http模块的一个第三方的包，专注于web服务器的构建。//在项目文件夹express路径cmd之后，//初始化项目yarn init -y//安装expressyarn add express使用express搭建一个简单的服务器app.js//1.引入expressconst express = require("express").
2022-01-16 09:53:14
466
原创 Ajax技术
Ajax技术（属于前端方面的技术）即“Asynchronous JavaScript and XML”，在页面不刷新情况下和服务器进行交互。特点：异步请求，局部刷新同步：发送方发出数据后，等接收方发回响应以后才发下一个数据包的通讯方式；异步：发送方发出数据后，不等接收方发回响应，接着发送下个数据包的通讯方式。**优点：**Web应用程序更为迅捷地回应用户动作并避免了在网络上发送哪些没有改变的信息，减轻服务器压力。**缺点：**浏览器实现之间差异，需处理兼容性问题；不利于SEO（SEO只能识别第一
2022-01-16 09:49:07
455
1
原创 Node.js
Node.jsnvm用于切换node版本在安装nvm前需要卸载node，否则之后会出现一些问题查看nvm版本nvm -v查看当前安装的nodejs所有版本nvm list安装指定版本的nodejsnvm install [版本号]卸载指定版本的nodejsnvm uninstall [版本号]选择正在使用的node版本nvm use v[版本号]查看当前使用的node版本node -v查看node地址where node清除屏幕中前面的命令，使得屏幕更加清晰cls1全局
2022-01-16 09:42:52
825
原创 JS知识点补充
JS知识点补充1如果你要改一个数组的其中一个值是能改的，但是字符串是不能单独修改其中的值的//数组let arr = [1, 2, 3];arr[1] = 1;console.log(arr); //[ 1, 1, 3 ]//字符串不能修改let arr = 'hello';arr[1] = 1;console.log(arr); //hello2在函数形参中对对象解构赋值同时也需要添加默认值的时候，注意以下//对象的结构赋值let obj = {name: 'nodejs', a
2021-12-19 15:55:37
223
原创 数据库-MySQL的事务
title: 数据库-MySQL的事务date: 2021-11-21 20:44:39tags:数据库-MySQL的事务mysql中，事务其实是一个最小的不可分割的工作单元。事务能够保证一个业务的完整性。比如银行转账，a用户的前转给b用户100元a -> -100update user set money = money - 100 where name = ‘a’;b -> +100update user set money = money + 100 where na.
2021-11-21 20:45:55
776
原创 数据库-SQL的四种连接查询
title: 数据库-SQL的四种连接查询date: 2021-11-21 20:42:28tags:数据库-SQL的四种连接查询内连接inner join 或者 join把两个表的有关系的字段通过某一字段相等的方式查询出来外连接1.左连接 left join 或者 left outer join2.右连接 right join 或者 right outer join3.完全外连接 full join 或者 full outer join创建两个表：person表id，nam.
2021-11-21 20:44:02
1672
原创 数据库-mysql查询练习
title: 数据库-mysql查询练习date: 2021-11-21 20:39:00tags:数据库-mysql查询练习数据准备新建一个查询用的数据库:selectTestCREATE DATABASE selectTest;选择该数据库:USE selectTest;学生表:student学号姓名性别出生日期所在班级CREATE TABLE student( s_no VARCHAR(20) PRIMARY KEY COMMENT'学生学号', .
2021-11-21 20:41:19
387
原创 数据库-数据库三大设计范式
数据库-数据库三大设计范式第一范式1NF数据库中所有字段都是不可分割的原子值，。例如字段id、国家、省份之类的拆分不了了，而像地址（中国上海市杨浦区…）这种可拆分的就不满足第一范式。范式设计的越详细，对于某些实际操作可能更好，比如查找上海的字段，但是不一定都是好处，有些根本用不到查询等的写在一起更方便，所以需要根据实际需求判断。第二范式2NF前提是必须满足第一范式，第二范式要求除主键外的每一列都必须完全依赖于主键，如果要出现不完全依赖，只能发生在联合主键的情况下。例如订单表create tab
2021-11-14 17:01:15
467
原创 数据库-使用终端操作数据库
数据库-使用终端操作数据库B站视频学习查询数据库服务器中所有的数据库show databases;选中某一个数据库进行操作use [databasesName];SQL语句，查询数据库中某一个表的数据，必须上一语句选中某一个数据库才可以select * from [tableName];接上一步，对于表的具体某个信息也可以查询select * from [tableNames] where [表中某一个字段]=[该字段的值];如何退出数据库服务器?exit;如何在数据库服务器中创建自
2021-11-14 16:40:05
1089
原创 数据结构与算法--排序
数据结构与算法–排序大O表示法O(1)：常数的，变化曲线为水平的；O(long(n))：对数的，变化曲线几乎水平，例如二分法；O(n)：线性的；O(nlog(n))：线性和对数乘积；O(n2)：平方；O(2n)：指数的排序算法有很多：冒泡排序；选择排序；插入排序；归并排序；计数排序counting sort；基数排序radix sort；希尔排序；堆排序；桶排序简单排序：冒泡排序；选择排序；插入排序高级排序：快速排序；希尔排序//创建列表类function ArrayList() {
2021-11-07 21:46:30
138
原创 前端面试题总结
4以下对 Ajax 描述不正确的是( A )A.readyState 属性请求的状态值，当值为 3 时是正在加载。B.使用 XML 和 XSLT 进⾏行数据交换及相关操作。C.总共有 8 种 callback（onSuccess onFailure onUninitialized onloading onloaded onInteractive onComplete onException）D.abort()⽅法，停⽌当前请求XML，Extensible Markup Language，可扩展标记
2021-10-31 23:39:51
2335
原创 数据结构与算法-图（Graph）-JS
数据结构与算法-图（Graph）-JS图结构是一种与树结构相似的数据结构。图论是数学的一个分支，在数学的概念上，树是图的一种。以图为研究对象，研究顶点和边组成的图形的数学理论和方法，主要研究目的是事务之间的关系，顶点代表事务，边代表两个事务间的关系图可以模拟很多现实的数据结构，比如家谱或公司组织架构等图是使用几叉树都不能模拟的。图的特点：一组顶点（通常用V Vertex表示顶点的集合）；一组边（通常用E Edge表示边的集合），边可以是有向的，也可以是无向的欧拉七桥问题开辟了图论与集合拓扑，欧拉最终
2021-10-31 23:33:27
434
原创 数据结构与算法-树（Tree）-JS
数据结构与算法-树（Tree）-JS数组优点：1.根据下表中访问效率很高；2.倘若希望根据元素查找对应的位置，比较好的方式是先对数组进行排序，在进行二分查找数组缺点：1.需要先对数组进行排序，生成有序数组，才能提高查找效率；2.另外数组在插入和删除数据时，需要有大量的位移操作，效率很低链表优点：插入和删除操作效率都很高链表缺点：1.查找效率很低，需要从头开始依次访问查找；2.而且即使插入和删除效率很高，但是如果插入和删除中间位置的数据，还是需要从头先找到对应的数据哈希表优点：插入、
2021-10-31 23:25:22
307
原创 weka软件的使用，CBR非偶然性规划
weka软件的使用，CBR非偶然性规划最近在研究CER非偶然性规划，其中需要创建数据集，需要用到weka软件，网上的相关文章很少，还好遇到了这一篇，解决了我很多问题，感谢。weka的基本使用 - RongT - 博客园 (cnblogs.com)weka的基本使用目录：1. 简介2.界面初识3.数据格式4.数据准备5.关联规则6.分类与回归7.聚类分析8.Weka相关资料9.Weka二次开发10.Weka源代码导入1. 简介WEKA的全名是怀卡托智能分析环境（Waikato E
2021-10-24 20:27:26
564
原创 数据结构与算法--哈希表--JS
数据结构与算法–哈希表–JS字典主要特点：一一对应；key不可以重复;key是无序的哈希表，通常是基于数组实现的，但是相对于数组，有很多优势：可以快速插入、删除、查找，O(1)的时间级，实际上，只需要几个机器指令即可；哈希表的速度比树还要快，基本可以瞬间查找到想要的元素；哈希表相对于树来说编码要容易很多哈希表相对于数组的一些不足：数据是没有顺序的，所以不能以一种固定的方式（从小到大）来遍历其中的元素key是不允许重复的，不能放置相同的key用于保存不同的元素。哈希表的结构就是数组，但是对
2021-10-24 20:00:11
913
原创 数据结构与算法--集合（Set）--JS
数据结构与算法–集合（Set）–JS集合比较常用的实现方式是哈希表，这里来实现一个封装的集合类集合通常是一组无序的、不能重复的元素构成//封装集合类function Set() { //属性 this.items = {}; //方法 //add方法 Set.prototype.add = function (value) { //判断当前集合中是否已经包含了该元素 if (this.has(value)) {
2021-10-24 19:46:52
1831
原创 数据结构与算法--链表（Linked list）--JS
数据结构与算法–链表（Linked list）–JS数组的缺点：1.在创建时通常需要一段连续的内存空间，并且大小是固定的,当数组不满足容量需求时，需要扩容（一般会申请更大的数组，将原数组拷贝过去）2.在数组开头或者中间位置出入数据时成本很高，需要进行大量元素的移动，链表：链表内的元素在内存中不必是连续的空间，链表的每个元素由一个存储元素本身的节点和一个指向下一个元素的引用（指针或连接）组成链表的优势：1.内存空间不是必须连续的，可以充分利用计算机内存灵活地内存动态管理；2.不必在创建时确定大
2021-10-24 19:42:23
247
原创 数据结构与算法--队列（Queue）--JS
数据结构与算法–队列（Queue）–JS队列（Queue）是一种受限的线性表，先进先出（FIFO, First In First Out），只能在前端进行删除操作，在后端进行插入操作队列的实现和栈一样，有两种方案：基于数组的实现、基于链表的实现//封装队列类function Queue() { //属性 this.items = []; //方法 //1.将元素加入到队列中 Queue.prototype.enqueue = function (eleme
2021-10-24 19:31:08
2966
原创 数据结构与算法--栈（Stack）--JS
数据结构与算法–栈（Stack）–JS数据结构（存储和组织数据的方式）包含以下几种结构：数组（Array）、栈（Stack）、队列（Queue）、链表（Lisked list）、图（Graph）、散列表（Hash）、树（Tree）、堆（Heap）栈先进后出（FILO），进出的一端为栈顶、不动的一端为栈底函数调用栈多个函数相互调用，A调用B，B又调用C，C又调用D，会将A压入栈，A没有执行完不会弹出栈，在执行A的过程中调用了B，把B压入栈，依次这样，最终D执行完了把D弹出栈，再依次把CBA弹出栈
2021-10-24 17:10:40
1835
原创 手写Promise.all和Promise.race
手写Promise.all和Promise.racePromise.allfunction promiseAll (promises) { if (!Array.isArray(promises)) { throw new Error ("promises must to be an array!!!"); } return new Promise (function (resolve, reject) { let promiseNum = promises.length; let r
2021-06-27 12:51:46
154
原创 前端面试总结
面试总结JD描述对于社招一定要看，对于校招可以忽略，校招没有给大家分配哪个部门，都是公司统一招最后统一分配简历对照JD改写出相吻合的简历，对于未掌握的技术栈快速复习、理解千篇一律的简历对于简历的筛选很不利，简历的筛选：HR根据JD来筛选简历，HR不懂技术，他会看学历、工作背景、和JD描述的吻合度，满足这三点，简历达到初步通过的标准，然后到技术负责人，对你的简历进行二次筛选，他关注的是你的学历、工作背景、技术栈，如果你的技术栈和项目很吸引他，那么你的简历基本就通过了，通过之后会接收到面试通知。有时候
2021-06-08 15:46:31
269
原创 终面（HR面）_职业竞争力和职业规划
终面（HR面）_职业竞争力和职业规划HR面HR考察的是一个同学性格是不是好，是不是能够融入公司文化，是不是能和同事配合完成工作，有没有责任心，逻辑性强不强，做事是不是爱犹豫爱纠结，是否聪明等，HR也有一票否定权HR面半小时左右，基本没有超过一个小时的面试技巧：这五点在面试中一定要做到，真的很重要不要表现的太闷，顺气自然，把这五点表现出来，就像你和同学室友聊天一样，自然，有来有往，不要HR给你面试半个小时，都是他在问你问题，他问一句你说一句，这种挤牙膏似的问答，HR很反感，你要很积极很乐观地去聊天，
2021-06-08 15:44:30
4620
原创 三四面_业务能力团队协作能力与带人能力
三四面_业务能力团队协作能力与带人能力三四面到了很关键的部分，要不是技术负责人要不就是业务负责人，如果技术负责人或者业务负责人确定你OK了，那你这次的offer基本就能定了，HR那块再按照之后的方法去说，基本就没有问题了，就算是HR面优点小瑕疵，只要技术负责人和业务负责人给你拍板了，那么你能拿到offer的概率也已经很大了，所以这一面特别为重要。面试技巧：1.准备要充分重点是要掌握你要说的项目背后的原理和技术难点，这个是一点要准备的，如果你的面试官是一个技术负责人，他会问你项目的问题，而且会问的很深
2021-06-08 15:39:12
608
原创 二三面_错误监控类
二三面_错误监控类错误监控类的两种问法：1.如何检测JS错误2.如何保证你的产品质量前端错误的分类？两大类：1.即时运行错误，也就是代码错误2.资源加载错误比如说你图片加载失败，js加载失败，css加载失败，这种都叫资源加载错误错误的捕获方式？1.即时运行错误的捕获方式1.try…catch这种需要你把try…catch部署到你的代码中2.window.onerroronerror是属于DOM0的，用DOM2的addEventListener去注册事件也是可以的2.资源加载错误
2021-06-08 15:35:33
233
原创 二三面_页面性能
二三面_页面性能题目：提升页面性能的方法有哪些？（不止下面这五个，还有其他的基础的自己加上就行）1.资源压缩合并，减少HTTP请求（还有开启Gzip压缩，它们其实都是一类内容，就是压缩资源合并，相当于把资源文件变小，这是一类）2.非核心代码异步加载==》异步加载的方式有哪些==》这些异步加载的区别是什么3.利用浏览器缓存*》缓存的分类有哪些》缓存的原理是什么（利用浏览器缓存是提升页面性能非常直接的方法，如果这个你不用，那你资源压缩等方法都没起到关键作用，浏览器缓存才是你提升性能最重要的一步）
2021-06-08 15:30:15
112
原创 二三面_运行机制类
二三面_运行机制类第一题console.log(1);setTimeout(function () { console.log(3);}, 0);console.log(2);问你最后的打印顺序是什么？1 2 3要知道两个概念js是单线程的（大白话是：同一时间只能做一件事）任务队列（异步操作看起来和单线程是冲突的，那怎么做到的那，其实就是任务队列）：1.同步任务：在js同步运行过程中的语句叫做同步任务，比如console.log2.异步任务：setTimeout就是一个异步任务
2021-06-08 15:25:01
148
2
原创 二三面_渲染机制类
二三面_渲染机制类二三面js面试技巧1.知识面要广*一面更看重基础，二面更看重知识面是不是广，是不是你了解的比较多2.理解要深刻*知识体系的深度，比如说做前端除了html、css、js，打交道最多的是浏览器，所以对浏览器的一些特性要掌握，对js引擎要掌握，等等深度，多准备，多涉猎，二面过程中一般都会问到3.内心要诚实这东西你了解过就是了解过，没了解过也不要说自己忘了之类的，直接承认没了解过，问一下面试官我应该去学哪些资料去快速地把这块知识的漏洞补上，这是你应该有的态度4.态度要谦虚自己不懂
2021-06-08 15:19:15
124
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人