社会小白-CSDN博客

原创 vue+elementUI+vuex+axios+json-server 实战

前言使用vue+elementUI+vuex+axios+json-server实现的一个简单用户表格数据的增删改查。效果图如下：准备在上一节中已经介绍了vuex如何应用的，需要了解的请去这里。这一章中，主要介绍实际使用vuex在项目开发中是如何运用的。本章除了讲解vuex的实战应用外，还将项目中使用到的其他技术也相应的讲解一下。elementUI安装：yarn add elem...

2019-08-08 10:54:14 962

原创 vuex 四大核心介绍及实践

Vuex 是什么？Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。下图所示为vuex的数据流动图vuex的四大核心有state、getter、mutation以及action。GitHub项目地址项目目录结构如下采用json-server获取静态假数据，首先在全局安装js...

2019-08-07 14:59:18 607

Vue.js的整体生命周期可以分为4个阶段：初始化阶段、模板编译阶段、挂载阶段和卸载阶段。初始化阶段结束后，会触发created钩子函数。在created钩子函数与beforeMount钩子函数之间的这个阶段是模板编译阶段，这个阶段在不同的构建版本中不一定存在。挂载阶段在beforeMount钩子函数与mounted期间。挂载完毕后，Vue.js处于已挂载阶段。已挂载阶段会持续追踪状态的变化，当...

2019-08-07 09:47:40 535

原创 vue-router 的传参方式及如何接受参数

传值方式对于熟悉restful风格的人来说，通过URL传值主要的方式有？传值以及/传值两种。而在vue-router中正是分别通过query和params来实现的。准备工作路由的定义var routes = [ { path: '/', component: HomePage }, { path: '/table', name: 'table'...

2019-08-06 15:28:19 982

原创 vue 实现时钟

采用定时器来获取最新的时间，通过Date的方法获取年份、月份、日期、星期以及当前时间，用来拼装时钟，然后使用生命周期函数create来创建定时器，是时钟每隔一秒钟发生一次变化，达到时钟在走的效果，同时在beforeDestroy函数中清除定时器App.vue如下：const days = ['一', '二', '三', '四', '五', '六', '天']; // 星期数组var icno...

2019-08-01 17:43:16 6800 2

原创 Redux三大核心介绍及拓展

什么是Redux？Redux是JavaScript状态容器，提供可预测化的状态管理Redux是由flux演化而来Redux最主要的应用是用作应用状态的管理Redux三大核心主要是action、reducer、store1. action定义：Action 是把数据从应用传到 store 的有效载荷。它是 store 数据的唯一来源。一般来说你会通过 store.dispatch(...

2019-08-01 14:19:27 1146

原创 BFC 常见用途

首先明白文档流分为普通流、定位流和浮动流三种。概念块级格式化上下文（Block Formatting Context，BFC），用于布局块级盒子的一块渲染区域。触发条件根元素即HTML元素float的值不为noneoverflow的值不为visibledisplay的值为inline-block、table-cell、table-captionposition的值为absolu...

2019-07-31 11:06:43 198

原创 == 和 === 的详解

JavaScript面试中 == 和 === 的区别是最常问的问题最常见的问题也是最基础的知识点== 和 === 运算符用于比较两个值是否相等，它们允许任意类型的操作数，相等则返回true否则返回false。=== 称为严格相等运算符，用来检测两个操作数是否严格相等。== 称作相等运算符，用来检测两个操作数是否相等，允许进行类型转换。在比较之前要确认操作数的类型，原始值还是对象。原始...

2019-07-30 14:26:35 1354

原创深入浅出 Vue.js 学习笔记--Object的变化侦测

深入浅出Vue.js是由刘博文所著，内部讲解了诸多vue的底层源码实现。在这个阅读过程中，我收获了许多，同时也认识到了前端需要学习的东西还很多很多。本篇文章主要是描述变化侦测这一章节的内容。

2019-07-26 11:26:35 215

原创怎么写模块以及相关规范

怎么写模块以及相关规范在container文件夹新建一个文件夹(名字为模块名)，例如：roleUser在role文件夹新建一个roleUser.jxs文件作为模块的入口文件写一个用来测试这个模块，注意export default 是一定要写的，另外还有就是组件类名一定要首字母大写。在router下的router.jsx里添加这个模块到路由里到app.jxs里配置点击菜...

2018-11-26 22:28:18 514

原创文件结构说明

文件结构说明一级目录react框架文件结构如上图所示。node_modules npm install之后的下载的依赖src 工作区（代码实现位置）.gitignore git忽略文件build.bat 打包命令（npm run build）install.bat 依赖下载命令（npm install）package.json 依赖下载版本库及相关配置README.md 项目...

2018-11-26 22:27:34 634

原创成都面试合集

去成都待了5天，有三天时间都是在一直面试。所以将每次面试的相关问题做了一些收集，方便自己随时查看是否还有不太明白的地方。也能让读者朋友们了解一下web前端面试时最常问的问题。2018/9/18 11:30 多益网络视频一面（20分钟）1.自我介绍2.谈项目经历3.Promise的理解4.JavaScript事件循环队列5.如何缩短首屏加载的时间6.闭包的理解7.看过那些书？有什...

2018-09-24 15:43:36 480

原创人人网一面

人人网面经人生的第一次面试（视频面试），对方是个小姐姐。一开始就出现各种意外，视频通信我一直听不见她的声音也看不见她的影像，然后就是各种测试不通，最后还是借用了一下室友的电脑进行了一次一个多小时的面试。、以下就是面试过程1.自我介绍（5分钟左右）2.项目的介绍，然后小姐姐好像对项目不怎么感兴趣，就简单问了个项目用的东西百度地图实现站点定位（10分钟左右）3.本次面试的重点—...

2018-09-15 19:46:50 443 2

isfor_hhj的博客