前端

Vue执行流程及渲染解析(一)

  最近想对之前看过的vue一些较原理的一些东西进行总结,今天就谈谈vue实例创建到渲染的一个流程概述。说的不对希望可以补充评论。   相信绝大多数的前端小伙伴已记不清做了多少项目,写了多少代码了,每个人如同教科书般地写着Vue代码: // 入口文件中的常见代码 new Vue({ el: '#app', router: router,

单页应用(SPA)和多页应用(MPA)的区别

一、简介 单页面应用:SinglePage Web Application,简称 SPA 多页面应用:MultiPage Application,简称 MPA 二、定义区分 (1)单页面应用 只有一个 WEB 主页面的应用,公共资源(js、css等)仅需加载一次,所有的内容都包含在主页面,对每一个功能模块组件化。单页应用跳转,就是切换相关组件,仅刷新局部资源。常用于PC端官网、购物等网站。

算法效率

书名:代码本色:用编程模拟自然系统 作者:Daniel Shiffman 译者:周晗彬 ISBN:978-7-115-36947-5 第6章目录 6.14 算法效率(为什么程序跑得这么慢) 群集行为看起来很不可思议,但它的运行速度会非常慢,群集中的元素越多,程序运行得越慢。 1、优化方法 如果我们把屏幕划分成一个个网格,把这2000个Boid对象分配到这些网格中。对于每个Boid对象,只

uniapp入门教程

UniApp是一款跨平台的开发工具,可以用一个代码库同时构建出iOS、Android两个平台的应用程序,并能方便地发布到App Store和各大应用商店。它基于Vue.js框架,开发者可以使用Vue.js的语法进行开发,可以轻松地迁移现有的Vue.js项目。 本篇文章将为大家介绍UniApp的入门教程,帮助初学者快速上手并开始开发自己的APP。 1. 环境搭建 在开始使用UniApp之前,我

vue学习(49)vue-router(1)

理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 前端路由:key是路径,value是组件。 基本使用 安装vue-router,命令:npm i vue-router 应用插件:Vue.use(VueRouter) 编写router配置项: //引入VueRouter import VueRouter from 'v

js获取url参数值的几种方式

方法一:采用正则表达式获取地址栏参数 (代码简洁,重点正则) function getQueryString(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); let r = window.location.search.substr(1).match(reg);

Vue3 10多种组件通讯方法

本文简介 点赞 + 关注 + 收藏 = 学会了 本文讲解 Vue 3.2 组件多种通讯方式的基础用法,并且使用了 单文件组件 <script setup> 。 众所周知,Vue.js 中一个很重要的知识点是组件通信,不管是业务类的开发还是组件库开发,都有各自的通讯方法。 本文适合: 有 Vue 3 基础的读者。 打算开发组件库的读者。 本文会涉及的知识点: Props

微前端实现方案之iframe

微前端是最近几年火起来的概念,iframe是早期实现微前端的理想方案,而现在有了其它的方案,比如qianduan框架,single-spa,以及webpack5带来的联邦模块方案。但是每一个方案都有其优缺点,感兴趣的可以去实践一下。 1、项目创建 创建3个项目,一个基座项目project_base,2个子项目project_a和project_b项目。并在各个项目安装好依赖(本项目基于vue搭

vue中api统一管理

针对小型项目 无需管理的情况下 <script> import axios from 'axios'; export default { methods: { async request() { let data = {} try { // host指的是请求的域名,path指的是请求的路径, data是相关的参数和请求头配置

input中的属性

placeholder:它的属性值为提示文本,但不占位 autofocus:自动获取焦点,没有属性值 autocomplete:类似于百度搜索的自动补全功能,此属性有两个值:on:打开 /off:关闭。要使用这个属性有两个条件: 1.必须成功提交过:提交过才会记录; 2.当前添加autocomplete的input元素必须有name属性; required:必须输入,如果没有输入则会阻止当前数据提