- 博客(58)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 xlsx插件将页面表格导出为xlsx文件格式简单案例
前言：此案例未涉及到表格样式，只是做了简单的数据导出，所以简单易懂。以下案例是以vue为基础编写。
2023-01-03 18:21:19
1393
1
原创 vue 引入外部js文件的变量、方法、注册全局变量、ES6模块化export 与export default区别
前言：此篇文章是针对vue2版本的外部变量、方法的引入使用和导入导出区别，解答import导入时是否需要 {} 的问题，vue3版本可能不适用。
2022-12-22 09:15:41
2087
2
原创 vue项目打包流程、反向代理Nginx的使用、内存溢出导致打包失败
突发灵感想学习下打包，第一反应是学习webpack，翻找一通后发现用不着webpack，因为vue有内置打包命令，配置好vue文件后 在项目文件执行即可！下方内容是我多方查找总结得出。
2022-12-15 17:13:50
3226
原创 单独修改组件库样式/样式穿透/深度选择器
Ant Design of Vue、Element UI、Vant等各种组件库固然好用，但官方给定的样式却不符合自家ui的设计风格，我们想要修改却又无从下手，改了却又产生连锁反应，所有页面都会受影响。在实际项目开发中或在面试中常会遇到如何单独修改当前页面单个组件样式，并且不影响当前页面其他组件样式。解决方案：一、修改组件库样式方法首先来介绍此事件的主角 --- 深度选择器。
2022-11-09 16:32:27
4119
原创 方法定义methods与计算属性computed与监听属性watch的使用与区别
深度监视：Vue中的watch默认不监测对象内部值的改变（一层）在watch中配置deep:true可以监测对象内部值的改变（多层）备注：Vue自身可以监测对象内部值的改变，但Vue提供的watch默认不可以使用watch时根据监视数据的具体结构，决定是否采用深度监视。
2022-10-16 18:22:41
308
原创 ECharts在vue中使用、图表自适应、时间轴
ECharts 的功能十分强大,可以生成多种形式的图表,配置项十分灵活,可以根据实际需求自由定制当我们绘制图表时总是会需要自己配置一些样式效果，而官方API又难以查找，新手可以将想要查找的效果样式在浏览器中搜索，根据搜索结果的提示去设置或再去官方配置项手册搜索查找对应项配置。
2022-08-30 19:33:00
2495
原创 vue9种跨组件传参
通过 props 传递通过 $emit 触发自定义事件使用 refEventBus$parent 或$rootattrs 与 listenersProvide 与 InjectVuex
2022-08-29 23:20:27
2421
原创 react简单总结--尚未完全理解可能会有错误，后期重写
html文本 它遵循从高阶组件到低阶组件的。{this.add(参数)}}>2. componentWillUpdate() ---将要更新数据。类组件可以有state,管理数据用类组件,函组件没有state。4. componentDidUpdate() ---更新数据。
2022-08-18 22:58:32
298
原创 vuex+映射
介绍：把store分为很多小模块，每一个模块都有自己的state，getters，action，mutation属性，最后合并到一起。组件中使用方法：$store.dispatch(方法,数据)把vuex的state在computed映射为组件的data。组件中使用方法：$store.commit(方法,数据)组件中使用方法：$store.getters.xxx。组件中使用方法：$store.state.xxx。使用：新建组件，导入新组件，方法中注册组件。作用：从现有数据计算出新的数据。......
2022-08-11 21:50:29
989
原创 mockjs——mockjs定义、mockjs安装、mockjs使用、mockjs方法、mockjs语法、代码示例
拦截ajax请求，生成伪数据应用场景:在工作中,后端已经出接口文档,还没有实现代码由前端依照接口文档模拟伪数据,实现前端开发功能。
2022-08-07 19:06:18
20075
4
原创 SPA——spa的作用、spa如何实现、spayu普通页面跳转的区别、代码示例
Singel Page Application 单页面应用。锚点切换并不会让页面刷新(改变页面)多页面页面切换在一个html里面实现。2.动态切换div模拟切换页面。1.监听地址栏的变化。
2022-08-07 18:22:47
342
原创 vue知识点——路由（跳转页面、传参、路由守卫等）
在 Vue 中路由就是控制显示哪个页面，通过路由显示的页面是显示在 App.vue 中的，当更改 URL 后只改变 App.vue 页面中路由部分对应的内容，也就是说通过路由显示时，也是属于局部刷新效果。注：在 App.vue 中通过显示路由内容。............
2022-08-07 18:16:29
3289
原创 vue父子组件传参与$nextTick作用
父组件通过import引入子组件并注册，在子组件的标签上添加要传递的属性，子组件通过props接收。接收有两种形式，一是通过数组形式[‘要接收的属性’]，二是通过对象形式{}来接收，对象形式可以设置要传递的数据和默认值，而数组只是简单的接收，是只读的，不能进行修改。子组件向父组件传数据使用自定义事件，vue组件提供了一个emit子组件绑定一个事件，通过this.$emit()来触发。在子组件中绑定一个事件，并给这个事件定义一个函数............
2022-07-27 23:21:32
1706
原创 vue生命周期
Vue的生命周期就是vue实例从创建到销毁的全过程，也就是newVue()开始就是vue生命周期的开始。Vue实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom->渲染、更新->渲染、卸载等⼀系列过程，称这是Vue的⽣命周期。钩子函数是Vue生命周期中每个阶段对外开放让程序员操作Vue的接口。Vue有8个钩子函数。这个时候，在实例被完成创建出来，$el和data都没有初始化，不能访问data、method，一般在这个阶段不进行操作。created(){.........
2022-07-27 23:00:39
473
原创 Vue脚手架安装 与 Vue项目创建运行、vue项目迁移后运行失败问题
目录Vue脚手架安装快捷安装项目所需插件命令 npm ivue 如何查看vue cli的安装位置Vue项目创建与运行1.创建项目2.运行项目3.检测运行是否成功 项目文件作用介绍 复制上方地址后浏览器中打开，即可看到下方页面 此时项目即创建并运行成功...
2022-07-25 19:52:03
1875
原创 Vue基础——vue2和vue3的模板区别、MVVM数据双向绑定、Vue的安装和使用、Vue模板语法、常用的vue的指令、vue数组改变不渲染问题、VScode插件推荐
VueJS是什么、Vue的优缺点、vue2和vue3的模板区别、MVVM数据双向绑定、Vue的安装和使用、Vue模板语法-文本渲染、常用的vue的指令
2022-06-27 22:48:08
1144
原创 JavaScript本地储存：localStorage、sessionStorage、cookie与ajax、函数递归、深拷贝等讲解及面试题
JavaScript本地储存：localStorage、sessionStorage、cookie与ajax、函数递归、深拷贝等讲解及面试题
2022-06-17 19:56:14
397
原创 ES6和ES5的区别、ES6新特性、Promise.all()用法简记、JavaScript事件代理（事件委托）、值类型和引用类型的区别、回流与 重绘——面试篇
ECMAScripts5,即ES5，是ECMAScripts的第五次修订，于2009年完成标准化ECMAScripts6，即ES6，是ECMAScripts的第六次修订，于2025年完成，也称ES2015ES6是继ES5之后的一次改进，相对于ES5更加简洁，提高了开发效率ES6新增的一些特性：1）let声明变量和const声明常量，两个都有块级作用域ES5中是没有块级作用域的，并且var有变量提升，在let中，使用的变量一定要进行声明2）箭头函数ES6中的函数定义不再使用关键字function()，而是利
2022-06-08 19:10:05
1147
原创 JQuery 入门基础知识
jquery到底是什么jQuery的官网jQueryjQuery就是一个js库，使用jQuery的话，会比使用JavaScript更简单。jquery的版本问题官网下载地址：Download jQuery | jQueryjQuery版本有很多，分为1.x 2.x 3.x1.x和2.x版本jquery都不再更新版本了，现在只更新3.x版本。jquery的入口函数使用jQuery的四个步骤：引入jQuery文件 检测引入是否成功 入口函数 功能实现// .
2022-05-16 23:36:59
274
原创 正则表达式
正则表达式含义与作用正则表达式是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文(匹配)。此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等 。特点实际开发，一般都是直接复制写好的正则表达式 但是要求会使用正则表达式并且根据自身实际情况修改正则表达式创建
2022-05-10 09:05:15
108
原创 JS——DOM对象常用方法知识简记
目录获取DOM对象方法一1.通过id获取2. 通过class(类名)获取3. 通过标签名获取4. 通过name属性获取5. 通过querySelector（选择器）获取6. 通过querySelectorAll获取获取特殊对象方法 body html获取或返回元素内容方法JS与CSS交互js添加与修改属性样式样式获取（查询）类操作DOM节点节点属性操作节点操作（增删复插替）获取DOM对象方法二节点查找父节点查找子节点方法...
2022-05-01 19:56:24
3529
原创 JavaScript——DOM常用理论知识点
1、什么是DOM文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。文档：一个页面就是一个文档，DOM中使用doucument来表示 元素：页面中的所有标签都是元素，DOM中使用 element 表示 节点：网页中的所有内容都是节点（标签，属性，文本，注释等），DOM中使用node表示DOM
2022-04-24 22:10:30
1814
原创 window对象（BOM）——滚动条的运用、let与var的区别、this的指向、event事件对象、事件对象的常见属性和方法、this与event的区别
一、screen属性（用户屏幕相关属性 不是浏览器窗口哦）window.screen 对象包含有关用户屏幕的信息screen.availWidth 屏幕宽度screen.availHeight 屏幕高度二、history对象（页面相关属性）forward() 方法可加载历史列表中的下一个页面back() 方法可加载历史列表中的前一个页面（如果存在）go(参数) 方法可加载历史列表中的某个具体的页面参数可以是数字，使用的是要访问的页面在 History 的页面列表中的..
2022-04-20 21:37:48
672
1
原创 js制作返回顶部与导航栏吸顶效果（固定定位）
效果：（图片已删，可自行添加） 此处运用了滚动条时间<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=devi.
2022-04-20 21:13:59
564
原创 javascript数组——新建数组、访问数组、遍历数组的方法、数组对象的方法、冒泡排序算法、json的正反序列化
数组是可以在内存中连续存储多个元素的结构数组的下标索引从0开始，通过length可获取数组的总长度。取值范围[0 , myarr.length-1]通过构造函数的三种方法例1：var myarr= new Array()myarr[0]=10;myarr[2]="hello";例2：var myarr= new Array(10，"hello")(长度为2 ，)例3：var myarr= new Array(10)(创建一个长度为10的数组每个元素都为空 只有一..
2022-04-14 23:42:23
1456
原创 字符串对象——字符串常用知识集合
目录创建字符串方法第一种方法：构造函数来创建String对象第二种方法：字面量方法来创建字符串对象字符串方法取字符串的长度通过length来获取字符串的长度查找字符串1、indexOf()2、lastIndexOf(参数1 ，参数2) ;返回字符串中子字符串最后出现的位置3、search 检索字符串中指定的子字符串4、charAt() 返回指定位置的字符5、includes(子串) 查找字符串中是否包含指定的字符串6、match(参数)在字符...
2022-04-14 00:32:37
1301
原创 对象{}、防抖与节流、常用日期对象、new 操作符做了哪些事（面试题）、计时器与定时器、递归、阻止对象的默认行为、mouseover 和 mouseenter的区别
对象、常用日期对象、new 操作符做了哪些事（面试题）、计时器与定时器、递归、阻止对象的默认行为、mouseover 和 mouseenter的区别
2022-04-11 23:17:02
1117
原创 JavaScript预编译
在JavaScript中存在一种预编译的机制，这也是Java等一些语言中没有的特性，也就正是因为这个预编译的机制，导致了js中变量提升的一些问题，下面这两句话能解决开发当中一部份问题，但不能解决所有问题，还有一些问题是你必须通过学习预编译才能解决的。函数声明整体提升（函数定义会提升，传参也会提升。） 变量声明提升（*注意预编译时，变量声明会提升，但变量赋值不会提升。）预编译阶段发生变量声明和函数声明，没有初始化行为（赋值），匿名函数不参与预编译 。只有在解释执行阶段才会进行变量初始化 。ti
2022-04-07 23:33:24
520
原创 JavaScript——数学对象、DOM对象对象的常用方法
1、数学对象Math.PI 圆周率 π Math.ceil() 向上取整 返回的是大于或等于函数参数，并且与之最接近的整数 Math.floor() 向下取整 返回的是小于或等于函数参数，并且与之最接近的整数 Math.round(num) 返回与num最接近的整数(四舍五入) Math.max(x,y) 返回指定的数中带有较大的值的那个数 Math.min(x,y) 返回指定的数字中带有最小值的数字 Math.abs(x) 返回...
2022-04-07 23:27:21
501
原创 js函数——函数的概念、作用域、自定义函数、预定义函数、匿名函数、函数自执行表达式（IIFE）、函数传参、函数的返回值、break ,continue ,return 的区别
目录函数的概念作用域（变量起作用的范围）预定义函数自定义函数1.声明函数2.调用函数匿名函数（函数表达式）匿名函数自执行（IIFE）（两种方式）：函数传参函数的返回值函数的概念在JS里面可能会定义非常多的相同代码 或者功能相似的代码，这些代码可能需要大量重复使用虽然for循环语句也能实现一些简单的重复操作，但是比较有局限性，此时我们就可以使用JS中的函数。函数:就是封装了一段可被重复调用执行的代码块，通过此代码块可以实现大量代码的重复使...
2022-04-06 22:58:19
665
原创 JavaScript基础——switch结构( switch和多重if结构区别)、 while循环、 do-while循环、for循环
1、switch结构switch (表达式){ case 常量 1: 语句; break; case 常量 2: 语句; break; default: 语句;} 例子：请根据用户输入的数字判断菜单 <script> var a = prompt("今天是周几,看看中午吃啥子", "
2022-03-31 22:46:53
2227
原创 检测数据类型、小数点后保留后N位方法、数据类型转换、window对象的方法 、分支结构 （if单分支、if-else 双分支、多重if结构）isNaN() 与 Number.isN的区别
1、检测数据类型（typeof）var a="hello";console.log(typeof a);或者var a="hello";console.log typeof (a);2、数据类型转换其他类型转换为字符串类型1、通过运算 var a=10; a=a+""; 2、通过方法 var a=10; a=String(a);其他类型转（字符串）换为数字类型1、通过运算 var a="10";
2022-03-30 21:55:00
245
原创 Javascript运算符——算术运算符、三元运算符、自增 与 自减、比较运算符、逻辑运算符、= 与== 与 === 的区别
1、算术运算符1. 加号 +加号两侧同时为数字，进行加法运算加号两侧任何一侧为字符串，表示字符拼接 （符号两侧要用空格隔开）（其余相同）2.减号 - 3.乘号 * 4.除号 /5.取余 %在进行减 乘 除 取余运算时：符号两侧同时为数字进行对应的算术运算，若其中有一侧为非数字，则运算时会把该侧转换为数字，转换成功，进行对应的算术运算，转换失败，得到NaN(Not a Number非数字) <scrip......
2022-03-29 23:40:27
1055
表格创建快捷方式与属性
2022-02-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人