The aim of this article is to perform a comparative analysis of the Angular v10 and Vue v3.0 frameworks. The basis of the comparison is the performance tested with two applications that are similar ...in terms of functionality. The view with a variable number of displayed elements was examined, and the time was measured from the moment the number of components was indicated to the end of rendering. The amount of disk space occupied by the final applications and application segments was also compared in relation to the method of implementing their functionality. The results of the research allowed to formulate the conclusions that Vue is more efficient than Angular and additionally the Vue application takes up less disk space.
The article analyses the performance of currently used tools for creating a SPA application interface. The study was conducted using two applications with the same functionality, implemented in React ...and Vue.js. The tools available in web browsers and appropriate implementations of own methods were used to measure SPA performance.
The article presents analysis of the performance of selected tools to build a Single Page Application. Chrome browser with DevTools tool was used to evaluate the performance of the test application. ...The total number of all tests was 112. As part of the study, a test application was created using different JavaScript frameworks - the Angular framework and the Vue.js framework.
Метою статті є огляд концепцій для створення вебзастосунків, аналіз переваг і недоліків сучасних технологій для прогнозування погодних умов. У статті представлено сучасні клієнт-серверні технології. ...Докладно розглянуто концепцію Single Page Application та інші технології, що дають змогу взаємодіяти між клієнтом і сервером у режимі онлайн. Представлена розробка застосунку для відстеження погодних умов на основі архітектури застосунку SPA. Методами дослідження є опрацювання теоретичної інформації та проведення аналізу архітектури застосунку, побудованого за принципом SPA, проведення аналізу переваг і недоліків підходів взаємодії клієнтської частини із сервером, використання бібліотек Angular, Vue, React, використання API для створення застосунків. Новизною проведеного дослідження є аналіз сучасних концепцій і технологій, що дають змогу розробляти вебзастосунки, за допомогою яких можна збудувати сучасний вебзастосунок концепції Single Page Application; наведено докладний аналіз бібліотек Angular, Vue, React і взаємодію користувача з такими системами, аналіз технології Service Workers як способу хешування. Висновки. У статті проведено аналіз сучасних технологій створення вебзастосунків, наведено їх переваги та недоліки, розглянуто концепцію Single Page Application та описано розробку застосунку для відстеження погодних умов, наведено аналоги для порівняльної характеристики, розглянуто проблеми, які виникали в процесі взаємодії клієнтської частини із сервером до застосування принципів SPA.
The proliferation of Internet information technology has fundamentally changed the way of learning. It is now a research hotspot to improve teaching effect in col-leges with Internet information ...technology. Starting from the actual needs of col-lege teaching, this paper designs a college teaching system based on various In-ternet information technologies. Specifically, the front end was developed under the lightweight progressive Vue.js framework, which relies on the model–view–view model (MVVM); the overall structure of the system was set up based on the browser-server (B/S) architecture; the system functions were realized through HTML5, Node.js and database technology; the compatibility between mobile terminal and desktop was realized under Bootstrap. The system test shows that the Vue.js-based college teaching system operated stably, achieved the design goals and satisfied user demand. The research findings shed important new light on modernization and quality of college teaching.
As a component of smart city, smart community is the community form in the information age. With people's higher pursuit of living environment, safety, convenience and other intelligent aspects, the ...construction of smart community continues to accelerate. However, there are still some problems such as uneven community safety management level, data island, insufficient quality service projects and lack of participation of residents. This paper studies and practices the construction of smart community based on GIS and tilt photogrammetry. The smart community uses tilt photogrammetry technology to restore the real scene of the community as the data source. The core work of field data acquisition, 3D model construction and monomer modelling of the real scene is carried out. Then, the smart community web terminal is built based on Cesium.js and Vue.js framework, and the mobile terminal is developed by using WeChat applet. The experiment shows that this system can build a communication bridge between managers and users, and it is convenient for property management personnel to carry out accurate positioning verification, inspection, maintenance and timely feedback of community events on the information reported by users in real time. The whole smart community system can provide intelligent and convenient conditions for residents of the community, It can improve the existing management level of the community and provide the valuable technical reference for the current construction of smart communities.
With the general development of the second classroom activities in colleges and universities, the initiation, approval, organization, evaluation and feedback of various second classroom activities ...need to be curricular, standardized and systematic, deeply integrated into the talent training work of the school, and form an effective connection with the first classroom. In order to give better play to the practical and educational role of the second classroom activities, our university has independently developed and applied a set of "College Students' Second Classroom Report Card", information management platform, forming a closed loop of college students' general ability and literacy self-test, second classroom activity recommendation, class hour recording and identification, students' growth trajectory description and second classroom data analysis. The system can be divided into management end and mobile end, mainly in B / S mode. The back-end adopts Springboot architecture, which can provide various forms of services such as rest API and WebSocket; The persistence layer adopts MyBatis persistence component and introduces MyBatis plus for direct object-oriented operation to meet various use requirements; The front-end of the management end is built and developed based on Vue and element-UI, with rich component library and good interactive experience; The mobile front-end uses Uniapp as the front-end framework, develops all front-end pages based on Vue.js, and can be published to iOS, Android, Web (responsive) and other platforms.
The problem that front-end web developers often face is writing program code repeatedly on the same component so that the program code becomes less efficient and flexible, and also complicating the ...maintenance process. In this study, the development of an e-learning website interface was carried out using a component-based architecture. The application of component-based architecture aims to make program code on a component reusable, flexible, and simplify the maintenance process. This research will use the Vue.js framework to implement component-based architectures. The results of the website interface program code using Vue.js will be tested using automated testing with a unit test using Jest. Automated testing can provide fast feedback and allow developers to find code errors after they have been created. Testing with unit testing using Jest will produce a code coverage matrix that is used to state parts of the software code that are not tested. The matrix indicates that there are sufficient tests of program code, resulting in a rarity of software bugs and providing confidence for developers to modify existing code. The results of this study show that the development of an e-learning web interface by implementing a component-based architecture using Vue.js can make program code reusable, efficient, flexible and easy to maintain.
PDF
