![](https://img-blog.csdnimg.cn/20190918140129601.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端从入门到精通
文章平均质量分 80
前端从入门到精通
咖啡壶子
踏踏实实做人,脚踏实地做事
展开
-
canvas篇--初学canvas案例---canvas签名
初学canvas案例---canvas签名原创 2022-09-01 16:06:55 · 354 阅读 · 0 评论 -
Windows 64-bit with Unsupported runtime (83) For more information on which environments are supporte
node版本不同兼容node-sass的版本也就不一样原创 2022-03-23 18:14:39 · 1497 阅读 · 1 评论 -
git ssh密钥生成与配置
git ssh密钥生成与配置原创 2022-03-16 18:28:02 · 1460 阅读 · 0 评论 -
Module build failed (from ./node_modules/_sass-loader@12.3.0@sass-loader/dist/cjs.js): TypeError:
报错解决办法:先卸载node-sass原创 2022-03-16 18:10:08 · 5279 阅读 · 9 评论 -
nvm的下载安装与使用
nvm的下载安装与使用原创 2022-03-15 15:23:03 · 428 阅读 · 0 评论 -
nrm的安装与使用
nrm的安装与使用原创 2022-03-15 15:04:57 · 835 阅读 · 0 评论 -
面试官问你computed,methods和watch有什么区别,分别适合在什么时候使用?
computed和methods中方法的区别?computed具有缓存特性,只会计算一次,在依赖的变量不发生变化的时候,即使页面调用多次,也不会发生重复计算。metheds在页面调用多少次,就会执行多少次.computed和watch适合分别在什么时候使用?当多个元素发生变化导致一个结果进行变更的时候可以使用computed,场景:购物车商品结算当一个元素发生变化导致多个结果进行变更的时候可以使用watch 场景:搜索框...原创 2022-03-07 22:34:27 · 448 阅读 · 0 评论 -
数组扁平化的处理
第一种:使用 es6中的flat方法const arr = [1,[2,[3,[4,5]]],6]// 方法一:数组自带的扁平化方法,flat的参数代表的是需要展开几层,如果是Infinity的话,就是嵌套几层,全部都展开console.log(arr.flat(Infinity))第二种:使用正则表达式const arr = [1,[2,[3,[4,5]]],6]function flatten(arr) { // 使用正则表达式匹配字符,并替换 let arr1 = JS原创 2022-03-04 19:50:22 · 1654 阅读 · 0 评论 -
基于node.js + ElementUI 的sass人力资源后台管理系统的实现
基于node.js + ElementUI 的sass人力资源后台管理系统的实现原创 2022-03-04 14:46:24 · 898 阅读 · 2 评论 -
面试问你:你知道父子组件在执行生命周期时的顺序吗?
父子组件在执行生命周期时的顺序原创 2022-03-04 14:23:42 · 1998 阅读 · 0 评论 -
面试官问你:你知道跨域如何携带cookie
前端跨域请求如何携带cookie?原创 2022-03-04 14:07:52 · 413 阅读 · 0 评论 -
webSoket的基本使用
webSoket的基本使用原创 2022-03-04 14:00:32 · 2228 阅读 · 0 评论 -
grid布局属性介绍
grid布局属性介绍原创 2022-03-04 10:55:12 · 1267 阅读 · 0 评论 -
fetch的概念以及基本用法
fetch的概念以及基本用法原创 2022-03-04 10:46:26 · 10434 阅读 · 0 评论 -
面试官问:说说你对cookie的理解?
cookie的理解原创 2022-03-03 11:01:19 · 4946 阅读 · 2 评论 -
面试实录:你了解cdn加速吗?
首先CDN,全称Content Delivery NetWork传统的网站访问过程为:用户在浏览器中输入要访问的域名;浏览器向域名解析服务器发出解析请求,获得此域名对应的IP 地址;浏览器利用所得到的IP 地址,向该IP对应的服务器发出访问请求;服务器对此响应,将数据回传至用户浏览器端显示出来。CDN 网络则是在用户和服务器之间增加 Cache 层,将用户的访问请求引导到Cache 节点而不是服务器源站点,要实现这一目的,主要是通过接管DNS 实现。使用CDN 缓存后的网站访问过程演变为:原创 2022-03-02 21:06:19 · 258 阅读 · 0 评论 -
基于node.js + vant + vue-router + axios热点资讯H5移动端实现
热点资讯小项目,瞧一瞧看一看喽原创 2021-12-18 23:05:53 · 536 阅读 · 0 评论 -
面试官问你:vue有什么特点?
vue的核心理念:一套构建用户界面的渐进式框架。只关注于视图层。原创 2022-03-02 13:09:34 · 590 阅读 · 0 评论 -
面试官问:你了解哪些状态码?
状态码原创 2022-02-24 17:12:35 · 157 阅读 · 0 评论 -
面试官说手写 :防抖和节流
首先介绍一下防抖和节流防抖是只会执行最后一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时。比如英雄回城,搜索框。搜索框实现防抖,可以使用lodash中的debounce,在vue中使用watch监听,使用debounce把handler函数包裹起来,实现搜索框防抖功能,防抖:function debounce(fn,delay) { // 定义一个标识 var flag = null return function() { // 如果已经有任务原创 2022-02-24 14:36:52 · 442 阅读 · 0 评论 -
小程序第一天
小程序学习第一天原创 2022-02-08 22:18:53 · 508 阅读 · 1 评论 -
基于vue的todolist案例
基于vue的todolist项目原创 2021-12-10 15:48:01 · 1768 阅读 · 0 评论 -
基于vue的全选与反选案例
全选与反选案例案例展示代码详解案例展示代码详解<template> <div> <span>全选:</span> <!-- 4. v-model 关联全选 - 选中状态 --> <input type="checkbox" v-model="isAll"/> <button @click="btn">反选</button> <ul>原创 2021-12-10 15:16:50 · 495 阅读 · 0 评论 -
node基础4-- MySQL的使用和前后端的身份认证
在项目中操作 MySQL安装并配置 MySQLMySQL的基本使用在项目中操作 MySQL4.2 安装与配置 mysql 模块4.3 使用 mysql 模块操作 MySQL 数据库前后端的身份认证5.1 Web 开发模式5.2 身份认证5.3 Session 认证机制5.4 在 Express 中使用 Session 认证5.5 JWT 认证机制5.6 在 Express 中使用 JWT安装并配置 MySQL安装和配置在这里我就不说了,不会的小伙伴参考这篇博文https://blog.csdn.net/原创 2021-12-04 21:17:00 · 983 阅读 · 0 评论 -
node基础3--express框架
node中express框架的使用原创 2021-12-04 20:52:39 · 222 阅读 · 0 评论 -
node基础2--模块化
node关于模块化的基础知识,介绍了模块化的概念,规范,使用,以及包的管理原创 2021-12-04 19:58:11 · 581 阅读 · 0 评论 -
初学者如何搭建React开发环境并且创建react项目
搭建React开发环境1.搭建前提2.下载node.js和cnpm3.安装react环境4.创建react项目输入命令如下显示成功5.运行reactDemo文件6.错误示范1.搭建前提我们要在服务端运行js,就需要一个依赖环境,类似于服务器上运行java代码在就需要借助tomcat服务器一样。我们运行js需要在node.js上,同时相应的module依赖也需要使用npm工具。因为在国内使用npm很慢,我们可以使用淘宝的镜像。搭建react开发环境,首先你需要安装node.js,需要下载cnpm。原创 2021-11-08 23:11:03 · 4486 阅读 · 2 评论 -
git教程2--远程仓库中的操作(保姆级教程,好上手)
目标能够使用 Github 创建和维护远程仓库能够掌握 Git 分支的基本使用了解开源相关的概念什么是开源[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nedyXOy8-1636128885305)(images/开源和闭源.png)]通俗的理解开源是指不仅提供程序还提供程序的源代码闭源是只提供程序,不提供源代码什么是开源许可协议开源并不意味着完全没有限制,为了限制使用者的使用范围和保护作者的权利,每个开源项目都应该遵守开源许可协议( O原创 2021-11-06 01:22:04 · 831 阅读 · 0 评论 -
git教程1--如何操作本地仓库(保姆级教程,好上手)
前言:这几天简单学习了一下git,简单的给大家讲讲怎样使用。此文章一共分为两节:git教程1–如何操作本地仓库;git教程2–如何操作远程仓库如何操作本地仓库一.安装git之前要了解:Git基础概念1.什么是 Git2.Git中的三个区域3. Git 中的三种状态二.安装并配置 Git1.在 `Windows` 中下载并安装 `Git`2.配置用户信息3.Git 的全局配置文件检查配置信息三.`Git` 的基本操作在现有目录中初始化仓库(⭐⭐⭐)工作区中文件的 4 种状态检查文件的状态(⭐⭐⭐)原创 2021-11-06 00:13:03 · 17813 阅读 · 1 评论 -
ajax基础6--http请求消息和状态码
这里写目录标题HTTP协议简介什么是通信协议互联网中的通信协议HTTP(⭐⭐⭐)什么是HTTP协议HTTP协议的交互模型HTTP请求消息什么是HTTP请求消息HTTP请求消息的组成部分(⭐⭐⭐)请求行请求头部请求头部 – 常见的请求头字段空行请求体HTTP响应消息什么是HTTP响应消息HTTP响应消息的组成部分(⭐⭐⭐)状态行响应头部响应头部 – 常见的响应头字段空行响应体HTTP请求方法什么是HTTP请求方法HTTP的请求方法(⭐⭐⭐)HTTP响应状态码什么是HTTP响应状态码HTTP响应状态码的组成及分原创 2021-11-03 00:21:57 · 181 阅读 · 0 评论 -
使用axios发起get请求和post请求
axios(⭐⭐⭐)什么是axiosAxios 是专注于网络数据请求的库。相比于原生的 XMLHttpRequest 对象,axios 简单易用。相比于 jQuery,axios 更加轻量化,只专注于网络数据请求。axios发起GET请求axios 发起 get 请求的语法:axios.get('url', { params: { /*参数*/ } }).then(callback)具体的请求示例如下:// 请求的 URL 地址var url = 'http://www.liulong原创 2021-11-02 22:13:11 · 5680 阅读 · 0 评论 -
JS数组中的方法,以及怎样使用(全)
数组中的基础方法原创 2021-10-30 23:25:14 · 227 阅读 · 0 评论 -
ajax基础4--什么是跨域以及如何解决跨域
同源策略和jsonp同源策略(⭐⭐⭐)什么是同源什么是同源策略跨域(⭐⭐⭐)什么是跨域浏览器对跨域请求的拦截如何实现跨域数据请求`JSONP`什么是`JSONP`(⭐⭐⭐)`JSONP`的实现原理(⭐⭐⭐)自己实现一个简单的`JSONP``JSONP`的缺点`jQuery`中的`JSONP`自定义参数及回调函数名称`jQuery`中`JSONP`的实现过程同源策略(⭐⭐⭐)什么是同源如果两个页面的协议,域名和端口都相同,则两个页面具有相同的源。例如,下表给出了相对于 http://www.test.原创 2021-10-30 21:08:42 · 354 阅读 · 0 评论 -
ajax基础5--什么是防抖,什么是节流
防抖和节流防抖&节流1.防抖什么是防抖(⭐⭐⭐)防抖的应用场景实现输入框的防抖2.节流什么是节流(⭐⭐⭐)节流的应用场景节流阀的概念3.总结防抖和节流的区别防抖&节流1.防抖什么是防抖(⭐⭐⭐)防抖策略(debounce)是当事件被触发后,延迟 n 秒后再执行回调,如果在这 n 秒内事件又被触发,则重新计时。**好处:**能够保证用户在频繁触发某些事件的时候,不会频繁的执行回调,只会被执行一次防抖的应用场景用户在输入框中连续输入一串字符时,可以通过防抖策略,只在输入完后,才执行原创 2021-10-30 21:07:33 · 185 阅读 · 0 评论 -
ajax基础3--使用原生xhr发起get,post请求
使用原生js发起ajax请求`XMLHttpRequest`的基本使用什么`XMLHttpRequest`使用`xhr`发起GET请求(⭐⭐⭐)了解`xhr`对象的`readyState`属性使用`xhr`发起带参数的GET请求查询字符串什么是查询字符串GET请求携带参数的本质URL编码与解码什么是URL编码如何对URL进行编码与解码使用`xhr`发起`POST`请求(⭐⭐⭐)数据交换格式什么是数据交换格式`JSON(⭐⭐⭐)`什么是`JSON``JSON`的两种结构**对象结构****数组结构**`JSO原创 2021-10-30 20:58:47 · 3568 阅读 · 0 评论 -
ajax基础2-使用ajax提交表单
这里写目录标题1.Form表单的基本使用1.1什么是表单1.2表单的组成部分1.3`` 标签的属性(⭐⭐⭐)`action``target``method``enctype`1.4表单的同步提交及缺点什么是表单的同步提交表单同步提交的缺点2.通过Ajax提交表单数据2.1监听表单提交事件2.2阻止表单默认提交行为(⭐⭐⭐)2.3如何快速获取表单数据(⭐⭐⭐)`serialize()` 函数1.Form表单的基本使用1.1什么是表单表单在网页中主要负责 数据采集功能。HTML中<form>标原创 2021-10-30 20:46:19 · 761 阅读 · 0 评论 -
ajax基础1--使用ajax发送get和post请求
使用ajax发送get和post请求1.客户端与服务器(⭐⭐⭐)上网的目的服务器客户端2.URL地址的概念&组成URL的概念URL的组成3.客户端与服务器通讯过程(⭐⭐⭐)4.基于浏览器工具分析通讯过程5.服务器对外提供的资源常见资源数据也是资源(⭐⭐⭐)6.网页中如何请求数据7.资源的请求方式(⭐⭐⭐)8.什么是`Ajax`(⭐⭐⭐)9.为什么要学`Ajax`10.`Ajax`应该用场景(⭐⭐⭐)场景一:用户名检测场景二:搜索提示场景三:数据分页显示场景四:数据的增删改查11.`jQuery`中的原创 2021-10-30 20:38:39 · 1962 阅读 · 1 评论 -
ES6基础5--ES6新特性
ES6新特性ES6 相关概念(★★)什么是ES6为什么使用 ES6 ?ES6 新增语法let(★★★)const(★★★)具有块级作用域声明常量时必须赋值常量赋值后,值不能修改let、const、var 的区别解构赋值( ★★★)数组解构对象解构箭头函数(★★★)剩余参数(★★)ES6 的内置对象扩展Array 的扩展方法(★★)构造函数方法:Array.from()实例方法:find()实例方法:findIndex()实例方法:includes()String 的扩展方法模板字符串( ★★★)实例方法:s原创 2021-10-24 00:20:52 · 406 阅读 · 0 评论 -
正则表达式在js中的用法
正则表达式1. 正则表达式概述1.1什么是正则表达式1.2 正则表达式的特点2. 正则表达式在js中的使用2.1正则表达式的创建2.2测试正则表达式3. 正则表达式中的特殊字符3.1正则表达式的组成3.2 边界符3.3字符类3.3.1 [] 方括号3.3.2量词符3.4 预定义类3.5正则替换replace1. 正则表达式概述1.1什么是正则表达式正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。正则表通常被用来检原创 2021-10-23 23:33:50 · 454 阅读 · 0 评论 -
ES6基础3--函数和闭包
这里写目录标题1. 函数的定义和调用1.1函数的定义方式1.2函数的调用2.this2.1函数内部的this指向2.2 改变函数内部 this 指向2.2.1 call方法2.2.2 apply 方法2.2.3 bind 方法2.2.4 call 、apply、bind三者的异同3. 严格模式3.1什么是严格模式3.2开启严格模式3.3严格模式中的变化4. 高阶函数5. 闭包5.1变量的作用域复习5.2什么是闭包5.3 闭包的作用1. 函数的定义和调用1.1函数的定义方式方式1 函数声明方式 fun原创 2021-10-23 23:16:34 · 257 阅读 · 0 评论