自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Ivan的编程随笔

If you get tired, learn to rest, not to quit.

  • 博客(47)
  • 资源 (2)
  • 收藏
  • 关注

原创 个人的一些前端开发面试总结

个人的一些面试问题,记录一下以供参考和学习。

2021-06-23 14:44:40 341 2

原创 vue 项目中封装cookie、cache

我们在项目中通常会对cookie进行一些操作,为了便于全局调用cookie,会对cookie的设置、获取及删除方法进行封装成一个工具类。

2021-05-25 10:21:28 817

原创 解决:使用 nrm ls 报错 internal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, ‘string‘, value)

使用 nrm ls 报错 internal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, 'string', value);

2021-05-10 10:21:39 570 1

原创 ESlint 语法检测配置项

ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格。

2021-04-28 14:06:18 184

原创 git 强行替换覆盖master分支

在开发中,通常会保持一个主分支master,及多个dev分支,但是因为dev分支的开发周期过长,迭代太多而没有及时维护master,导致后来发版本的大部分代码都在dev分支上,如果将代码在master分支合并会导致很多冲突,最后想丢弃原始master分支的代码而直接将已经测试确认过的dev强推到master上,该如何操作呢?

2021-04-02 15:05:00 1632 1

原创 linux常用命令

`vi test.txt` 创建一个名为 'test.txt' 文件(直接输入 `vi 文件名` 就能够进入 vi 的一般模式了。请注意,记得 vi 后面一定要加文件名,不管该文件存在与否!);一般模式下,只要按 `i,o,a` 等字符就可以进入输入编辑模式了

2021-01-22 17:24:49 162 2

原创 el-date-picker的时间段限制(只允许选择当月的最后一天和下月的第一天)

<script src="//unpkg.com/vue/dist/vue.js"></script><script src="//unpkg.com/element-ui@2.14.1/lib/index.js"></script><div id="app"><template> <div class="block"> <span class="demonstration">默认</sp

2020-12-24 09:57:14 3991

原创 vue中如何使用websocket

WebSocket是一种网络传输协议,可在单个TCP连接上进行全双工通信,位于OSI模型的应用层。WebSocket协议在2011年由IETF标准化为RFC 6455,后由RFC 7936补充规范。Web IDL中的WebSocket API由W3C标准化。WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就可以创建持久性的连接,并进行双向数据传输。

2020-11-24 10:50:10 12462 5

原创 element表单中一个el-form-item下多个form-item项校验(循环校验)

在vue+elementUI的项目中,需要对form表单下的一个form item中校验多项数据,如下图:代码实现(需要注意prop的值):<template> <el-form :model="form" ref="ruleForm" label-width="100px"> <el-form-item label="负责人" prop="principal" :rules="rules.principal"> <el-input v

2020-08-28 21:16:25 21607 7

原创 JS 常用深拷贝方法总结

拷贝:其实就是一个对象复制给另外一整个对象,让对象相互不影响。浅拷贝和深拷贝之间的区别:假设A复制了B,B发生了改变,A也跟着改变,就是浅拷贝,如果A没有变化,那就是深拷贝

2020-08-28 15:36:27 2003

原创 ES6的内置对象扩展及异步函数-ES6总结(二)

ES6 的内置对象扩展1.Array 的扩展方法1.1 扩展运算符 (展开语法)扩展运算符可以将数组或者对象转为用逗号分隔的参数序列扩展运算符可以应用于合并数组

2020-08-17 17:00:22 183

原创 JS数组循环遍历常用方法总结

JS遍历数组常用方法总结: 1. for 循环 2. forEach 3. filter 4. map 5. some 6. every 7. for of 循环 8. find 9. findIndex ......

2020-08-17 16:45:41 2654

原创 ES6概念及相关新增语法-ES6总结(一)

ES 的全称是 ECMAScript ,它是由ECMA国际标准化组织,制定的一项脚本语言的标准化。ES6 实际上是一个泛指,泛指 ES2015 及后续的版本。

2020-08-17 15:42:35 381 1

