*First of all, I’m using versions of Python 3.5 and Django 2.0.4, and the company is using Django, not restframework.
I. application scenarios
First, a Django project usually has multiple apps, and now many companies share a common database of these apps. There are no so-called multiple databases in this scenario. In my personal experience, the company has made some small systems in the past two months.It’s all for sorting data inside the company), because each is in a hurry, so it’s done one online, and the database and the project are on different servers. Until o...
User experience can be said to be the top priority of the front-end, product comfort is an important measure of user experience, it can be said that the quality of user experience directly affects the site or application development prospects, (state-owned app added).
This article refers to the use of mouse cursor status indication in user experience.
Actual experience case please move.Here
PCWe usually use different mouse cursors to represent the corresponding operation instructions in different scenarios.
For example, where we can click, we make the mouse into a small hand, where we can dra...
One, XML data in one format is converted to object.
pom.xmlIntroduce
<!--javaBeanBidirectional conversion of XML and -->< dependency>< groupId> com.thoughtworks.xstream< /groupId>≪ artifactId> xstream< /artifactId>< version>1.4.10</version>
</dependency>
xmlFile template
<?xml version="1.0" encoding="GBK"?>
<MESSAGE>
<MESSAGEHEAD>
<MESSAGEID/>
<SRC/>
</MESSAGEHEAD>
<MESSAGEBODY>
<TRANLIST>
<TRAN_DATE/>
<TRAN_TIME/>
...
two, swiper application
1, page logic (index.js)”
indicatgorDots whether there is focus.
interval automatic play interval time
<!--Sowing map-->
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-color="{{indicatorColor}}" indicator-active-color="{{activeColor}}">
<block wx:for="{{imgUrls}}">
<swiper-item>
<navigator url="{{item.link}}" hover-class="navigator-hover">
<image src="{{item.url}}" class="slide-image" width="355" height="200" />
...
In web design, the use of position attributes is very important. Sometimes, if we do not know this property clearly, it will bring us many unexpected difficulties.
positionThere are four different ways to locate attributes: static, fixed, relative, absolute and sticky. Finally, we will introduce the Z-index attribute closely related to the position attribute.
Part one: position: static
staticLocation is the default value of the HTML element, that is, no location, and the element appears in the normal stream.，Therefore, this positioning will not be affected by top, bottom, lef...
// getters
const getters = {
netStatusMonitorData: state => {
return state.faultInfo;
},
};
const mutations = {
[baseTypes.UPDATE_DATA_MODULE](state) {
//oldcode
//state.faultInfo =pageData.dataSource;
//After the assignment does not trigger the getter method to refresh, it changes the deep copy to trigger the getter refresh.
let tempData = {};
$.extend(true, tempData, pageData.dataSource);
state.faultInfo = tempData;
}
};
Media query
What is media query?
Media queries allow us to set CSS styles for device displays based on their features (such as viewport width, screen scale, device orientation: horizontal or vertical). Media queries consist of media types and one or more conditional expressions that detect media characteristics. Media features that can be used in media queries are wIdth, height and color (etc.). Using media queries, you can customize the display effect for certain output devices without changing the content of the page.
1、Media query operation mode
The actual operation is: ask the device (c...
CookieGrammar:
CookieTypically sent to the client as HTTP response headers, the following example shows the corresponding syntax (note that the HttpOnly property is case-insensitive):
HtmlCode
