- 博客(31)
- 收藏
- 关注
原创 vs code 使用 Fira Code 字体:适用于 Windows 和 linux 系统
从 https://fonts.google.com/specimen/Fira+Code 下载 Fira Code 字体到本地解压文件依次安装解压文件下 static 文件夹下的 5 个 ttf 文件 (双击即可)在 vs Code 的 Settings.json 文件中添加下面两行代码并保存"editor.fontFamily": "Fira Code","editor.fontLigatures": true,重启 VS Code 即可...
2021-05-07 21:49:59
1401
1
原创 使用webstorm 调试 typescript
使用webstorm 调试 typescript安装依赖:安装npm install typescript ts-node -D注意这两个依赖必须安装在本地,安装在全局不行配置Configurations templates选择 右上角 add configuration选择templates下的node.js在Node parameters 中添加 --require ts-node/register在Working directory 中指定项目根目录作为作用空间在JavaScr
2021-03-31 15:31:16
3440
3
原创 如何从尚硅谷下载免费的前端开发视频资源
尚硅谷提供了很多免费的高质量开发资源,实在是太良心了。这里提供一个关于下载前端开发视频下载的步骤以供大家参考:第一步:找到尚硅谷官网,并进入官网第二步:进入下载
2020-06-17 10:50:19
757
原创 JavaScript数据结构与算法之 "字典和散列表"
字典字典数据结构在字典(或映射)中,我们用[键,值]对的形式来存储数据,其中键用来查询特定的元素在字典中的每个键只能有一个值帮助方法或类判断元素是否存在const isExist = (element) => { return element !== undefined && element !== null;};字符串转换函数/*将传入的参数...
2020-04-25 15:09:29
190
原创 JavaScript数据结构与算法之 "集合"
集合数据结构集合是由一组无序且唯一(即不重复)的项组成空集:空集是不包含任何元素的集合可以把集合想象成一个既没有重复元素,也没有顺序概念的数组集合在计算机领域中的运用集合在计算机科学中的主要应用之一是数据库集合被用于数据库查询的设计和处理当我们执行数据库的查询语句时,使用的就是集合运算,并且数据库也会返回一个数据集合集合的运算并集:对于给定的两个集合,返回一个包含两个集...
2020-04-21 21:46:13
141
原创 JavaScript数据结构与算法之 "链表"
链表数据结构链表是存储有序元素的集合,但不同于数组,链表中的元素在内存中并不是连续放置的链表中的每个元素由一个存储元素本身的节点和一个指向下一个元素的引用组成链表的优点:添加元素或移除元素的时候不需要移动其他元素,因此向链表中添加和删除元素会比数组快链表的缺点:要想访问链表中间的一个元素,需要从起点开始迭代链表直到找到所需要的元素,因此查询链表中的元素会比数组慢链表结构在现实生活中的列...
2020-04-21 15:39:58
227
原创 JavaScript数据结构与算法之 "队列和双端队列"
队列数据结构队列数据结构遵循先进先出原则的一组有序项队列在头部移除数据,在尾部添加数据。最新添加的数据必须排在队列的最末端在现实生活中最常见的队列就是排队队列数据结构的实现通过对象我们可以实现队列队列包含的方法enqueue(): 向队列尾部添加一个新的元素dequeue(): 移除队列的第一个元素,并返回移除的元素peek(): 返回队列中的第一个元素—最先被添加,也是...
2020-04-20 11:06:00
245
原创 JavaScript数据结构与算法之 "栈"
栈数据结构简介栈是一种遵循先进后出原则的数据结构新添加或待删除的元素都位于栈的同一端称为栈顶,另一端称为栈底在栈里新元素都靠近栈顶,旧元素都靠近栈底栈在现实生活中类似于:一叠书,一叠盘子栈在编程语言中多用于管理变量,方法的调用,同时也用于管理浏览器的历史记录(浏览器的返回按钮)通过数组实现栈通过数组的 push 和 pop 方法,JavaScript可以实现名为栈的数据结构通...
2020-04-19 17:00:25
154
原创 ant design4 设置表单默认值
ant design4 设置表单的默认值和以前不一样了通过在 Form 组件标签上添加 initialValues属性,并传入一个对象,我们可以设置ant design4 Form表单的默认值注意传入对象的 属性-值中的属性名应与 Form.Item组件标签中name属性的值相同参考代码import React from 'react';import {Form, Inp...
2020-03-27 21:38:22
5316
原创 解决ant design出现:'Instance created by `useForm` is not connect to any Form element.警告的问题
出现的警告:参考代码````jsximport React, {useEffect} from 'react';import propTypes from 'prop-types';import {Button, Form, Input, Modal} from 'antd';import memoryUtil from '../../util/memoryUtil';cons...
2020-03-20 11:48:17
33185
20
原创 react项目中按需加载 ant design
一、安装babel插件:`babel-plugin-import``npm install babel-plugin-import --save -dev二、安装 react-app-rewirednpm install react-app-rewired --save -devreact-app-rewired是一个再配置的工具。安装完之后在根目录新建一个config-overri...
2020-03-12 21:11:06
326
原创 使用express实现静态资源托管并且可以访问整个目录下的文件
使用express实现静态资源托管还是挺简单的只需要使用express的static中间件即可代码如下:const express = require('express');const app = express();const path = require('path');//----- 配置静态资源托管 -----app.use('/', express.static(path....
2020-02-10 15:58:21
2196
原创 css选择器、伪类和伪元素大总结
css选择器、伪类和伪元素的大总结,希望能帮到你。基本选择器元素选择器 elementname(元素名称)描述:css元素选择器也称为类型选择器,通过node节点名称匹配元素,元素选择器都会匹配该文档中所有该类型的元素。语法:元素 {样式声明}类选择器 .classname(类名)描述:在一个HTML文档中,css类选择器会根据元素的类属性中的内容匹配元素。类属性被定义为一个以空...
2020-02-06 18:48:20
483
原创 只用CSS实现带遮罩层可关闭的弹窗
实际开发中常常少不了使用弹窗,在学习css3的时候我发现可以通过纯css实现带遮罩层可关闭的弹窗。使用CSS3实现带遮罩层可关闭的弹窗需要用到 :target伪类,::before 、::after伪元素。实现弹窗的代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...
2020-02-06 14:59:17
1670
原创 使用CSS实现细边框,隔行变色,高亮选中行的表格
表格是网页中的重要组成部分,下面让我们通过CSS来实现一个细边框,隔行变色,高亮选中行的表格;以便一同学习参考。细边框表格先来看一段HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</tit...
2020-02-05 19:54:09
1914
原创 经典的JavaScript报错分析
代码报错是经常发生的一件事,我们要确定是什么原因造成的,以及如何避免错误。Uncaught TypeError: Cannot read property该错误说明没有某个属性,一般是该属性前面的值是undefined或者是null的情况会出现。TypeError: ‘undefined’ is not a function执行对象中某个不存在的方法通常会报这种错误。说明在这个对象中没...
2020-01-23 14:59:31
303
原创 vue笔记之vuex
vuex 理解vuex是什么github站点在线文档简单的说 vuex 就是对多个组件共享的状态进行集中的管理(读/写)状态资管理应用state:驱动应用的数据源view:以声明方式将state 映射到视图actions: 响应view 上由用户的输入导致的状态变化(包含n个更新状态的方法)多组件共享状态的问题多个视图依赖同一状态来自不同视图的行为需要变更同一状态...
2020-01-23 11:58:09
184
原创 vue笔记之vue cli2/cli3
介绍vue-cli 是vue 官方提供的脚手架工具Vue CLI 的包名称由 vue-cli 改成了@vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。安装新的vue-cli包:npm install @vue/cli -g...
2020-01-23 11:57:21
232
原创 vue笔记之ajax请求及封装
常用的ajax库vue-resourcevue插件,非官方库,vue1.x 使用广泛在线文档下载:npm install vue-resource --save理解:使用 vue-resource插件后会给 vue的实例注册一个 $http 的属性$http 是一个对象提供 get,post 等请求方法,这些请求方法是一个 promise参考代码:// 引入模块impor...
2020-01-23 11:56:28
824
原创 vue 笔记之 vue-router
说明vue路由,即 vue-router中文文档安装:npm install vue-router --save所谓的路由就是一个key-value的映射关系,在vue路由中key指的是组件的 path,value指的是组件。相关API说明VueRouter() 用于创建路由器的构造函数。new VueRouter({ // 多个配置项});路由配置routes:...
2020-01-23 11:55:34
332
原创 vue笔记之:组件化编码
组件定义与使用vue 文件的组成(3个部分)模板页面<template> 页面模板</template>JS 模块对象<script> export default { data(){return {};}, methods:{}, computed:{}, compo...
2020-01-23 11:54:45
303
原创 vue笔记之vue核心
简介vue(读作 /vju:/,类似view)是一套用于构建用户界面的渐进式框架。vue不支持IE8及以下版本。安装:直接下载并用<script> 引入,vue 会被注册为一个全局变量。注意:在开发环镜下不要使用压缩版本,否则会失去所有常见错误相关的警告。npm 安装:在使用vue构建大型应用时推荐使用npm安装。安装方式:npm install vue --save查...
2020-01-23 11:53:47
175
原创 详解JavaScript函数式编程中的curry函数
curry函数在JavaScript函数式编程中十分重要。在网上搜索该函数,现有的基本上都不是我想要的;分析ramda,lodash等JavaScript函数式库,发现该函数的实现十分复杂,一时半会摸不清头绪。于是昨天晚上花了几个小时,自己实现了该函数,今天把它拿出来让大家参考一下。柯里化函数柯里化概念所谓的柯里化就是把一个多参数的函数转换为一个嵌套的单参数函数的过程,它要求使用部分参数时返...
2020-01-22 18:26:27
992
原创 Express 框架解决跨域问题
当我们在浏览器的console控制台中看到类似如下的信息:Access to XMLHttpRequest at 'http://localhost:3001/books' from origin 'http://localhost:63342'has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is...
2020-01-22 18:24:36
1374
1
原创 如何监视vuex中state的某个状态的变化
监视vuex,state中某个状态的变化解决问题的思路是通过 vue 的 computed计算属性将state中要监视的数据取出来,然后通过 watch监视属性监视其变化,以实现某些操作如我们要监视 state中 的 todos,当todos发生变化时将它更新到本地存储就可以通过下面的代码来实现computed: { todos() { return this.$...
2019-12-20 17:49:53
3161
原创 解决webstorm开发vue项目时经常卡死,代码提示功能时好时坏的问题
解决webstorm开发vue项目时经常卡死,代码提示功能时好时坏的问题原因:webstorm开发vue项目时经常卡死,代码提示功能时好时坏,是因为 node_modules 文件夹里面的文件数量太多了,webstorm 索引不过来。解决方法是使webstorm 忽略 node_modules文件夹的索引解决方法:在 settings—>editor—>File Types 中的...
2019-12-12 23:40:54
2148
1
原创 MySQL安装教程
MySQL安装教程MySQL 5.X版本 安装MySQL 5安装包 :https://pan.baidu.com/s/1OKmI8MX0Zbxyf37O5zaJvQ 提取码:dr0e打开下载的mysql安装文件 , 双击解压缩,运行“setup.exe”选择安装类型,有“Typical(默认)”、“Complete(完全)”、“Custom(用户自定义)”三个选项,选择“...
2019-12-09 22:51:08
472
原创 nodejs crypto 加密模块分析及ASE加密、解密的实现
crypto 加密模块crypto 模块提供了加密功能,包括对OpenSSL 的哈希、HMAC、加密、解密、签名、以及验证功能的以整套封装。使用 require('crypto') 来访问该模块查看nodejs支持的加密算法,使用 crypto.getCiphers(),如下所示 const crypto = require('crypto') crypto.get...
2019-12-03 10:07:08
2380
原创 nodejs 实现从服务器发送请求
nodejs 实现从服务器发送请求nodejs 实现从服务器发送请求需要使用到 nodejs http 模块的 http.request(url[, options][, callback]) 方法。http.request(url[, options][, callback]) 方法的重要属性:url: url可以是一个字符串或url对象。options对象的重要属性protoc...
2019-11-30 16:40:55
2170
原创 Node.js的Express框架笔记
Express 框架简介Express 是基于Node.js 的极简web框架,它的运用十分的广泛。Express 是一个路由和中间件web框架,其自身只有最低程度的功能:Express应用程序基本上是一系列中间件函数调用。npm 安装:npm install express --saveexpress 入门案例: const APP = require('exp...
2019-11-28 22:14:03
133
原创 markdown 常用语法
markdown 常用语法标题在想要设置为标题的文字前面加#来表示一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。标准语法一般在#后跟个空格再写文字,字体加粗:要加粗的文字左右分别用两个*号包起来斜体:要倾斜的文字左右分别用一个*号包起来斜体加粗:要倾斜和加粗的文字左右分别用三个*号包起来删除线:要加删除线的文字左右分别用两个~~号包起来引用在引用的文字...
2019-11-28 21:48:46
96
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人