Ivan的编程随笔

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

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

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

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

<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

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

在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

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

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

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

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

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

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

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

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

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

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

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

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

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