原创 vue项目本地开启https访问模式

在实际开发中,我们会以https形式进行页面访问,但是根据vue-cli的版本不同,配置方式也有所差异,以下分别从vue-cli3.x和vue-cli2.x构建的项目分别进行配置开启https:

2020-08-05 18:09:23 70682 15

原创 vue 中 axios 封装及使用

在开发vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。它有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。可根据项目需要对axios进行了二次封装,以便于对接口api进行统一管理

2020-07-24 17:56:17 438

原创 el-cascader 级联选择器根据接口动态加载数据

主要思路:通过 lazy 开启动态加载,并通过 lazyLoad 来设置加载数据源的方法。lazyLoad方法有两个参数,第一个参数 node 为当前点击的节点,第二个resolve为数据加载完成的回调(必须调用)。

2020-07-17 17:57:13 9014 13

原创 修改浏览器默认滚动条样式-属性自定义

滚动条各个属性说明::-webkit-scrollbar :滚动条整体部分,其中的属性有width,height,background,border等。::-webkit-scrollbar-thumb :滚动条里面可以拖动的滑块::-webkit-scrollbar-track :外层轨道。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。::-webkit-scrollbar-track-piece :内层轨道,需要注意的就是它会覆盖第三个属性的样式。:

2020-07-15 11:26:54 1291

原创 vue + el-menu 实现菜单栏无限多层级分类

思路:数据格式须为数组内部多层嵌套模式,利用递归渲染菜单栏数据实现菜单多层级分类。1.模拟菜单数据,引入封装组件<template> <div class="container"> <el-container> <el-header>Header</el-header> <el-container class="container-body"> <el-aside .

2020-07-03 17:02:25 11084 17

原创 git 版本回退及远程仓库版本回退

在日常coding的时候,有时因为某些原因需要进行版本回退(回滚),具体操作如下:1. git log :使用该命令查看由近至远提交日志记录,查看commit_id$ git logcommit fbb68a72151353e6c5c256204a55eb596cf44cfeAuthor: Brians <508742729@qq.com>Date: Fri May 22 16:52:22 2020 +0800 版本2.0commit fd14ac6355.

2020-06-03 15:26:59 1151

原创 js 实现按指定个数分割数组

思路:声明一个空数组,利用Array.slice()方法将分割后的数组追加到该数组上实现:// 根据指定个数分割数组function chunkArr (arr, size) { //判断如果不是数组(就没有length),或者size没有传值,size小于1,就返回空数组 if (!arr.length || !size || size < 1) return [] let [start, end, result] = [null, null, []] for (let

2020-05-29 17:35:10 7704 1

原创 git 拉取代码时报错:Access Denied (拒绝访问) 及 git log 退出方法

1. git 拉取代码时报访问被拒绝时,是git之前的密码有修改,但没有同步过来。操作步骤:在控制面板 -> 用户帐号 -> 凭据管理器 -> 管理windows凭据 -> 普通凭据 -> 选择对应 git 地址,编辑修改用户名或密码 -> 保存即可。再进行使用 git pull 拉取代码时,就可以了。2. git log 退出方法:使用 git log 之后无法回到主页面,最后只能暴力关闭git bash其实解决方法很简单,输入字母Q即可退出...

2020-05-25 14:07:06 12225 2

原创 hightcharts 自定义图例点击事件(显示当前数据,隐藏其它)

highcharts图表自带的图例点击事件是:点击某个显示/隐藏的图例,该图例对应的series就隐藏/显示。需求方这边的需求是:1:默认全部展示所有分类2:点击某一个分类,则隐藏其他分类3:如果再次点击这个分类,则全部显示4:如果点击了A,再点击了B,则显示A和B于是乎只能自定义图例点击事件。// 数据列展示/隐藏的逻辑函数getVisibleMode(series, se...

2020-05-08 10:55:03 1913 1

原创 axios设置请求超时时间 timeout

1.axios全局设置网络超时axios.defaults.timeout = 30 * 1000; // 30s2.单独对某个请求设置网络超时axios.post(url, params, {timeout: 1000}) .then(res => { console.log(res); }) .catch(err=> { console...

