×

ecmascript

vuex存取数据(超详细)(vuex存储数据读取数据)

Li Li 发表于2024-05-16 浏览5728 评论0
vuex主要是做数据交互,父子组件传值可以很容易办到,但是兄弟组件间传值(兄弟组件下又有父子组件),或者大型spa单页面框架项目,页面多并且一层嵌套一层的传值,异常麻烦,用vuex来维护共有的状态或数据会显得得心应手 commit:同步操作,触发的方法写在mutations里 this.$store.commit('方法名',值)【存值】 this.$store.state.方法名【取值】 dispatch: 异步操作   ,触发的方法写在actions里

ecmascript

你必须要学会的js构造函数、原型、原型链(js构造函数和原型)

云点 云点 发表于2024-05-16 浏览5083 评论0
这段时间有部分小伙伴在问有没有什么好的刷题网站 在这里给大家推荐一款刷题网站点击访问牛客网 牛客网支持多种编程语言的学习,各大互联网大厂面试真题,从基础到拔高,快来体验一下吧! 前言 在js学习过程中,总有几个稍微难一点的东西使大家摸不着头脑,其中原型、原型链就是一点,但是在学习原型的前提下必须要搞懂构造函数这个知识,这些东西是联系在一起的! 这段时间有部分小伙伴在问有没有什么好的刷题网站 在这里给大家推荐一款刷题网站点击访问牛客网 牛客网支持多种编程

ecmascript

Vue2.6引入codemirror并获取其内容(vue使用codemirror)

杨勇 杨勇 发表于2024-05-16 浏览5008 评论0
solution Vue项目 需求:提供 用户输入指令 的功能 task 使用codemirror优化用户体验 action 使用codemirror Vue3使用codemirror 按照步骤安装后,总是报错如下所示,查询未果 事实证明,当发现bug不能解决时,查看官网的作用最大vue-codemirror npm 按照官网的说法,只有Vue3及以上版本才能使用Codemirror@6版本,而我们项目中Vue版本为2.6,所以当然无法使用6.0版本以上的codemirror

ecmascript

React className的写法(react的className)

Nick Nick 发表于2024-05-16 浏览4600 评论0
        本文中展示的,都是多className情况下的写法,提供的写法都是笔者个人的一些经验总结,并不一定是最标准的写法,但是符合高内聚,低耦合的工程思想。 (ps:csdn里貌似 jsx 的代码高亮有些问题,我就用模板字符串包住了) 一、模板字符串的写法 //写法一 export default class A extends Component { state ={ work: true, sabbatical: false, }

ecmascript

JavaScript事件添加定时器

ゞ丶庸人自扰 ゞ丶庸人自扰 发表于2024-05-16 浏览5874 评论0
一日不见,如隔三秋 我还是你们熟悉的——爱笑的陈sir 世界上有两种东西,是无法挽回的,一种是过去的时间,另一种就是说过的话。 丰富自己比取悦他人更有力量:种下梧桐树,引得凤凰来。你若盛开,蝴蝶自来,你若精彩,天自安排! 方便参考,整合了前面一下。学习就要一步一个脚印,不急不躁,循序渐进。 静态英雄联盟轮播图布局 英雄联盟轮播图逻辑 JavaScript背景变色小案列 上次写的那一篇英雄联盟轮播图逻辑,总工程量还是有一点大 并且好多都是重复代码,有人反馈小陈陈还有没有一

ecmascript

JS语法 ES6、ES7、ES8、ES9、ES10、ES11、ES12新特性(js的es6新语法)

UPARK UPARK 发表于2024-05-15 浏览6169 评论0
前言 本文集合了 ES6 至 ES11 常用到的特性,包括还在规划的 ES12,只列举大概使用,详细介绍的话内容量将十分巨大.。PS:使用新特性需要使用最新版的 bable 就行转义。 ES6(2015) 类 模块化 箭头函数 函数参数默认值 模板字符串 解构赋值 延展操作符 对象属性简写 Promise Let与Const 1. 类(class) class Man { constructor(name) { this.name = '赵十三'; } co

ecmascript

三万字速通JavaScript

ipacer ipacer 发表于2024-05-15 浏览25513 评论0
目录 一、前言 二、什么是JavaScript,有什么用? 三、HTML嵌入JavaScript的方式: 第一种方式:  第二种方式: 第三种方式: 四、JavaScript的变量 五、函数初步 函数参数中的几个场景 情景1:传入参数不足  情景2:传入参数过多 情景3:无参数传入  情景4:多个函数同名 六、变量的种类 七、js中的数据类型 八、typeof运算符 九、原始类型: 1.Undefined 2. Number 什么时候结果是一个

ecmascript

vue项目中使用svgIcon(svg-sprite-loader安装、配置及使用)

HYH HYH 发表于2024-05-14 浏览5609 评论0
目录 前言 一、安装svg-sprite-loader 二、封装组件 1.在components路径下新建svg/svgIcon.vue 2.在src目录下新建icons文件夹,包括一下文件 三、配置svg-sprite-loader 四、使用svg-icon组件 五、配置被选中时的颜色 1.检查svg源文件 2.配置选中后得颜色 总结 前言 网页中经常会遇到一些自定义得小图标,为了保证图标不失真,我们经常使用svgIcon实现。接下来一起看看如

ecmascript

使用JS代码简单实现九九乘法表(九九乘法表js代码讲解)

运营狗转载 运营狗转载 发表于2024-05-14 浏览8025 评论0
开发工具与关键技术: Visual Studio Code/JS 作者:唐嘉怡 撰写时间:2022/6/18 大家从小学开始就应该被老师要求要熟练背诵九九乘法表吧。那么大家如若要展示给其他不认识九九乘法表的外国友人会怎么做呢?拿纸笔默写出来?或者用电脑软件Excel表格来制作?但是你知道吗?直接用JS代码写会更简洁明朗美观。所以,来看看用JS代码写的九九乘法表有多简单吧! 先创建一个文件夹来装载代码文件。 然后再在Visual Studio Code里新建文件,命名为ind