08 2021 档案
摘要：Vue CLI 在开发大型单页面应用时，需要考虑项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务逻辑无关的事情，对于项目中用到的构建工具、代码检查功能等还需要一遍一遍地重复配置。为此我们选择能够创建脚手架的工具，来帮助搭建一个项目的框架，并进行一些项目所依赖的初始配置。 简介
阅读全文
摘要：虚拟DOM和render()函数 虚拟DOM vue在DOM之上增加一个抽象层来解决渲染效率的问题，这就是虚拟DOM。 虚拟DOM使用普通的JavaScript对象描述DOM元素，每一个虚拟节点都是一个VNode实例。vue在更新真实DOM前，会比较更新前后虚拟DOM结构中的有差异的部分，然后采用异
阅读全文
摘要：组合API 组合(Composition)API是在vue3中引入的，它是一组附加的、基于函数的API，允许灵活地组合组件逻辑。 组合API没有引入新的概念，更多的是将vue的核心功能(如创建和观察响应状态)公开为独立的函数，以此来代替vue2中的表达组件逻辑的选项。 为什么要引入组合API 使用v
阅读全文
摘要：表单输入绑定 单行文本输入框 <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id = "app"> <input type="text" v-model="message" value="Hello
阅读全文
摘要：计算属性 在模板中使用表达式非常方便，但如果表达式的逻辑过于复杂，模板就会变得臃肿且难以维护，所以引出计算属性。计算属性是以函数形式，在computed中定义。比如可以将模板表达式 <p> {{ message.split('').reverse().join('')}} </p> 用计算属性实现：
阅读全文
摘要：监听器 Vue提供了一种更通用的方式来观察和响应Vue实例上的数据变动：监听器。当有一些数据需要随着其他数据变化而变化时就可以使用监听器。 使用监听器 监听器在Vue实例的选项对象的watch中定义，下面用监听器实现千米和米的换算： <html> <head> <meta charset="UTF-
阅读全文
摘要：class与style绑定 绑定HTML class 对象语法 可以给v-bind:class传递一个对象，以动态切换class： <style> .active { width:100px; height:100px; background:green; } </style> <div id='a
阅读全文
摘要：指令 内置指令 v-show 根据表达式值的真假，显示或隐藏HTML元素。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>v-show指令</title> </head> <body> <div id="app"> <h1 v
阅读全文
摘要：Vue Vue是一套基于MVVM模式的用于构建用户界面的JavaScript框架，它是以数据驱动和组件化的思想构建的。它是渐进式的JavaScript框架，所谓渐进式，就是把框架进行分层设计，每层都是可选的，不同层可以灵活地替换为其他的方案。 Vue渐进式框架分层结构由外到里分别是构建系统、状态管理
阅读全文
摘要：ECMAScript6语法简介 块作用域构造let和const 块级声明用于声明在指定块的作用域之外无法访问的变量，块级作用域存在于函数内部或块中( {}之间的区域 )。 let声明 在函数作用域或全局作用域中通过关键字var声明的变量无论在哪里都会被当成在当前作用域顶部声明的变量，这就是JavaS
阅读全文
摘要：应用项目部署 当一个应用项目经过开发人员的努力，完成了需求分析、程序设计、开发、测试，最后一步是把应用程序部署到生产环境中正式上线，也就是把应用程序安装到服务器上，让他人可以访问。本章介绍myproject项目部署到Ubuntu系统服务器的过程。由于系统版本、环境的不同，有些步骤可能略有差异。 准备
阅读全文
摘要：基于Django认证系统的权限管理开发 当我们开发一个Web系统时，不可避免要设计用户管理系统，实现用户注册与登录、用户认证、权限分配、密码修改等功能。Django在框架中内置了一个强大的认证系统，集成了用户登录、登出、验证、权限分配等模块，并实现了基于cookie的用户会话。 Django认证系统
阅读全文
浙公网安备 33010602011771号