2020-03-27 19:36:43 28346 3

原创 解决:el-dropdown-item / el-breadcrumb-item组件的点击事件无效

在vue项目中使用 element-ui 组件库时,经常会用到类似 el-breadcrumb面包屑 或者 Dropdown下拉菜单的组件。有时需要在子项上添加click事件,但是官方文档中并没有给出 el-dropdown-item /el-breadcrumb-item 的点击事件。

2020-02-28 18:53:26 5059

原创 git 常用命令

git --version ==> 查看 git 版本git config --global user.name ==> 提交人姓名 / 配置姓名git config --global user.email ==> 提交人邮箱 /配置邮箱git config --list ==> 查看配置信息通过命令行的形式进行的配置,也可以通过修改配置文...

2020-01-03 17:22:23 157

原创 vue中this.$set的用法:解决视图数据不更新问题

我们在使用vue进行项目开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去。这是因为当vue中的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。如下代码,给person对象新增age属性:data () { return { person...

2020-01-03 16:17:46 7467 1

原创 前端工作初始化常用操作配置

作为前端小白初进入公司,拿到新电脑后第一件事应该做什么,当然是安装的一些必备软件及相关配置操作,此文作为记录个人常见配置。

2019-12-14 21:55:57 574

原创 vscode离线安装插件方法

在实际工作中,由于大多开发环境为内网开发,无法连接外网,需要进行离线安装相应插件,此文用于记录vscode离线安装插件方法。1. 方法一: ① 到vscode官网https://marketplace.visualstudio.com/vscode搜索需要使用的插件名称 ② 下载对应扩展程序文件 ③ 到vscode中选择 "从VSIX安装" ④ 选择...

2019-12-14 21:50:15 12176 5

原创 typeof 和 instanceof 的区别

instanceofinstanceof运算符用来判断一个构造函数的 prototype 属性所指向的对象是否存在另外一个要检测对象的原型链上。通常来讲,使用 instanceof 就是判断一个实例是否属于某种类型。语法object instanceof constructor// 参数:object(要检测的对象)contructor(某个构造函数)instanceof ...

2019-10-26 19:05:57 310

原创 Vue router / Element 重复点击导航路由报错解决方法

写 Vue 项目中,使用 Element-ui 重复点击导航路由会报错,报错信息如下:虽然此报错并不会影响项目运行,但是作为一个强迫症的码农的确受不了error,解决方法如下:方法①:把项目依赖的 node_modules 文件夹删除, 然后再 npm install 重新下载依赖包,如果安装的 vue-router 还是之前出错的那个版本,在项目目录下运行 npm i vue-rou...

2019-10-12 20:06:32 5313 9

原创 Vue去掉警告 You are running Vue in development mode......

解决Vue控制台提示警告内容:您正在以开发模式运行Vue。在部署生产时,请确保打开生产模式。解决方案:添加 Vue.config.productionTip=false<script type="text/javascript" src="./js/vue.js"></script><script>Vue.config.pr...

2019-09-24 19:39:08 9321 1

原创 vscode将后缀为.art文件识别为html文件

1. 使用快捷键 Ctrl + Shift + p 后输入'setting',找到 "Open Settings (JSON)",回车选择打开用户自定义JSON文件。2.在对象最后添加一项:"files.associations": { "*.art": "html"}3. Ctrl + S保存。重新打开.art文件就可以正常识别html了。...

2019-08-30 16:34:15 5275 11

原创 VSCode 用户自定义html,vue模板

现如今前端用的最多开发工具恐怕就是Visual Studio Code,但我们每次新建html模板时候,是否总是感觉太单调,如果能像其他编辑器样能定制一套属于自己的模板那该多好,其实是完全可以的。1. 找到html.json文件2. 找到html.json文件后即可自定义设置H5模板附:h5模板代码 "h5 template": { "prefix": "!", //...

2019-07-27 14:58:36 2203 2

原创 解决:”ssh-keygen 不是内部或外部命令“ 的问题

使用码云或者git时,生成/添加SSH公钥时遇到的问题:解决方法:1. 首先先装个Git,记录下git的安装目录,如果装过 Git 后忽略此步骤;2. 找到Git(安装目录)/usr/bin目录下的ssh-keygen.exe (如果找不到,可以在计算机全局搜索);3. 在 “我的电脑”右键 属性-->高级系统设置-->环境变量-->系统变量,找到Path变量...

2019-07-27 14:32:34 20762 5

原创 数据分析师的岗位要求和工作流程

数据正在变得越来越常见,而数据分析的价值也越来越凸显。那么数据分析师应该具备哪些技能?要明确学习的路径,最有效的方式就是看具体的职业、工作岗位对于技能的具体需求。从各大招聘网站上找了一些最具有代表性的数据分析师职位信息,来看看数据分析师到底需要哪些技能。其实企业对数据分析师的基础技能需求差别不大,可总结如下:SQL数据库的基本操作,会基本的数据管理会用Excel...

2019-05-06 14:42:24 4858 1

原创 PHP常见面试问题

1. Include 与 require的区别,require和require_once的效率哪个高?PHP在遇到include时就解释一次,如果页面中出现10次include,PHP就解释10次,而php遇到require时只解释一次,即使页面出现多次require也只解释一次,因此require的执行表率比include高。Php使用require包含文件时将被包含的文件当成当前文件的...

2018-08-27 11:53:24 633

原创 MYSQL 面试常见问题汇总

Q1:主键,外键,超键,候选键;主键 对表中数据进行唯一标识的数据列的组合;不能缺失;不能空值; 外键 该列为另一表的主键; 超键 关系中能唯一标识数据的属性; 候选键 不含多余属性的超键; Q2:数据库事务的四个特征及含义;原子性 要么全部完成,要么不完成,若发生错误会进行回滚操作; 一致性 开始到结束后,数据库完整性约束没收到破坏...

2018-08-27 11:47:20 123

原创 【MySQL】20个经典面试题

1、MySQL的复制原理以及流程基本原理流程,3个线程以及之间的关联;1. 主:binlog线程——记录下所有改变了数据库数据的语句,放进master上的binlog中;2. 从:io线程——在使用start slave 之后,负责从master上拉取 binlog 内容,放进 自己的relay log中;3. 从:sql执行线程——执行relay log中的语句;2、M...

2018-08-27 11:30:18 189

原创 微信小程序相关知识点

1、简单描述下微信小程序的相关文件类型?答:微信小程序项目结构主要有四个文件类型,如下①WXML (WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。内部主要是微信自己定义的一套组件。② WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式,③ js 逻辑处理,网络请求...

2018-08-26 11:44:18 784

原创 MySql数据库操作—基础部分

-----MySql数据库操作基础-----#显示数据库show databases;#判断是否存在数据库db,有的话先删除drop database if exists db;#创建数据库create database db;#删除数据库drop database db;#使用该数据库use db;#显示数据库中的表show tables;#先判断表是否存在,存在先删除drop table if...

2018-03-30 17:56:46 147

vue电商项目.rar

vue电商项目中前端技术运用了vue.js,路由导航守卫,路由懒加载,组件模块化开发,axios异步发送请求,element-UI页面布局,echarts图表制作等,后台使用Node.js,Express,Jwt (模拟session),Mysql,Sequelize (操作数据库的框架)提供后台服务。

2019-10-21

微课平台系统.

微课平台系统基于Java EE平台开发,采用MVC结构模式,Mysql为数据库,Tomcat为服务器并且使用SSH框架(Struts2+Spring+Hibernate)来进行设计和开发。 本系统可以由教师将课堂知识点的讲述或实验、讨论等以视频形式录制,上传至微课平台,添加相关课程信息及相关课题,以供学生课后学习、观摩和讨论;学生用户则可以在线浏览课程,观看课程视频,在线收藏和评价相关课程等;管理员可以对课程,用户和教师进行管理操作。(内附数据库备份文件)

2018-03-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除