易函123
码龄4年
  • 66,645
    被访问
  • 84
    原创
  • 254,842
    排名
  • 8
    粉丝
关注
提问 私信

个人简介：我知道吹过的牛b，也会随青春一笑了之！！

  • 加入CSDN时间： 2018-10-22
博客简介：

易函123

博客描述：
学艺不精的技术打杂青年
查看详细资料
  • 3
    领奖
    总分 255 当月 9
个人成就
  • 获得181次点赞
  • 内容获得23次评论
  • 获得114次收藏
创作历程
  • 24篇
    2021年
  • 47篇
    2020年
  • 13篇
    2019年
成就勋章
TA的专栏
  • 2021
    21篇
  • 2020
    47篇
  • leetcode刷题之路
    4篇
  • 2018最后加班几天
    1篇
  • 2019
    6篇
  • 笔记
    61篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络
    https
  • 微软技术
    typescript
  • 小程序
    小程序
  • 职场和发展
    面试
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

vue3.0配置vue-i18n

项目安装vue-i18n需要安装最新版的vue-i18nnpm install vue-i18n@next --save或者用yarnyarn add vue-i18n@next --save安装完成之后，可以看一下package.json文件；看是否是最新版的vue-i18n，我安装的是9.1.7。在项目src文件夹中新建lang文件夹新建lang文件夹，在lang文件夹中新建三个js文件:zh-CN.jsmodule.exports = { header:{ text:
原创
发布博客 2021.09.01 ·
164 阅读 ·
1 点赞 ·
0 评论

JavaScript数据类型

JavaScript数据类型JavaScript基本数据类型/原始数据类型/值类型（六种）NullUndefinedStringNumberBooleanSymbol注：Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。注：在es10中加入了原始数据类型BigInt，现已被最新Chrome支持console.log(BigInt) // ƒ BigInt() { [native code] }console.log(typeof 1n) // bigi
原创
发布博客 2021.08.11 ·
64 阅读 ·
1 点赞 ·
0 评论

ES6Set和Map数据结构

概览Set类似于数组，但是成员的值都是唯一的，没有重复的；Set本身是一个构造函数，用来生成Set数据结构；不能区分 +0,-0;认为NaN不等于NaN;不能区分对象，认为两个对象总是不相等的；不能区分数组，认为两个数组总是不相等的；Set的基础和数组去重let arr = [2,3,4,5,1,'1',1,undefined,undefined,'undefined',null,NaN,NaN,+0,-0,{},{},[],[]];function unique(arr){ r
原创
发布博客 2021.04.19 ·
38 阅读 ·
1 点赞 ·
0 评论

ES6 Symbol

概览const mySymbol = Symbol('mySymbol');console.log(mySymbol); // Symbol(mySymbol)console.log(mySymbol === Symbol('mySymbol')); // falseconsole.log(typeof mySymbol); // 'symbol'基本数据类型SymbolES6 六种基本数据类型: String、Number、Boolean、Null、Undefined、SymbolES6
原创
发布博客 2021.04.14 ·
32 阅读 ·
1 点赞 ·
1 评论

js封装日期格式化函数

// 封装日期格式化函数const date = new Date('2021-4-12 10:22:22');function dateFormat (date, format = 'YYYY-MM-DD HH:mm:ss') { const config = { YYYY: date.getFullYear(), MM: date.getMonth(), DD: date.getDate(), HH: date.getHour
原创
发布博客 2021.04.13 ·
73 阅读 ·
1 点赞 ·
0 评论

原生js时间戳获取和转换

时间转变为时间戳的方法汇总const date = new Date('2021-4-12 08:22:22');console.log(date); // Mon Apr 12 2021 08:22:22 GMT+0800 (中国标准时间)console.log(date * 1); //1618186942000console.log(Number(date)); // 1618186942000console.log(date.valueOf()); // 1618186942000co
原创
发布博客 2021.04.13 ·
73 阅读 ·
1 点赞 ·
0 评论

自适应好用的一个css

主要是利用cssmax-width:min-content如下代码展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style
原创
发布博客 2021.04.12 ·
16 阅读 ·
1 点赞 ·
0 评论

ES6五种遍历对象属性的方式

ES6五种遍历对象属性的方式function allObj(){ this.name = '张三'; // 自有属性 this.age = '12'; // 自有属性 this.invisible = { enumerable: false, value: 'hello' }, this.invisible = { enumerable: false, value: 'hello' }}allObj.prototype.disEnum = {
原创
发布博客 2021.04.12 ·
883 阅读 ·
1 点赞 ·
0 评论

ES6对象属性名简洁表示法和表达式、对象新方法、属性的遍历

概览对象属性的简洁表示法ES6允许直接写入变量和函数作为对象的属性和方法。ES6允许在对象中只写属性名，不写属性值。let foo = 'bar';let baz = {foo};console.log(baz); // {foo:'bar'}// same aslet baz1 = {foo:foo}console.log(baz1); // {foo:'bar'}let first = 'Jone';let last = 'Doe';let obj = {first,las
原创
发布博客 2021.04.08 ·
337 阅读 ·
1 点赞 ·
0 评论

ES6数组扩展运算符（Rest+Spread）、类方法、原型方法

概览ES6引进了一些新的数组方法。扩展运算符（Spread）+剩余操作符（Rest）含义： 扩展运算符（spread）是三个点...,它如同rest参数的逆运算，将一个数组转为用逗号分隔的参数序列。剩余操作符提取数组，用于剩余参数和结构。扩展操作符将数组元素转换成函数调用的参数或者数组字面量的元素。console.log(...[1, 2, 3]); // 1 2 3console.log(1, ...[2, 3, 4], 5); //1 2 3 4 5Rest(函数参数) 和 S
原创
发布博客 2021.04.06 ·
194 阅读 ·
2 点赞 ·
2 评论

var/let/const、块级作用域、TDZ、变量提升

概览ES6 新增了两个定义变量的关键字：let 与 const，它们几乎取代了 ES5 定义变量的方式：var。let是新的var,const简单的常量声明。function f() { { let x; { // okay, block scoped name const x = "sneaky"; // error, const x = "foo"; } // error, already declared in b
原创
发布博客 2021.03.30 ·
43 阅读 ·
2 点赞 ·
0 评论

89版本的chrome不支持less deep样式穿透

问题chrome版本号89.0.4389.90，不支持less的/deep/样式穿透解决既要照顾以前的版本，又要兼容新版本，建议写两种css样式.main{ .el-dialog__headerbtn{ top:-5px!important; right:0px!important; } /deep/.el-dialog__headerbtn{ top:-5px!important; right:0px!important; }}
原创
发布博客 2021.03.29 ·
441 阅读 ·
2 点赞 ·
0 评论

前端利用XMLHttpRequest读取本地文本文件

问题前端常见是通过input按钮上传读取文件信息，此时知道本地文件路径需要直接js读取本地文件内的信息注意本地测试，需要解决本地浏览器跨域问题，如：可查看此链接解决：解决本地浏览器运行项目是的跨域问题解决利用XMLHttpRequest获取到文件的信息。/** * XMLHttpRequest.open() 初始化请求参数 * XMLHttpRequest.send() 发送网络请求 * XMLHttpRequest.onload() 监听请求结果 * XMLHttpReque
原创
发布博客 2021.03.09 ·
2191 阅读 ·
3 点赞 ·
0 评论

三大样式穿透

问题用到很多vue常用的组件库（element, vant, vuetify），虽然配好了样式但是还是需要更改其他的样式解决三大样式穿透 >>> , ::v-deep , /deep/在style经常用scoped属性实现组件的私有化,所以才需要样式穿透需要注意：( >>> 只作用于css::v-deep 只作用于sass/deep/ 只作用于less示例：1<style lang="scss" scoped>.conBox
原创
发布博客 2021.03.09 ·
72 阅读 ·
2 点赞 ·
0 评论

vscode使用chrome调试报错

问题vscode使用chrome调试报错"无法访问您的文件"或者"localhost 拒绝了我们的连接请求"。解决ctrl+p 搜索launch.json文件改为：{ "version": "0.2.0", "configurations": [ { "name": "使用本机 Chrome 调试", "type": "chrome", "request": "launch", "file": "${file}",
原创
发布博客 2021.03.09 ·
323 阅读 ·
3 点赞 ·
0 评论

npm insatll 下载依赖总会卡住

问题npm ERR! code ENOTFOUNDnpm ERR! errno ENOTFOUNDnpm ERR! network request to https://registry.npmjs.org/babel-plugin-import failed, reason: getaddrinfo ENOTFOUND registry.npmjs.org registry.npmjs.org:443npm ERR! network This is a problem related to net
原创
发布博客 2021.02.10 ·
106 阅读 ·
2 点赞 ·
1 评论

vscode启动项目EsLint报错(.eslintrc.js文件)

{root: true, // 当前配置为根配置，将不再从上级文件夹查找配置parserOptions: { parser: 'babel-eslint', // 采用 babel-eslint 作为语法解析器 sourceType: 'module', // 指定来源的类型，有两种script或module ecmaVersion: 6, //指定ECMAScript支持的版本，6为ES6},env: { browser: true, // 设置为所需检查的代码是在浏览器环境运行的 e
原创
发布博客 2021.02.02 ·
909 阅读 ·
3 点赞 ·
2 评论

Vue+element tree使用，当弹窗关闭时，this.$refs.tree.setCheckedKeys([])不能清空选中

问题Vue+element tree使用，当弹窗关闭时，this.$refs.tree.setCheckedKeys([])不能清空选中。解决由于弹窗关闭，导致this.$refs.tree.setCheckedKeys([])无效。此时，需要我们重新获取整个树组件的node，然后将对应的每个选项checked为空。// 首先获取nodelet node = this.$refs.tree.getNode(this.data[0].id).parent;// 这里的this.data是指的
原创
发布博客 2021.01.28 ·
3180 阅读 ·
3 点赞 ·
0 评论

npm ERR! A complete log of this run can be found in

del package-lock.jsonnpm install
原创
发布博客 2021.01.21 ·
54 阅读 ·
2 点赞 ·
0 评论

Vue面试题之vue实现MVVM数据绑定

MVVM什么是MVVM？MVVM是Model-View-ViewModel,是把一个系统分为了模型（model）、视图（view）和view-model三个部分。vue是一个典型的MVVM思想，数据驱动视图。通俗一点就是view层不直接和model层通信，他们只能通过view-model层通信。vue中MVVM的理解vue是一个MVVM渐进式框架，MVVM是vue的实际模式，在vue框架中数据会自动驱动视图。我们写vue就知道它的单文件组件开发方式。Model：数据层，仅仅关注数据本身，不关心任
原创
发布博客 2021.01.16 ·
294 阅读 ·
2 点赞 ·
0 评论
加载更多