2021
关注
分享
扫一扫
易函123
我知道吹过的牛b，也会随青春一笑了之！！
展开
-
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 10:28:29 · 976 阅读 · 0 评论 -
JavaScript数据类型
JavaScript数据类型JavaScript基本数据类型/原始数据类型/值类型（六种）NullUndefinedStringNumberBooleanSymbol注：Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。注：在es10中加入了原始数据类型BigInt，现已被最新Chrome支持console.log(BigInt) // ƒ BigInt() { [native code] }console.log(typeof 1n) // bigi原创 2021-08-11 17:49:06 · 176 阅读 · 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 20:08:00 · 155 阅读 · 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 19:50:36 · 883 阅读 · 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 20:28:04 · 258 阅读 · 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 20:24:41 · 292 阅读 · 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 19:18:05 · 95 阅读 · 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 19:14:30 · 1580 阅读 · 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 19:37:27 · 2011 阅读 · 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 20:16:32 · 479 阅读 · 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 20:15:52 · 176 阅读 · 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 21:40:11 · 950 阅读 · 0 评论 -
前端利用XMLHttpRequest读取本地文本文件
问题前端常见是通过input按钮上传读取文件信息，此时知道本地文件路径需要直接js读取本地文件内的信息注意本地测试，需要解决本地浏览器跨域问题，如：可查看此链接解决：解决本地浏览器运行项目是的跨域问题解决利用XMLHttpRequest获取到文件的信息。/** * XMLHttpRequest.open() 初始化请求参数 * XMLHttpRequest.send() 发送网络请求 * XMLHttpRequest.onload() 监听请求结果 * XMLHttpReque原创 2021-03-09 22:43:53 · 8834 阅读 · 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 22:08:13 · 206 阅读 · 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 22:05:06 · 632 阅读 · 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 09:07:16 · 282 阅读 · 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 23:15:52 · 1811 阅读 · 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 21:50:57 · 4226 阅读 · 0 评论 -
npm ERR! A complete log of this run can be found in
del package-lock.jsonnpm install原创 2021-01-21 20:48:04 · 224 阅读 · 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 19:40:02 · 475 阅读 · 0 评论 -
vue 父子组件传数组eslint报错(Type of the default value for ‘arrNew‘ prop must be a function)
报错Type of the default value for ‘arrNew’ prop must be a function. (vue/require-valid-default-prop) arrNew: { type: Array, default:[]}解决arrNew: { type: Array, default() { return [] }}vue 父子组件传数组eslint报错(Type of the default value for ‘原创 2021-01-12 20:42:19 · 645 阅读 · 0 评论