08 2021 档案

uni-app选择器
摘要：页面样式与布局 uni-app的css与web的css基本一致。本文没有讲解css的用法。在你了解web的css的基础之上，本文讲述一些样式相关的注意事项。 uni-app有vue页面和nvue页面。vue页面是webview渲染的、app端的nvue页面是原生渲染的。在nvue页面里样式比web会 阅读全文
posted @ 2021-08-30 20:25 理想三旬· 阅读(1068) 评论(0) 推荐(0)
uni-APP
摘要：生命周期 应用生命周期 uni-app 支持 onLaunch、onShow、onHide 等应用生命周期函数，详情请参考应用生命周期 页面生命周期 uni-app 支持 onLoad、onShow、onReady 等生命周期函数，详情请参考页面生命周期 路由 uni-app页面路由为框架统一管理， 阅读全文
posted @ 2021-08-29 20:16 理想三旬· 阅读(212) 评论(0) 推荐(0)
uni-app
摘要：什么是 uni-app uni-app 是一个使用vue的语法 + 微信小程序的标签和API的跨平台前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台，几乎覆盖所有流量端。 uni-app 具有跨端数量更多、性能体验更优秀、学习成本低、开发成本低等几大关键优势。 使 阅读全文
posted @ 2021-08-28 21:00 理想三旬· 阅读(2846) 评论(0) 推荐(0)
Vuex.Mutation
摘要：Mutation 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方，并且它 阅读全文
posted @ 2021-08-27 16:04 理想三旬· 阅读(70) 评论(0) 推荐(0)
Vue.js中this.$nextTick()的使用
摘要：this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。 假设我们更改了某个dom元素内部的文本，而这时候我们想直接打印出这个被改变 阅读全文
posted @ 2021-08-26 14:47 理想三旬· 阅读(101) 评论(0) 推荐(0)
Vuex-Getter
摘要：Getter 有时候我们需要从 store 中的 state 中派生出一些状态，例如对列表进行过滤并计数： computed: { doneTodosCount () { return this.$store.state.todos.filter(todo => todo.done).length 阅读全文
posted @ 2021-08-25 13:23 理想三旬· 阅读(70) 评论(0) 推荐(0)
Vuex-State
摘要：1.State 1.单一状态树 Vuex 使用单一状态树——是的，用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT (opens new window))”而存在。这也意味着，每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段，在 阅读全文
posted @ 2021-08-24 20:27 理想三旬· 阅读(78) 评论(0) 推荐(0)
vuex
摘要：Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window)，提供 阅读全文
posted @ 2021-08-23 18:43 理想三旬· 阅读(60) 评论(0) 推荐(0)
Webpack 入门教程（二）
摘要：1.LOADER Webpack 本身只能处理 JavaScript 模块，如果要处理其他类型的文件，就需要使用 loader 进行转换。 所以如果我们需要在应用中添加 css 文件，就需要使用到 css-loader 和 style-loader，他们做两件不同的事情，css-loader 会遍历 阅读全文
posted @ 2021-08-22 17:14 理想三旬· 阅读(58) 评论(0) 推荐(0)
Webpack 入门教程（一）
摘要：1.什么是webpack Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 本章节基于 Webpack3.0 测试通过。 从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文 阅读全文
posted @ 2021-08-21 18:00 理想三旬· 阅读(103) 评论(0) 推荐(1)
Vue路由（vue-router）
摘要：1.Vue路由（vue-router）介绍 Vue Router 是 Vue.js(opens new window) 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 阅读全文
posted @ 2021-08-20 17:44 理想三旬· 阅读(891) 评论(0) 推荐(0)
vue组件的使用
摘要：1.什么是组件 组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树： 注册一个全局组件语法格式如下： Vue.component(tag 阅读全文
posted @ 2021-08-19 19:22 理想三旬· 阅读(248) 评论(0) 推荐(1)
vue过渡动画的使用
摘要：1，基本语法格式 <style> /* 注意：这个6个过渡类，都是vue内置的，所以，需要使用vue提供的这个类名才行 */ .v-leave { /* 定义 出场动画的 起始状态 */ /* 只停留一帧 */ transform: translateY(100px); } .v-leave-act 阅读全文
posted @ 2021-08-18 18:13 理想三旬· 阅读(208) 评论(0) 推荐(1)
Vue.js中过滤器（filter）的使用
摘要：一、什么是过滤器？ 过滤器是对即将显示的数据做进一步的筛选处理，然后进行显示，值得注意的是过滤器并没有改变原来的数据，只是在原数据的基础上产生新的数据。 二、如何使用过滤器 <!-- 在双花括号中 --> <div>{{数据属性名称 | 过滤器名称}}</div> <div>{{数据属性名称 | 过 阅读全文
posted @ 2021-08-17 17:42 理想三旬· 阅读(1277) 评论(0) 推荐(1)
MVC、MVVM模式的概念与区别
摘要：1. MVC框架 MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新 阅读全文
posted @ 2021-08-16 17:38 理想三旬· 阅读(5829) 评论(0) 推荐(3)
Axios的使用方法
摘要：axios简介 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 axios的优势： 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请 阅读全文
posted @ 2021-08-15 16:03 理想三旬· 阅读(772) 评论(0) 推荐(0)
vue的基本语法
摘要：1.vue基本介绍 Vue是一个MVVM的渐进式前端框架。 包括: 声明式渲染 Declarative Rendering 组件系统 Components 客户端路由 Vue-router 大规模状态管理 Vuex 构建工具 Webpack/Vue-cli 服务端通信 Axios 2.vue的基础语 阅读全文
posted @ 2021-08-14 14:29 理想三旬· 阅读(651) 评论(0) 推荐(0)