- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue中的vuex的数据持久化
首先，什么是vuex？vuex就是一个集中式的状态管理工具,在许多页面需要共享同一个或者多个值/状态的时候就会用到vuex, 但是,vuex不同于cookie和localStroage, 页面刷新, state中的数据就会丢失。因此我们需要对vuex中的状态做持久化的处理。使用插件 vuex-persistedstate 对数据进行数据的持久化处理1.安装npm install vuex-persistedstate --save在store下的index.js下引入import creat.
2021-05-30 18:03:41
2994
原创 redux的使用流程(自我总结)
redux的使用流程在store文件夹下的index.js文件中1.安装 yarn add redux2.引入 import {createStore,applyMiddleWare} from 'redux'3.创建store const store = createStore(reduce函数,增强store/reduce的属性[可选])4.导出 export default store-----------------------------------------------------
2021-05-29 10:07:23
355
原创 面试题整理
1.es6新增了哪些语法?1.let关键字，const关键字（const生命的是一个常量）2数组解构，数组以序号位置一一对应3.对象解构，根据属性名一一对应4.解析嵌套结构let obj = { p: [ 'Hello', { y: 'World' } ]};let { p: [x, { y }] } = obj;// 注意，这时p是模式，与obj字段对应// 继续解构// let x="Hello";y = "World";console.log(x,y);
2021-05-19 11:12:20
230
原创 React-redux中一些插件/工具件的使用方法
本文主要做个记录,我们在使用redux中需要用的一些插件/工具/中间间,是怎么导入以及使其生效的。先 看我的演示的目录结构，不记得就回头看1.多个reducer的合并reducers的index.js文件import cartreducer from "./cartreducer"; import homereducer from "./homereducer"; //上面就是需要合并的reducerimport {combineReducers} from "redux";//需要从'r
2021-05-07 14:01:25
477
原创 最新面试题整理
js原生map和foreach的区别 **2.2.1、forEach()返回值是undefined，不可以链式调用。 2.2.2、map()返回一个新数组，原数组不会改变。 2.2.3、没有办法终止或者跳出forEach()循环，除非抛出异常，所以想执行一个数组是否满足什么条件，返回布尔值，可以用一般的for循环实现，或者用Array.every()或者Array.some(); 2.2.4、$.each()方法规定为每个匹配元素规定运行的函数，可以返回 false 可用于及早停止循环。
2021-04-28 22:02:52
688
原创 Vue组件之间的传参方式小总结
学习vue的组件,可能很多人已经了解了组件的创建注册使用,但是随之而来的就是组件之间的通信,父子组件怎么传? 兄弟组件怎么传? 不是父子组件又怎么传?接下来介绍几种组件之间的传参方式,也是很容易面试被问到的.1.父传子用props父组件传递参数给子组件的时候,可以使用props这个属性 <div id="app"> <cpn :cmsg="msg"></cpn> </div> <template id="cpn"> .
2021-04-16 21:50:04
1154
原创 JavaScript 中匀速/缓动 动画的函数封装
不废话,直接上. //调用动画 var box1 = document.getElementsByClassName('box1')[0] box1.onclick = function () { // easemove(this, { // // width:300, // left: 400, // opacity: 50 // }) evenmove(this, { left: 4
2021-03-18 20:08:04
240
2
原创 项目打包之gulp 打包工具
我们在做项目的时候，往往一个项目将要上线的时候都涉及到项目打包，即使不是一个完整的项目。小型未完成的项目在上线的时候我们也可以进行打包，打包项目可以大大压缩我们的项目体积。比如我们在写js和css代码的时候，为了美化好看，我们往往会进行缩进换行，一来好看，二来也是符合我们正常人的编程思维。项目打包就是把文件中多余的东西去掉，比如换行，空格之类的。大大压缩我们的代码体积，这是我们打包项目较大的意义之处了。常见的打包工具有两种gulp打包工具webpack 打包工具这里我们只介绍有关gulp工具相关
2021-03-11 18:08:01
888
原创 jQuery中的ajax相关知识点
学习JavaScript的同学都知道, AJAX (async javascript andxml)翻译叫做异步的JavaScript和XML , 在原生js中使用发送网络请求也是一件麻烦事,每次都是那几个步骤.我们先来回顾一下在原生js中如何发送一个 ajax 网络请求经典4步曲1.原生js的ajax网络请求 // IE9及以上 // const xhr = new XMLHttpRequest() // IE9以下 // const xhr = new Act.
2021-03-06 17:50:59
1522
7
原创 简单理解下JavaScript中的继承
继承在许多语言中都会出现,即使在JavaScript中,我们也会遇到继承,早起在es6还没出现的时候,通过工厂函数/构造函数来模拟一个类,即使这样,我们也可以利用函数以及对象中的一些特性去实现继承,直到es6的出现,继承就变得容易了许多.我们为什么需要继承,打个比方,小明的爸爸有100万财产,这是小明打一辈子工也得不到的, 但是如果小明能够继承爸爸的100W财产,那么小明就很容易就获得了100W的财产, 都不用去打工了.同样的再js中,父对象中有一些类或者方法, 如果别的对象(子对象)也想用, 又不.
2021-03-01 15:31:21
564
2
原创 JavaScript中的跨域问题
前言:学习JavaScript的童鞋都知道,我们在发送网络请求,也就是我们在地址栏输入一个网址,就会自动跳转到当前网址,比如在浏览器网址输入www.baidu.com,浏览器就会自动跳转到百度的的首页 而浏览器发送网络请求需要三和基本的要素其实完成的url路径应该是:http://www.baidu.com:80浏览器在发送网络请求的时候回默认加上协议:http 和端口号80.也就是完整的url至少 包含三个部分1.http/https 传输协议2.www.baidu.com 域名3.80.
2021-02-27 14:01:52
7657
17
原创 数组中常用的一些方法
前言:数组是我们学习js中常用的一种引用数据类型,在js中显得尤为重要,认识一些常用的数组方法有利于我们更快的操作数组.不用只会用for for for…开始吧1.pop()该方法是用来删除数组中的最后一个元素,返回值是这个被删除的元素.会改变原数组,且看操作.[从数组中删除的元素(当数组为空时返回undefined)] var arr = [2,3,4,5,6,'安安','婷婷'] var a = arr.pop() console.log(a);//婷婷 console.lo.
2021-01-23 13:38:06
894
原创 常用的字符串方法
前言:字符串是JavaScript中的一种基本数据类型,虽然是基本数据类型,但是却和引用类型那样拥有许多的方法,方法很多,这些方法对于操作字符串,是再好不过的,不过好方法都必然存在兼容性问题.下面我们来聊聊字符串中的 那些常用方法.1. charAt(index)顾名思义(字符在?)就是通过索引找到对应的字符 var str = '三七安婷' console.log(str.charAt(2)); //安 console.log(str.charAt(8)); //返回一个空 console.
2021-01-20 13:48:01
662
原创 聊聊JavaScript中的简单数据类型和类型转换
关于JavaScript的基本数据类型?undefined类型Null类型Sting类型Number类型Boolean类型我们来一个个剖析1.Undefined类型只有一个值,就是他本身 Undefined ,undefined英文翻译(未定义的) ,在使用关键字 var 声明一个变量的时候,如果没有赋值的话,那么这个变量的值就是 undefined例如:var ananconsole.log(anan) // undefined它是等价于下面代码的var anan = un
2021-01-16 11:06:31
240
原创 彻底理解flex布局及其一些属性
前言在传统的布局中，如果我们想要进行行列的操作布局，往往会用到浮动，而浮动又会引发一些新的问题，比如高度宽度不好掌控，以及高度坍塌的问题等等。于是就有了flex布局，这对所以前端人员来说就是一大福音。什么是flex布局Flex是Flexible Box的缩写，意为”弹性布局”，她可以为传统的盒子布局提供最大的灵活性，并且任何东西都可以设置，行内元素也可以，只需要设置display:flex或者inline-flex；注意：felx布局对浏览器具有兼容性的问题可以看到最主要的问题还是处在 IE浏览
2020-12-19 18:36:05
1138
1
原创 HTML中表格的S操作
HTML中表格的操作相信许多小伙伴在使用table表格的时候遇到了不少问题，下边简单总结一下个人的学习表格的经验表格的结构 <table> <tr> <td>第一列</td> <td>第二列</td> </tr> </table>↑没有边框的表格↓这就是表格最基本的结构，table标签代表的是一个表格，tr标签代
2020-12-16 12:05:52
1003
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人