暂无个人介绍
1.1 懒加载现在基本也是主流的基本功了,用的太多了 1.2 第三方库也非常多,但是我们还需要了解原理滴 1.3 基于上篇文章商城列表 1.4 来一起玩玩吧
1.1 列表类的界面是我们经常用到的 1.2 这个写下图文混排,也就是商城类的列表界面 1.3 这篇文章都是通过函数式组件实现的 1.4 这篇文章先通过函数式组件实现下效果 ,作为一个复习总结吧 1.5 下篇文章是通过类组件 实现懒加载思路
算是个小练习吧 比较这种tab页,选项卡还是非常常用的
写了了这么久 ,其实有个在vue里面我们经常使用的东西,在react里面至今都没提, 那就是vue里面的双向绑定,首先react里面是没有 双向绑定的,需要自己去实现 接下来,就一起来玩下吧,更多的 react和其他框架的区别,请看最下方的官方对比链接
框架类的都少不了 组件间的传值 父子组件 兄弟组件等 先来梳理个 父 改子
前文state的文章已经用到了 生命周期函数,但是还没有详细讲解,这节课,详细的分析下 理清楚他们什么时候调用,也就清楚这些钩子有什么用了
虽然现在已经是21年7月,但是es6还是没有那么的普及,所有简单梳理下 一些常用的知识点
配置 开怼
1.持久化存储一直都是开发过程中经常遇到的场景 2.这个自己写下逻辑,其实在react-persist中写过 3.大体的原理就是把存储vuex里面的状态可以存储到 localstorage一份,因为localstorage刷新后数据还是在的,比如token的存储
1.拆分无止境,只是需要适合自己的项目 2.接下来分析下 module的用法
很多场景都是动态路由,那今天来梳理下动态路由
1.路由确实在vue大型项目中听常用的,挺重要的,但是一般的小项目其实不用也没事 2.大家觉得难的 可能重点是路由守卫 3.那就试试自己能不能讲明白吧 4.当然还是建议大家看看 官网的路由守卫
mock其实我在工作中用到的场景真不多,可能我们后端比较给力吧, 通常都是设计界面一出,我先开始推演布局,数据结构自己先写死,因为其实工作时间长了,有些字段的名字大家都知道,服务器人员数据库设计好之后,我直接连数据库查看字段,修改不一样的字段,这期间请求什么的结构也都是完善的,就等服务器人员接口完成,开测,进行微调.
插件听起来高大上,好难呀,好怕呀,那就干它,越来越喜欢这种感觉 可以自己先通过vue add axios安装插件,来看下安装后的axios文件
1. vue其实也有函数式组件哦,不是react才有函数组件的 这篇文章之前,建议先看下渲染函数标题组件,有衔接关系 2.函数组件概念也都一样 组件没有管理任何状态,也没有监听任何传递给它的状态,也没有生命周期访问 优点就是 轻量,灵活
随着JS的强大 ,jQ用的越来越少,同时其实TS用的也越来越少 但国内的环境发展是比较缓慢的,目前的趋势TS还是挺常用的,尤其在自己写工具的时候 那就学一学,写一写吧 这里假设大家对 JS已经有了较为深入的理解
今天安装 swiper的时候 直接安装了 轮播效果也有,无限循环滚动也有 但是自动滚动,切换特效等效果不生效 简单记录如下
vue基础这块想来想去也没太多可以写的 就写下指令和 render吧
插槽其实很简单 ,只是平常可能用的少,觉得比较陌生 用一个大家比较熟悉的例子入手
总结前后端交互的几种方式的时候,突然想起来之前小程序用promise封装ajax,简要记录如下 这几天闲来无事又梳理了下 promise
思想的东西最不好理解 一个新技术出现固然重要,但更重要的是背后的思想 理解了思想才能把握大势,不管以后再出什么框架,都是手到擒来
github国内的网络问题 办公环境网络的原因 甚至国际大势 还是写下码云 的简单使用吧 码云的创建注册这个就不在说了 本地装过 git 全局配置过 信息 git config 查看
github国内的网络问题 办公环境网络的原因 甚至国际大势 还是写下码云 的简单使用吧 码云的创建注册这个就不在说了 本地装过 git 全局配置过 信息 git config 查看
github国内的网络问题 办公环境网络的原因 甚至国际大势 还是写下码云 的简单使用吧 码云的创建注册这个就不在说了 本地装过 git 全局配置过 信息 git config 查看
有了前面的router铺垫 接下来学习会更easy
github国内的网络问题 办公环境网络的原因 甚至国际大势 还是写下码云 的简单使用吧 码云的创建注册这个就不在说了
挑战下自己,看能不能梳理个头绪哈哈 首先通过 3x以上的脚手架 (目前我使用的是4.5.13) 创建vue项目 创建的时候配置好 router和vuex
axios多少年了依然这么流行,而且也没什么大的更新 简单到极致,真是小而美 尤大的 官方库vue-resource都放弃维护了,推荐用 axios axios
每逢跳槽倍思题 整理下吧 写着写着发现也不全是面试题,也有一些好的基础知识分享
build之后 直接运行html文件,图片加载不出来的问题 新旧版本用法区别
拆分 优化无止境 适合自己的层级就够了
这次还梳理不完,明天再补上吧 后续主要就是 优化 拆分了
写几遍 思路更加清晰了 ,理解也更透彻了 欢迎大家一起学习交流
官方文档真的写的 挺清楚的 ,简易 在去多看看 官网
我们分析推导出 vuex的目录结构
1.Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 2.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测 的方式发生变化 3.Vuex 也集成到 Vue 的官方调试工具
最近用到less使用全局的 公共样式发现出了点问题 记录如下 有些错误解决后找不到记录了... 这块引入有问题的,先按照步骤操作一遍 看看 版本 和 插件是否安装 基本就能解决问题了
思想性的概念比较枯燥,放后面 这 聊天界面的分组 组件比较简单 就先把这个写了吧 我是分为了2个组件 一个是具体的好友列表 组件 一个是 分组 组件
最近正好用到组件这块 那就来2个例子吧,一个是评分的 一个是通讯软件分组的 整体上其实 vue 还是非常简单易学的,生态也好,学习资料也多,所有关于这个 vue写的文章比较少,就挑一点算是重难点的写写了,不像 react写的那么细, 后续还会有 vue 3版本的文章(这好像又是 flag,手动狗头.png)
不同的路由方式,都需要所了解,这样在实际使用中才能比较灵活 虽然其实我在工作中甚少用到编程式导航 正好借此机会梳理一下
实际还是脚手架项目用的多 脚手架里面的 转场动画 路由动画简单写几个 这里既然使用脚手架了, 创建项目的时候就不要默认了 自己定义 选择 vue 依赖 vuex router css,eslint相关 会自动生成一些目录和基础文件 比较方便
先理清楚 router基础,在切换到 脚手架项目就容易了
为了更好的理解router 建议看下文章 前端路由基础 对于大多数单页面应用,都推荐使用官方支持的 vue-router 库。更多细节可以移步 vue-router 文档。 先不使用单文件组件
回顾下 前端的基础路由 有助于理解 SPA 单页应用 单页应用 可以看 掘金 简书-IT技术 可以在不跳转页面的情况下 修改浏览地址以及历史记录 这就是底层 vue react router原理
组件传值 不管 vue 还是react 亦或某个框架都是重点 记得有篇文章写了 ,其实有些情况 完全可以用 js自带 dataset来传值哦
这个先不用单文件组件来演示 因为单文件组件 一般都是项目使用了,项目中一般都是路由动画
之前在公司上班 ,或者接私活 整体上动画其实几乎某用到 最近看文档 又梳理了下,那就记下来吧
之前一直用的是 vue init webpack my-project 创建项目 2.基础项目的结构也很完善 最近又看了遍 vue-cli 发现用法不太一样,就玩了下 首先刚开始用的时候我内心也是排斥的,毕竟新版 默认创建的话 比较空空如也 但是要拥抱变化嘛, 发现可取之处,从0开始搭建结构,有助于对整个项目, 脚手架都有更深的认识 简单的不同点罗列如下 准备工作
最近在看这个 animation.css 1. 版本更新的一些问题 ,就是 3X 和4x的一些问题 2. 本地引用都好说 3. 项目使用的 写法还不太一样 4. 所有就简单总结下
人都对未知都有本能的恐惧心理,有些人恐惧并兴奋着,好奇着 其实对于大多数未知,都是一张纸,捅破了,也就那样,不过如此 现在看了uni-app会了,不过如此,就不想写文章了,觉得low, 但是我的初心本就是和大家一起学习,所有还是简单写一下,希望能帮助有缘人 其实文档写的已经很清楚了,但很多人就是由于内心的恐惧,种种借口,宁愿网上搜文章,也不看官网的文档 还是希望一起克服这个心理,多看看官方文档,卖出第一步