- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 JS事件循环以及宏任务与微任务
JS事件循环以及宏任务与微任务先看一道简单题目console.log(1)setTimeOut(() => console.log(2), 0);console.log(3)相信大部分人的回答都是1,3,2，那这是为什么呢？其实这是JS的异步原理，先来看一下下面这张图…我们都知道JavaScript是一门单线程语言，单线程就是说JS在执行代码的时候只有一个主线程来处理任务，而我们有知道JS可以执行异步任务，JS执行异步任务正是通过事件循环机制Event Loop实现的我们再来看
2021-08-04 16:15:26
272
原创 electron学习笔记
electron学习笔记electronElectron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架，它的出现让前端工程师能够用JavaScript写出跨平台的桌面应用，它几乎是前端开发人员开发桌面客户端的唯一途径，最重要的是，我们可以利用我们学的Vue和React框架构建electron程序，因此学习electron需要我们抱有对技术的热爱。第一次接触electron是在b站的一位up主直播写代码看起来好玩于是学了，最近做在线记账系统的时候想到可以结合electron
2021-08-04 16:14:56
370
原创 记录学习React
记录学习ReactReact是什么React是一个简单的javascript UI库，用于构建高效、快速的用户界面。React的特点声明式写法你只需要描述UI（HTML）看起来是什么样，就跟写HTML一样，React负责将你写的HTML渲染出来组件化React 中一切都是组件（万物皆可组件）。 我们通常将应用程序的整个逻辑分解为小的单个部分。 我们将每个单独的部分称为组件。 通常，组件是一个javascript函数，它接受输入，处理它并返回在UI中呈现的React元素。配置React
2021-08-04 16:14:17
217
原创 前端登录逻辑总结笔记
前端登录逻辑总结笔记在写后台管理系统的时候，学习了一下vue-element-admin的源码，总结了登录的大致逻辑前端登录大致结构：<el-form ref="loginForm" :rules='loginRules'></el-form>loginRules: { username: [ { required: true, trigger: "blur", validator: validateUsername }
2021-08-04 16:13:34
2411
原创 async/await关键字
async/await关键字ES6新增了关键字async和await，我第一次看到这个关键字是别人分享的一个小程序项目中，因为没有见过async和await，就百度搜了一下，关于async和await的解释有很多，在文章的最后推荐两篇阅读文章asyncasync用于声明一个异步函数，而且async本身的意思就是“异步的”，它的优势在于处理then式调用链async函数返回的是一个Promise对象，如果在函数中return一个值，async内部会调用Promise.resolve()帮你封装成一个
2021-08-04 16:12:42
385
原创 Javascript数据结构与算法
Javascript数据结构与算法数据结构常见的数据结构有：栈，队列，链表集合，字典树，图，堆图图的常用操作：深度优先遍历：尽可能深的搜索图的分支访问根节点对根节点的没访问过的相邻节点挨个进行深度优先遍历广度优先遍历：先访问离根节点近的节点新建一个队列，把根节点入队把队头出队并访问把队头的没访问过的相邻节点入队LeetCode题目示例：417.太平洋大西洋水流问题，题目链接：https://leetcode-cn.com/problems/pacific
2021-03-22 16:40:19
310
原创 仿思否可伸缩input搜索框
手写带有伸缩效果的input输入框最近在逛思否的时候，看到思否的搜索输入框伸缩动画挺有趣的，希望可以用在自己写的网站中我的第一反应是思否用的什么组件库，比如element，layUI，viewUI，Bootstrap什么的，但是找了这几家网站都没有找到带有伸缩动画的input输入框，实在没办法了，只能自己写一个，直接源码附上：<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'>
2021-03-22 16:34:42
412
原创 Node.js进阶 --- Express常用中间件 body-parser
Node.js进阶 — Express常用中间件 body-parserbody-parser是一个非常常用的一个express中间件，作用是对post请求的请求体进行解析。使用非常简单，以下两行代码已经覆盖了大多数使用场景。首先需要安装body-parsernpm i -S body-parser在app.js中使用const bodyParser = require('body-parser')// 创建 express 应用const app = express()app.use
2021-03-22 16:32:16
521
原创 Node.js进阶 --- Express常用跨域中间件cors
Node.js进阶 — Express常用跨域中间件cors在项目开发中前后端项目往往部署在不同的端口号中，会导致跨域错误，需要在node服务中添加跨域中间件cors：安装：npm i -S cors在app.js中使用：const cors = require('cors')// ...app.use(cors())...
2021-03-22 16:31:44
385
原创 Node.js进阶 --- Express-validator表单验证器
Node.js进阶 — Express-validator表单验证器TIP源码地址：https://github.com/express-validator/express-validator使用 express-validator 可以简化 POST 请求的参数验证，使用方法如下：安装：npm i -S express-validator验证：const { body, validationResult } = require('express-validator')const bo
2021-03-22 16:31:22
1738
原创 JS事件循环与任务队列（异步原理）
JS事件循环与任务队列（异步原理）让我们先来看下面一道前端面试题：请问以上代码执行的结果是什么？如果你想当然的以为执行的结果是1，2的话，那么就中招了，面试官就会知道你不知道JS的异步原理。其实这道题的正确顺序是先打印2再打印1，那么这是为什么呢？首先我们来看这张图，可以看到图中有三部分，第一部分是Callback Queue（任务队列），第二部分是JS引擎（左边部分），里面有个Heap和Stack，第三部分是WebAPI，包括一些DOM，ajax，setTimeOut等等，这三部分用箭头关联了起
2021-03-22 16:30:39
390
原创 每日学习之JS的Object常见方法详解
前言Object.keys()语法Object.keys(obj)参数：obj： 要返回其枚举自身属性的对象返回值：一个表示给定对象的所有可枚举属性的字符串数组例子：传入的参数为对象，返回对象的属性let person = {name:"张三",age:25,address:"深圳",getName:function(){}}Object.keys(person) // ["name", "age", "address","getName"]如果传入的参数是字符串，则返回索引
2020-11-09 20:32:00
465
原创 基于阿里云服务器的Linux基础和Vim操作
常用Linux命令进入目录cd … 返回上一级目录cd …/… 返回上两级目录cd /home 进入个人主目录cd ~ 是跳转到当前用户的家目录如果是root用户，cd ~ 相当于 cd /root如果是普通用户，cd ~ 相当于cd /home/当前用户名显示文件内容pwd 显示工作路径ls 显示当前下面的文件及文件夹ls -a 显示当前目录下的所有文件及文件夹包括隐藏内的.和…等ls -al 显示当前目录下的容所有文件及文件夹包括隐藏的.和…等并显示详细信息，详细信息包括大
2020-11-09 14:32:23
413
原创 记录Hexo部署到阿里云服务器踩坑
记录Hexo部署到阿里云服务器踩坑服务器端接受git上传文件失败，网页显示403 Forbidden可能的原因：/blog.git/hooks/post-receive中的路径存在错误服务器端放置Hexo静态文件的目录权限问题此时/home/www/website目录下没有博客文件解决方案：$ su git$ cd /home/www/website$ ls# blog.git$ cd blog.git$ ls# branches config description HEA
2020-11-09 11:47:38
673
1
原创 python-docx完整安装教程以及踩坑解决方案
python-docx完整安装教程以及踩坑解决方案python-docx是一个操作word文档非常好用的python库，学会了这个python自动化操作就不用频繁费力点鼠标操作，属实是撩妹必备步骤1： 安装python-docx库。在自己的项目文件夹中进入cmd终端终端输入如下命令：pip install python-docx如果出现了Successsfully installed python-docx-xxxx(xxxx为版本号)，如下图，那么恭喜你可以关闭这个网页了如果你的cmd终端
2020-08-05 17:32:26
21619
7
原创 Vue踩坑--‘xxx‘ is assigned a value but never used no-unused-vars
Vue踩坑–‘xxx’ is assigned a value but never used no-unused-vars今天在vue美团外卖实战的时候写商家菜单滚动的时候，弹出一个报错，如下图：经过网上搜索问题答案的时候，得到解决方法如下：在错误代码后加入该行注释就行：// eslint-disable-line no-unused-vars如图：...
2020-08-01 22:45:24
16625
1
原创 今日小坑：Vue-Router之路径routes拼写错误
今天在学习Vue-Router，在写routes路径的时候不小心拼写错误，将routes错拼成了routers，代码如下：错误的拼写：routers:[ {path:"/",component: index}, {path:"/find",component:find}, {path:"/friend",component:friend} ]正确的拼写：routes:[
2020-07-23 12:27:36
445
原创 爬虫模拟cookie自动登录人人网
http cookiejar 模块该模块主要的类有cookiejar,FileCookieJar,MozillaCookieJar,LWPCookieJar 这四个类的作用分别如下：1，CookieJar：管理HTTP cookie值，存储HTTP请求生成的cookie，向传出的HTTP请求添加cookie的对象。整个cookie都存储在内存中，对cookiejar实例进行垃圾回收后cookie也将丢失。在Python处理Cookie，一般是通过http.cookiejar模块和urllib模块的HTT
2020-07-15 18:24:42
156
原创 C语言大作业--小型工资管理系统
课程大作业目的通过该大作业，考察学生分析、解决复杂问题的能力，考察学生编写较大程序的能力，检验和评价《程序设计基础》课程的学习效果大作业内容编写一个小型工资管理系统，用来管理职工的个人基本信息及工资薪酬等数据基本要求每个职工的数据应包括：工号、姓名、性别、部门、基本工资、绩效工资、奖金、应发工资（应发工资=基本工资+绩效工资+奖金）。职工数据要求采用结构体数据类型。菜单显示：显示系统的一级功能菜单（数据输入、数据修改、数据处理、数据输出、退出）。数据输入：至少输入10个职工的各项数据（应发
2020-06-28 10:59:58
4769
9
原创 MySQL安装的requirements问题
MySQL安装的requirements问题环境说明：win10 专业版python 3.8.4安装Microsoft Visual C++ 2019安装Microsoft Visual 2015和 2017或者2019的Python需要下载64位的，这个我当时下载了3.8.x的64位的，但是在check requirements页面还是显示python没安装，然后我下载了python 3.4.x的64位版本之后就好了成功之后一路next，等待以下这些东西下好然后一路next，到了Co
2020-06-13 22:54:36
12666
2
原创 Django链接MySQL数据库,报错Did you install mysqlclient?
Django链接MySQL数据库,报错"Did you install mysqlclient?"环境说明：win10 专业版python 3.8.4Django 2.3.1在一切都配置好之后我操作数据库时，弹出错误django.core.exceptions.ImproperlyConfigured: Error loading MySQLdb moduleDid you install mysqlclient?我打开cmd输入pip list确定了我已经安装了mysqlclient 1.
2020-06-13 22:19:20
769
原创 关于VC++6.0显示“不能启动工具，操作成功完成”问题
小白迷惑之VC++6.0运行错误今天在上C语言实验课的时候，在运行一个C程序的时候VC++6.0显示错误：不能启动工具，操作成功完成如图：就像这样，嗯？？？这是什么情况？？？？后来我在网上找了找，也有人遇到了相同的情况找到了两种解决办法：一种方法是重装VC++另一种方法是在环境变量中新增一个名为Comspec的环境变量，win10具体操作如下：右键“此电脑” > “属性” > “高级系统设置" > “环境变量” > “新增”新增一个名为Comspec的环境变量
2020-05-29 16:01:08
1904
4
原创 小白记录学习Dajngo的第二天
小白学习Django的第二天用博客记录 python学习 沙雕错误今天学到了给url命名与url反转的时候新建了两个app，在两个新建的app下的urls.py文件中导入path模块后的一系列操作后运行项目，结果Pycharm毫不留情的弹出了错误我再到urls.py中看时发现了这个Cannot find reference ‘path’ in ‘init.py’当时的我一头雾水上网查了好几个网页但都是看不懂仔仔细细每个字母每个字母看终于发现了问题…原来是我在调用path模块时，把
2020-05-26 14:43:12
149
原创 关于阿里巴巴icon矢量图显示空白问题
关于阿里巴巴icon矢量图显示空白问题关于icon显示空白关于icon显示空白最近在帮着做一些小项目，期间遇到不少问题，也尝试着在网上找问题的答案，接下来就有一个很细节的问题使得我在使用阿里巴巴的iconfont矢量图的时候出现了矢量图在页面中出现但是显示空白的问题在文字“显示图片的左边应该出现一个inconfont，但是这时icon显示空白于是我查找了阿里巴巴iconfont的使用文档https://www.iconfont.cn/help/detail?spm=a313x.7781069.19
2020-05-17 11:25:49
4214
单片机ps2遥控小车.rar
2020-01-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人