因为公司项目需要,需要用vue做一个移动端版本;现在从0开始搭建,顺便记下搭建过程,方便日后回顾;欢迎 大家指出不足。 先看设计稿:布局页面把头部抽离出来,作为全局组件;目录位置定义为全局组件在main.js 中写下//全局组件 import topBar from '@/components/mobileTop.vue' Vue.component('topBar', topBar)
转载 2024-09-27 13:45:58
59阅读
项目地址github.com/VikiLee/XLM…如何使用只要引入xl-mvc sdk就可以开始使用啦<script src="xxxx/xl-mvc.js"></script> 复制代码主要特性简易前端MVC框架,省去繁琐的DOM操作;支持dom事件和自定义事件,且model和view之间的事件保持一致,即model监听的事件,预制相对于的view可以触发;model
前言大家好,我是林三心,这几天发生了很多事(具体是啥我就不说了),这些事,吓得我把我这些年珍藏的Vue知识点都拿出来整理了一遍,巴不得能多总结出一道是一道,我拿出了我的笔记,并且使劲回忆,终于悟出了这50道知识点(咱不要太俗哈,不叫面试题,咱叫知识点) image.png 荣耀黄金1. Vue的优点?Vue的缺点?优点:渐进式,组件化,轻量级,虚拟dom,响应式,单页面路由,数据与视图
这几年,微服务架构这个术语渐成热门词汇,但它不是一个全新架构,更不是一个包治百病的架构。那么,微服务架构究竟能够解决什么问题,又带来哪些痛点?本文将与大家谈谈这个问题,以及微服务架构的两大解耦利器配置中心和消息总线的最佳实践。微服务架构解决的问题与带来的痛点一互联网高可用架构为什么要服务化?上图是互联网典型的高可用架构,大部分公司如果没有使用微服务,正在使用这样的架构:用户端是浏览器 browse
文章目录前言搭建脚手架一、新建一个项目,选择的依赖二、mybatis-plus代码生成器三、开启mapper接口扫描,添加分页,防全表更新插件四、创建数据库和表五、代码生成 前言搭建脚手架技术栈:SpringBoot mybatis plus spring security lombok redis hibernate validatior jwt一、新建一个项目,选择的依赖注意springbo
# 【【Web开发】】 ''' 最早的软件都是运行在大型机上的,软件使用者通过“哑终端”登陆到大型机上去运行软件。后来随着PC机的兴起,软件开始主要运行在桌面上,而数据库这样的软件运行在服务器端,这种Client/Server模式简称CS架构。 随着互联网的兴起,人们发现,CS架构不适合Web,最大的原因是Web应用程序的修改和升级非常迅速,而CS架构需要每个客户端逐个升级桌面App,因此,Bro
看到好多开源项目都升级了vue3,看文章说vue3性能升级很多,而且组合式api很香,遂把最近开发的自助洗车app升级下,在此记录下出现的问题。uniapp升级vue3官方指南我是先去vue官网看了下vue3的组合式api,有个大概了解,方便升级使用。然后根据uniapp升级vue3官方指南把框架层面的先更改。测试访问没问题后再做代码上的更改。(vue3兼容vue2的代码风格)把代码风格改为组合式
转载 2023-10-11 11:25:13
61阅读
安装前首先理清nodejs和npm的关系: node.js是javascript的一种运行环境,是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。 包含关系,nodejs中含有npm,比如说你安装好nodejs,你打开cmd输入npm -v会发现出现npm的版本号,说明npm已经安装好。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过C
        因为要完成软件工程的项目,要做一个nativeApp,看了很多的技术文档以后决定使用多端兼容的uni-app来开发。组件方面的话最后决定使用目前比较火的Vant UI。但是看了和掘金上面的很多文章,似乎没有一篇是关于uni-app中使用Vite对vant组件进行按需引入(可能这个搭配技术还比较新
之前写的关于 vue3 的文章,好多人吐槽:这些API每次使用都要引入一遍,感觉有点麻烦。今天我们就来看看 vue3 相比 vue2 的优点有些啥?为啥有些人说:自从写了 ts vue3 再也回不到 vue2 啦!vue3 到底哪里好?有的人回不到 vue2,而有的人去不了vue3!喜欢的点赞收藏,复盘不迷路!一、Vue3 新增的几个亮点:Performance:性能优化Tree-shaking
转载 3月前
19阅读
前言前端开发中,只要涉及到列表渲染,那么无论是 React 还是 Vue 框架,都会提示或要求每个列表项使用唯一的 key,那很多开发者就会直接使用数组的 index 作为 key 的值,而并不知道 key 的原理。那么这篇文章就会讲解 key 的作用以及为什么最好不要使用 index 作为 key 的属性值。key 的作用Vue 中使用虚拟 dom 且根据 diff 算法进行新旧 DOM 对比,
转载 2023-12-01 10:41:42
41阅读
一,概述本文主要是使用webpack5+vue3+vw适配+axios+vue-router+vuex+vant搭建一个基础的h5项目结构。其中每一节都是独立的配置,想要webpack搭配其他的也可以参考下。至于项目的代码,放在本文最后面,不想看的可以直接下载使用。为了自己后续搭建h5项目能有个干净的项目框架直接使用,而不是每次都得重新搭建。每一个步骤都是我实践过的,其中存在的一些注意点和原理,我
§Scanner 类  java.util.Scanner 是 Java5 的新特征,我们可以通过 Scanner 类来获取用户的输入。  1.创建 Scanner 对象的基本语法:ScannersnewScanner(System.in);  2.通过 Scanner 类的 next() 与 nextLine() 方法获取输入的字符串,在读取前一般需要 使用 hasNext 与 hasNextL
转载 2024-03-01 12:56:20
39阅读
SSR 全称是 Server Side Render,是指一种传统的渲染方式,就是在浏览器请求页面URL的时候,服务端将我们需要的HTML文本组装好,并返回给浏览器,这个HTML文本被浏览器解析之后,不需要经过 JavaScript 脚本的执行,即可直接构建出希望的 DOM 树并展示到页面中。SSR 有两种模式,单页面和非单页面模式,第一种是后端首次渲染的单页面应用,第二种是完
转载 2023-11-20 14:59:46
17阅读
文章目录一、vue前端使用xlsx和 xlsx-style 导出excel,并修改样式:1、改造后效果:2、实现:3、引入库xlsx-style4、excelUtil.js文件二、前端xlsx插件怎么设置导出的excel列宽自适应?2-1、效果2-2、效果三、xlsx插件,导入导出Excel (vue中导入导出表格)3-1、效果:3-2、实现:3-3、dealExcel.js文件四、vue+xl
# 如何使用 PCLPython:新手开发者的指南 欢迎来到 PCLPython 的世界!如果你是一名刚入行的开发者,可能会对如何实现“PCLPython能用”这一问题感到困惑。本文将指导你逐步实现这一目标,明确每一步的任务与对应的代码。我们还会使用甘特图和类图来帮助可视化整个开发流程。 ## 开发流程概述 在开始之前,先了解一下实现 PCLPython 的步骤。下面是我们的开发流程表:
原创 9月前
26阅读
一、前言:  在开发一个后台管理系统时,为了实现菜单导航功能,在网上搜索下,觉得easyui 的accordion 控件实现的效果还可以所有就用上了,在这里记录一下该控件的基本使用方法。分类控件(accordion)允许使用多面板,每个面板都内建支持展开和折叠功能。点击一个面板的标题将会展开或折叠面板主体。可以通过面板指定的'href'属性使用ajax方式读取面板内容。用户可以定义一个默认选中的面
前言尽管现在 Vue3 是默认版本,但还有许多用户、相关库、周边生态使用的是 Vue2,且由于依赖兼容性、浏览器支持要求或没有足够的带宽升级,导致不得不继续使用 Vue2。难道 Vue3 发布了这么多“真香”的特性,我们 Vue2 的用户与项目就只能眼巴巴地看着?当然不是!有一个好消息是,前两天 Vue2.7 正式发布了。在此版本中,从 Vue3 向后移植了一些最重要的功能,以便 Vue2 用户也
转载 2023-09-20 15:02:05
77阅读
我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的,其实不是。因为vue在工程化开发的时候很依赖webpack,而webpack是将所有的资源整合到一块,弄成一个单页面。但是vue不止可以做单页面,它还可以做多页面,如果要做多页面的话需要对他的依赖,也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。vue的开发有两种,一种是直接的在script标签里引
转载 2024-01-09 13:40:29
70阅读
一、Flink概述 官网:https://flink.apache.org/ mapreduce-->maxcompute HBase-->部门 quickBI DataV Hive-->高德地图 Storm-->Jstorm ...... 2019年1月,阿里正式开源flink--
  • 1
  • 2
  • 3
  • 4
  • 5