前端知识
文章平均质量分 87
迷糊的小小淘
这个作者很懒,什么都没留下…
展开
-
WebSocket是什么?
一文带你入门Websocket连接~原创 2023-03-17 15:28:59 · 481 阅读 · 3 评论 -
CSS预处理器之Sass与Less
本篇内容主要讲述css预编译器sass与less;原创 2023-03-15 15:28:00 · 1291 阅读 · 0 评论 -
Node.js到底是什么?
一文带你足够学会node~原创 2023-03-16 14:20:24 · 3342 阅读 · 0 评论 -
React教程详解四(hooks、pureComponent、Context通信、错误边界、children props与render props)
补充介绍react中的hooks以及其它语法糖~原创 2023-03-15 11:23:00 · 780 阅读 · 0 评论 -
React教程详解三(Redux与React-Redux)
react状态管理之redux原创 2023-03-14 23:21:01 · 485 阅读 · 0 评论 -
React教程详解二(脚手架、路由)
react中路由的介绍~原创 2023-03-14 23:21:51 · 610 阅读 · 0 评论 -
React教程详解一(props、state、refs、生命周期)
大厂用react框架开发的较多哦,从本期开始,总结react教程,一起卷起来~原创 2023-03-01 14:54:45 · 572 阅读 · 0 评论 -
前端必须知道的http知识
作为一名前端程序猿,有一些你不得不知道的事情~原创 2023-02-21 13:46:49 · 258 阅读 · 0 评论 -
TypeScript教程
对ts中相对js的区别进行了总结,对ts进行进一步学习~原创 2023-01-07 22:16:00 · 1314 阅读 · 2 评论 -
Axios用法总结(附有封装好的axios请求)
一文带你学会axios的使用~原创 2023-02-02 21:40:54 · 4202 阅读 · 0 评论 -
Ajax用法总结
介绍ajax的使用方法原创 2022-12-04 14:56:07 · 879 阅读 · 0 评论 -
如何实现网站首页变为黑白色?
还在一个个改首页图片为黑白色,看看这篇,让你早点下班~原创 2022-12-02 11:48:44 · 3230 阅读 · 0 评论 -
2023年了,你还在为Promise头疼?
还不会Promise用法,那么你试试看看它~原创 2023-02-02 23:29:56 · 310 阅读 · 0 评论 -
ES6新增特性总结
一文让你对es6新增特性了然于胸原创 2023-02-13 15:05:00 · 3524 阅读 · 0 评论 -
JavaScript中常用对象方法总结
快速帮你复习js中常见的对象方法原创 2022-11-25 10:44:57 · 980 阅读 · 0 评论 -
JavaScript中常用字符串方法总结
快速帮你复习js中常用的字符串方法原创 2022-11-23 22:26:35 · 924 阅读 · 0 评论 -
JavaScript中常用数组方法总结
js中数组方法的总结原创 2022-08-23 16:09:38 · 626 阅读 · 0 评论 -
Html5之canvas详解
html中新增标签canvas的介绍原创 2022-07-15 23:10:41 · 2847 阅读 · 1 评论 -
CSS之grid布局
grid布局原创 2022-06-30 17:28:42 · 1532 阅读 · 0 评论 -
CSS之flex布局
CSS中常用的flex布局原创 2022-06-27 23:38:28 · 2156 阅读 · 0 评论 -
页面导出excel的三种方式
页面中实现导入表格的三种方式,包括纯前端以及前后端配合方式原创 2022-06-20 14:21:53 · 8562 阅读 · 0 评论 -
vue+elment-ui实现表格动态增减与复制表格文本自动解析数据功能
利用element-ui实现表格动态增删,并实现将表格中复制的文本自动解析到页面进行展示功能注意 删除按钮可设置第一行不可见或不可用,以防用户将模板行删掉;或利用表格动态增减 上面用表单的方法虽然实现了我们的动态增减功能,但是表头标题每次复制时都会重现一行,有些冗余,基于此,如果我们利用表格形式,只复制表格内容,表头标题只出现一次,岂不美哉?其余部分与表单方法一样;上述方法虽然弥补了表单缺陷,但是表格组件中无对数据......原创 2022-06-14 18:07:05 · 1273 阅读 · 0 评论 -
vue项目国际化配置
国际化配置即多语言配置,使用到的插件是vue-i18n,本例中亦通过设置下拉选框,切换界面语言;安装依赖npm install vue-i18n@8.26.5 --save亲测该版本有效~在main.js中引入并尝试打印看下是否引入成功;import VueI18n from 'vue-i18n'console.log(VueI18n, 'VueI18n');控制台输出则表明成功引入;配置多语言文件在项目asset目录下新建language/language文件夹,原创 2022-05-21 19:17:57 · 1214 阅读 · 1 评论 -
vue项目中使用NProgress进度条
NProgress是页面跳转时出现在浏览器顶部的进度条,如下所示:nprogress使用起来非常简单;安装npm install nprogress --save使用主要用到两个代码:NProgress.start(); // 路由进入之前NProgress.done(); // 路由进入之后使用时在路由的index.js文件中,先导入,再使用://导入import NProgress from 'nprogress'import 'nprogress原创 2022-05-12 10:59:14 · 503 阅读 · 0 评论 -
mac下nodejs的卸载与安装
依次执行如下命令即可:sudo npm uninstall npm -gsudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.*sudo rm -rf /usr/local/include/node /Users/$USER/.npmsudo rm /usr/local/bin/nodesudo rm /usr/local/share/man/man1/node.1sud原创 2022-03-28 19:56:21 · 7090 阅读 · 0 评论 -
Vue2教程详解八(路由vue-router3)
目录简介安装与基本使用路由器的工作模式嵌套路由params传参和query传参query传参params传参命名路由路由组件传参(props配置)对象模式布尔模式函数模式router-link的replace属性编程式路由/导航缓存路由组件路由守卫/导航守卫全局守卫独享守卫组件内守卫路由元信息完整的导航解析流程简介Vue-router是vue的一个插件库,专门用来实现SPA(single page web app原创 2022-03-19 23:46:00 · 3238 阅读 · 0 评论 -
Vue2教程详解七(Vuex3)
简介Vuex是一个专为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。该状态自管理应用包含以下几个部分:state,驱动应用的数据源; view,以声明方式将state映射到视图; actions,响应在view上的用户输入导致的状态变化。以上,就是一个表示“单向数据流”理念的简单示意,但是当我们的应用遇到多个组件共享状态时,单项数据流的简洁性就会很容易被破坏:多个视图依赖于同一状态。 来自不同视原创 2022-03-17 18:37:11 · 2534 阅读 · 3 评论 -
Vue2教程详解六(脚手架、配置项prop、配置项mixin、插件)
vue脚手架即@vue/cli,Cli是command line interface是一个基于Vue.js进行快速开发的完整系统,Vue CLI致力于将Vue生态中的工具基础标准化,它确保了各种构件工具能够基于智能的默认配置即可平稳衔接,这样就可以专注在撰写应用上,而不必花好几天就纠结配置的问题。安装脚手架npm install -g @vue/cli或者yarn global add @vue/cli安装后可通过vue --version来检查其版本是否正确;创建项目切换到你要创原创 2022-02-22 19:23:01 · 774 阅读 · 0 评论 -
Vue2教程详解五(组件)
组件是可复用的Vue实例,因此它们与new Vue接收相同的选项,如data、computed、watch、methods以及生命周期钩子等。仅有的例外是像el这样跟实例特有的选项。组件是用来实现局部(特定)功能效果的代码(html/css/js)和资源(mp3/mp4/ttf/zip)的集合等组件的优势:可复用代码,简化项目编码,提高运行效率;组件的分类:单文件组件(一个文件中只包含有一个组件,大型项目中多用此方法)、非单文件组件(一个文件中包含有n个组件);局...原创 2022-02-21 19:09:20 · 1794 阅读 · 0 评论 -
Vue2教程详解四(生命周期)
每个Vue实例在被创建时都要经过一系列的初始化过程----如,需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己代码的机会;生命周期又称生命周期回调函数、声明周期函数;上一张官网的生命周期图示:其中红字红框白底的内容为生命周期钩子,图中所示共有八个钩子(4对),分别是:beforeCreate---created,beforeMount---mounted,beforeUpdate---up原创 2022-01-27 15:20:26 · 2839 阅读 · 0 评论 -
JavaScript高级教程(函数进阶、闭包、正则表达式、ES6新增语法、新增扩展方法)
函数的定义与调用函数有三种定义方式:自定义函数(命名函数)function fn() {};函数表达式(匿名函数)var fun = function() {};new Function()var fn = new Function('参数1', '参数2', '函数体')该种方式执行效率低,也不方便书写,因此较少使用;所有函数都是Function的实例(对象);函数也属于对象;构造函数;函数的调用方式有很多,分为普通函数、对象的方法、构造函数、绑定事件函数、定时器函..原创 2022-01-26 20:39:13 · 1680 阅读 · 0 评论 -
Vue2教程详解三(表单输入绑定、过滤器、指令)
目录表单输入绑定基础用法修饰符过滤器指令内置指令自定义指令全局指令表单输入绑定之前篇幅讲过使用v-model指令在表单<input>/<textarea>以及<select>元素上创建双向数据绑定,它会根据控件类型自动选取正确的方法来更新元素,其实就是将input输入的值value自动绑定,并更新数据。它就是语法糖,负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理~基础用法表单分为input/textare原创 2022-01-26 16:08:40 · 1405 阅读 · 0 评论 -
Vue2教程详解二(class与style绑定、条件渲染、列表渲染、列表过滤、列表排序)
class与style绑定操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是attribute,所以我们可以用v-bind处理它们,只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将v-bind用于class和style时,Vue做了专门的增强,表达式结果的类型除了字符串以外,还可以是数组或对象;绑定HTML Class表达式是字符串<style>.sad { font-size: large; c原创 2022-01-25 11:17:33 · 2662 阅读 · 0 评论 -
JavaScript高级教程(面向对象编程)
面向对象编程有两大编程思想:面向过程和面向对象;面向过程编程POP(Process-oriented programming)面向过程即分析出解决问题所需要的步骤,然后用函数将这些步骤一步步实现,使用的时候再一个个的一次调用就可以了;即将大象装进冰箱,从面向过程来看,需要打开冰箱门、装进去大象、关上冰箱门面向对象编程OOP(Object Oriented Programming)面向对象即把事务分解成为一个个对象,然后由对象之间分工与合作;是以对象功能来划分问题,而不是步骤;在面向对原创 2022-01-25 19:01:32 · 5315 阅读 · 1 评论 -
Vue2教程详解一(简介、模板语法、事件处理、计算属性与侦听器)
vue简介官网指路Vue.jsVue (读音 /vjuː/,类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。------摘自官网vue特点1、采用组件化模块,提高代码复用率,且让代码更好维护;(一个.vue文件就是一个组件)2、声明式编程,改变以往.原创 2022-01-21 21:03:59 · 937 阅读 · 1 评论 -
JavaScript知识点四(BOM)
BOM概述BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM由一系列相关的对象构成,并且每个对象都提供了很多方法和属性;但是它缺乏标准,BOM最初是Netscape浏览器标准的一部分; 中文名 操作对象 顶级对象 DOM 文档对象模型 文档 document BOM 浏览器对象模型 浏览器 window BOM比DOM范围更大,它包含原创 2022-01-10 19:20:09 · 444 阅读 · 0 评论 -
JavaScript知识点三(DOM)
目录前言Web APIS和JS基础关联性DOM获取DOM元素事件事件概述前言Web APIS和JS基础关联性JS为基础阶段:主要学习ECMAScript标准规定的基本语法,但是做不了常用的网页交互效果; Web APIs阶段:Web APIs是W3C组织的标准,主要学习DOM和BOM,这部分是js独有的部分,主要是学习页面交互功能,但需要JS基础的课程内容做基础。 Web APIs是浏览器提供的一套操作浏览器功能和页面元素的API(...原创 2021-12-15 22:49:55 · 1583 阅读 · 0 评论 -
JavaScript知识点二(预解析、对象、内置函数)
但是对通过函数表达式来说,预解析 JavaScript代码是由浏览器中的JavaScript解析器来执行的,JavaScript解析器在运行JavaScript代码的时候分为两步:预解析与代码执行; 预解析也叫变量提升,JavaScript引擎会把代码中所有的变量(var)以及函数(function)提升到当前作用域的最前面,因此预解析又分为变量预解析(变量提升)与函数预解析(函数提升)。 注意:变量提升只意味着将变量声...原创 2021-12-13 23:12:54 · 924 阅读 · 2 评论 -
JavaScript知识点一(简介、基本数据类型、流程控制、数组与函数)
前言计算机语言分为:机器语言,汇编语言,高级语言三类; 计算机最终所执行的都是机器语言,它是由'0'和'1'组成的二进制数; 汇编语言和机器语言本质是相同的,都是直接对硬件操作,只不过指令采用了英文缩写的标识符,容易识别和记忆;高级语言主要是相对于低级语言而言,它并不是特指某一种具体的语言,而是包含了很多编程语言,常用的有C语言/C++/C#/Java/python/JavaScript; ...原创 2021-12-11 17:12:24 · 647 阅读 · 0 评论 -
CSS知识点总结(二)
一 圆角边框border-radius: length /*属性值为数值或百分比的形式*/该属性可将正方形变成圆,只要将length值设为50%即可;可将矩形设置成有圆角的矩形,只需将其设置为矩形高度的一般即可;二 盒子阴影box-shadow: 水平阴影 垂直阴影 模糊距离(虚实) 阴影尺寸(影子大小) 阴影颜色 内/外阴影其中水平阴影和垂直阴影两个属性是必须项,其它项可忽略;默认为外阴影(outset)、(内阴影为inset)三 CSS布局的三种机制上面提到布局的本质原创 2021-11-21 19:12:22 · 685 阅读 · 0 评论