- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 前端常用网站汇总
前端必知网站CSS3教程https://www.w3school.com.cn/css3/index.aspSass官网（CSS预处理器，通过编程的方式来开发CSS）：https://sass-lang.com/Less官网（同上）：http://lesscss.org/html5教程https://www.w3school.com.cn/html5/index.aspJavaScript教程网：https://zh.javascript.info/ES6入门（阮一峰大佬的）：htt
2020-12-23 14:53:36
3612
8
原创 babel配置报错:Requires Babel 7.0.0-0, but was loaded with 6.26.3.
在配置webpack过程中，配置babel解决浏览器兼容性问题时，出现如下问题：问题原因：安装的babel-loader和babel-core版本不匹配。解决方法：首先打开package.json文件，删除如下图中的标记，然后重新安装：npm install babel-loader，最后再执行即可成功，这是最简单的解决方法。...
2020-06-16 22:42:25
3951
原创 使用elementUI中的Carousel组件实现水平+垂直滚动的效果
elementUI中的跑马灯Carousel组件实现水平+垂直滚动的效果
2022-11-17 20:51:22
1970
原创 Vardaccio搭建及常用命令
1.什么是Vardaccio?Vardaccio是一个Node.js创建的轻量的私有包管理工具,主要用于存放企业常用的业务模块2.安装及使用要求要求: Node.js版本>v12 ；npm版本>=4.x。安装：npm install -g verdaccio3.vardaccio常用命令 启动：verdaccio 添加用户名：npm adduser --registry http://ip:4873 ...
2021-12-31 11:13:05
870
原创 vue的vue-json-excel导出excel表格数据
之前使用过file-saver等插件导出过表格，最近发现使用vue-json-excel插件比较简单。包链接：vue-json-excel - npm 可查看导出插件的各种属性一.安装vue-json-excelnpm install vue-json-excel -S二.main.js里引入并注册使用import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)三.在页面中..
2021-12-21 19:00:06
539
原创 vue导出excel表格
一.安装三个依赖npm install -S file-saver npm insall -S xlsxnpm install -D script-loader二.在src文件夹下新建excel文件夹，后在excel文件夹下新建Bolb.js和Export2Excel.jsBolb.js文件如下代码：(function (view) { "use strict"; view.URL = view.URL || view.webkitURL; if (vie
2021-02-26 15:05:41
253
原创 VUE之vue-router常见面试题
1.vue-router怎么重定向的？在routes:[{{ path: '/a', redirect: '/b' }}]2.vue-router 是什么?它有哪些组件答：vue用来写路由一个插件。有router-link、router-view3.active-class 是哪个组件的属性？答：vue-router模块的router-link组件。children数组来定义子路由4.怎么定义 vue-router 的动态路由? 怎么获取传过来的值？怎么获取当前的路由信息？答：在
2021-01-15 10:42:50
8378
1
原创 VUE之生命周期面试题
1.什么是 vue 生命周期？有什么作用？答：每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做 生命周期钩子 的函数，这给了用户在不同阶段添加自己的代码的机会。（ps：生命周期钩子就是生命周期函数）例如，如果要通过某些插件操作DOM节点，如想在页面渲染完后弹出广告窗， 那我们最早可在mounted 中进行。2.第一次页面加载会触发哪几个钩子？答：beforeCreat
2021-01-15 10:41:12
6422
2
原创 VUE之VUEX常见面试题
1.vuex是什么？怎么使用？哪种功能场景使用它？答：vue框架中状态管理。在main.js引入store，注入。新建了一个目录store.js，….. export 。解决的问题：多个视图依赖同一个状态来自不同视图的行为需要变更同一状态适用于中大型的单页面应用2.vuex有哪几种属性？答：有五种，分别是 State、 Getter、Mutation 、Action、 Modulestate：存放公共数据的地方；getter：获取根据业务场景处理返回的数据；mutations
2021-01-15 10:18:42
8762
1
原创 VUE最全面试题
1.说说VUE的优点？答：轻量级框架：20kb,(react:60kb),只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；虚拟DOM：dom操作是非常
2021-01-15 10:15:50
3481
转载 vue中router-link标签所必备了解属性
to表示目标路由的链接。 当被点击后，内部会立刻把 to 的值传到 router.push()，所以这个值可以是一个字符串或者是描述目标位置的对象。<!-- 字符串 --><router-link to="home">Home</router-link><!-- 渲染结果 --><a href="home">Home</a><!-- 使用 v-bind 的 JS 表达式 --><router-lin
2021-01-06 10:19:02
412
原创 transform:translate()方法坐标详解
定义：translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。但是如何移动呢？于是做了以下实验：实验1.设置transform:translate(0px,0px),即延X轴和延Y轴均移动0像素，保持原有位置，做对比实验，为了方便说明，添加了坐标轴，如下所示：实验2：设置transform:translate(10px,10px),即延X轴和延Y轴均移动10像素，对比原图位置，移动后的图如下所示，结论：当移动的数是正数时，在Y轴方向上，相对原来的位
2021-01-05 16:54:45
37618
3
原创 git强制拉取覆盖本地更改
本地开发错误，或者不想要的时候，可执行以下步骤，强制拉取远程仓库没有修改的文件覆盖本地更改的文件:git fetch --allgit reset --hard origin/mastergit pull
2020-12-30 10:33:39
2287
原创 需要知道的git常用命令
提交本地工作目录下所有修改的文件git add . 把所有变化提交到暂存区，包括文件内容修改(modified)以及新文件(new)，但不包括被删除的文件。git commit -m "message" 将暂存区内容添加到本地仓库中git commit -am"message" 相当于git add和git commit 两条命令的功能首次 push 到远程仓库git push -u origin master非首次推送到远程仓库git push查看文...
2020-12-30 10:29:28
94
1
原创 elementUI开始时间和结束时间验证
前端开发过程中经常用到DatePicker日期选择器设置开始日期和结束日期，一般情况下开始时间不能大于结束时间。form表单中的开始日期和结束日期渲染如下代码所示： <el-form-item label="开始日期" prop="startTime"> <el-date-picker v-model="insertForm.startTime" type="date"
2020-12-25 15:54:49
4887
原创 element-ui 表格如何回显打勾
工作中常常遇到从后端获取数据渲染到表格中，但如何实现表格回显勾选数据的呢？以下我会结合vue.js框架讲述我的实现过程。后端获取数据渲染后，效果如下图所示：表格渲染代码如下：<template> <div> <el-row> <el-col> <el-table ref="multipleGateTable" :data="tableGateDa
2020-12-24 19:59:29
2275
1
原创 对vuex的理解及解析
vuex概述官方定义：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools extension(opens new window)，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。vuex的优点能够在vuex中集中管理共享的数据，易于开发和后期维护； 能够高效地实现组件之间的数据共享，提高开发效率..
2020-12-24 16:04:54
485
原创 详细的vue-axios的配置及封装
安装axiosnpm install axios 封装axios在until工具文件夹下新建request.js文件，封装axios代码如下：//针对axios封装的ajax请求工具类importaxiosfrom'axios'import{Message}from'element-ui'// 先导入vuex,因为要使用到里面的状态对象// vuex的路径根据自己的路径去写import store from '@/store/index';constservi...
2020-12-23 11:02:53
540
原创 去除vue文件中的分号,将双引号变单引号
首先在vue根目录下创建一个文件：.prettierrc.js输入如下代码{ "semi":false; "singleQuote":true }在vue文件中右击选择”Format Document“格式化文件后，文件中的分号将被删除，双引号变为单引号...
2020-12-23 09:02:30
2315
1
原创 常用的键盘事件
onkeyup:按键弹起的时候触发onkeydown：按键按下时候触发onkeypress:某个键盘按键被按下时触发注意：如果使用addEventListener不需要加on； onkeypress和前面2个的区别是，不识别功能键，比如ctrl,shift,箭头等。 keyup 和keydown不区分大小写字母，打印e.keycode，输入a和A得到的都是ASCII码65，onkeypress区分大小写字母，打印e.keycode，输入a和A分别得到ASCII码97、65； 三个事件的
2020-12-19 14:34:31
810
1
原创 DOM事件总结
注册事件（绑定事件）1.传统绑定：onclick2.事件监听：addEventListener('click'，function(){}) ， IE9以上的支持(1)事件类型是字符串，不加on(2)同一个元素 同一个时间可以添加多个侦听器（事件处理程序）删除事件（解绑事件）1.传统事件删除事件：eventTarget.onclick =null;2.removeEventListener('click',function)3.detachEvent('onclick',fun
2020-12-19 11:31:13
102
1
转载 VUE常用的自定义指令
v-directives基于 vue 的自定义指令集合，包含复制粘贴指令 v-copy 长按指令 v-longpress 输入框防抖指令 v-debounce 禁止表情及特殊字符 v-emoji 图片懒加载 v-LazyLoad 权限校验指令 v-premission 实现页面水印 v-waterMarker 拖拽指令 v-draggablev-copy需求：实现一键复制文本内容，用于鼠标右键粘贴。思路：动态创建 textarea 标签，并设置 readOnly 属性及移
2020-12-15 11:16:27
1369
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人