Background programmers want to make a page that conforms to the aesthetic of the times (light, simple / fashionable). Which technologies can be preferred? - Codes Helper - Programming Question Answer

Background programmers want to make a page that conforms to the aesthetic of the times (light, simple / fashionable). Which technologies can be preferred?

I want to do a micro-level chat system by myself. I usually work as a background developer. I want to sum up and practice what the project team has learned through this small project, and at the same time actively understand and learn some popular new technologies.
the purpose of asking you a question is to know which technologies you can choose to make a page that is in line with the aesthetics of the times (light, simple / fashionable).
the front-end technology involved in the work is that jquery and javascript, have previously come into contact with bootstrap, to understand the 3D characteristics of html5, and have drawn a 3D diagram of the solar system (forming a sphere by rotating a circle). Recently I have been reading the official documents of vuejs.
also a very important point is that because I work as a background developer, I don"t want to spend too much energy on front-end learning, but because I have certain aesthetic requirements, even if it"s just practice, I hope my work won"t be miserable.
I hope you can give me some suggestions. Thank you very much!

Mar.28,2021

learn about WebSocket or HTTP2 for communication

as for aesthetics. This can not be determined by technical selection. Your own aesthetic level determines the level of your work.

if you have aesthetic requirements, you can consider using the component library wow

iView: https://www.iviewui.com/
Element: http://element.eleme.io/-sharp/zh-CN
Cube: https://didi.github.io/cube-u.

Ant Design: https://ant.design/index-cn
Element: http://element-cn.eleme.io/-sharp/.
easyUI: http://www.jeasyui.com

basic aesthetic appreciation should be possible

written by vue.js Chinese, the document contains Chinese is very convenient, and very complete, real-time chat system is generally implemented by websocket, aesthetic words do not want to refer to other chat system design, look at their ui to conditional choice, the general user is sure to be accepted by the public, so do not according to their own ideas, to learn from

Previous: Mini Program map cover

Next: The header of the http request authenticated by Tencent Cloud's api gateway is blocked by the browser after it is added to date.

Wechat browser version 6.6.5 cannot prevent the springback of pull-up and drop-down to the top under ios system.
various methods have been tried, including the simplest way to disable the thouchmove event directly. Has the Wechat browser under ios been unable to stop the rebound? ...

Wechat-browser ios Wechat-develops front-end

Feb.26,2021
The vue project introduces particles.js to realize the particle effect, but there is a problem when switching pages?
In the vue-cli project, I directly introduced the particls library into index.html, and the related files are placed in the static directory . <div id="particles-js">< div> <script type="text javascript" src="s...

Front-end javascript vue.js

Feb.26,2021
Set type judgment intersection and union in javascript
I am a novice. At present, I have encountered some confusion when learning set data types in Es6, as follows: in the Es6 about Ruan Yifeng, it is mentioned that set types can be used to intersect and judge sets, but I have tried it unsuccessfully. ...

Novice-question novice array front-end javascript

Feb.26,2021
It is invalid to change the data-src of the video to src by crawling Wechat's official account article.
the article on Wechat s official account crawled through python at the backend found that the video in the article could not be played, and the video was nested in iframe, as shown in <iframe class="video_iframe" data-vidtype="2"...

Front-end Wechat-public-platform javascript python

Feb.26,2021
What kind of front-end architecture can ensure flexibility and avoid mega-scale?
currently working on a saas platform what kind of architecture can meet the following requirements: Separation of front and rear ends flexible selection of front-end technology, less historical burden, convenient maintenance, and organizational n...

Saas-platform architecture javascript front-end

Feb.26,2021
What is the problem that this will fail when bind is called as new?
read what a big guy wrote: Function.prototype.bind = Function.prototype.bind || function (context) { var me = this; var args = Array.prototype.slice.call(arguments, 1); var F = function () {}; F.prototype = this.prototype; var bound...

Front-end javascript

Feb.26,2021
WeChat Mini Programs searches the content of a page, is there any way to achieve keyword highlighting?
the text matched by the search box above an article is highlighted to realize the idea. ...

Front-end javascript Mini-Program

Feb.26,2021
How to use the mobile SPA developed by vue2.0 to call the navigation and calling function of the mobile phone?
want to use vue2.0 to develop a small web application for the company, running on the mobile side. How can the above functions be achieved? ...

Mobile-web vue.js front-end html5 javascript

Feb.26,2021
The Corialization problem of realizing bind function
A quick implementation is generally as follows: Function.prototype.bind = function (context) { var me = this; var argsArray = Array.prototype.slice.call(arguments); return function () { return me.apply(context, argsArray.slice(1)) ...

Front-end javascript

Feb.27,2021
Will document.body.appendChild () re-render the entire DOM tree?
as shown in the picture, after clicking the button, you append a new button in document.body. How did the new button be updated to the page? will the original button be rendered again? ...

Front-end dom javascript

Feb.27,2021
How does WeChat Mini Programs keep the status of child pages?
I just got in touch with Mini Program developer and recently encountered this problem when I wrote the demo, of a music player. After I returned to the list page from the playback page (or to the home page), I entered the playback page from the entrance...

Mini-Program javascript WeChat-Mini-Programs front-end html5

Feb.27,2021
Come on, change the settimeout code to the result we want.
const obj = { name: " jsCoder", skill: ["es6", "react", "angular"], say: function () { for (var i = 0, len = this.skill.length; i < len; iPP) { setTimeout(function(){ ...

Front-end javascript

Feb.27,2021
How to keep the document stream from moving when using transform:scale
as shown in the figure above, use css to make a magnification effect when a mouse passes over a square, but as soon as you enlarge a square, the square next to it will be squeezed out or squeezed into the next row. Is there any way to fix the enlarge...

Html css css3 web front-end

Feb.27,2021
How do I use webpack-dev-server proxyTable.bypass?
there is a bypass Filter in proxyTable. How do I use it? Is it the return path? Or return true false ...

Webpack front-end

Feb.27,2021
Menu picture switching problem?
there is such a requirement, as shown in the figure are four menu buttons. The four menu icons here are not vector icons similar to Font Awesome, but pictures in png format, namely f.png, u.png, s.png, and p.png. demand: clicking on the correspondi...

Html5 css front-end javascript

Feb.27,2021
Is the react native component always left blank at the top of the listview drop-down?
1. At the beginning, it was 2. . Why is this? ...

React.js react-native front-end

Feb.27,2021
How do you share files for a Vue project built by Nuxt.js?
how do Vue projects built with Nuxt.js share header and footer files? only files with section contents are placed in the page directory. Navigation bars and footers and every time you jump to a new route, navigation doesn t have to be reloaded. Gods, ...

Route front-end-to-build nuxt.js vue.js

Feb.28,2021
Request interface Times wrong The API configuration file does not exist.
I have a vegetable chicken at the front end. Recently, there is a new demand for the company s project, which has been maintained by others before. the front end uses a framework built by pHp and uses the memcached plug-in. After the project runs, ,...

Front-end apache mysql php

Feb.28,2021
Get geolocation: invalid navigator.geolocation.getCurrentPosition
In the case of MDN, the local operation does not print the geographical location, nor does it report an error. Why? Ask for instructions at the beginning, the PC side has been returning a timeout. It may be because the PC side does not support it. Afte...

Html5 Geographic-location Map Front-end

Feb.28,2021
Benchmarks is a directory in many github projects. What on earth is it for?
there is a benchmarks directory in some open source projects, such as vue , which is very popular now. The literal translation of benchmark means benchmark test. It seems that some functional performance tests can be done. given that there is a test di...

Github javascript front-end vue.js react.js

Feb.28,2021

Menu