js implementation element animation
The following are the summary of MOOC online courses https://www.imooc.com/video/3179
eg1: element attribute value with px
// Think about whether you can use the binomial operator to say a sentence directly
function getStyle(obj, attr) {
// IE
if (obj.currentStyle) {
ret ...
Posted by RavenStar on Mon, 30 Dec 2019 23:35:09 -0800
OpenLayers source reading (3): ImageWMS and ImageArcGISRest under ol.source.Image
Premise: we need to understand the common map services WMS, WMTS, WFS, etc. for this article, we mainly understand WMS services and their GetCapabilities, GetMap, GetFeatureInfo operations.
Note: This article focuses on ol.source.Image
1. How do we use(
Official website example http://openlayers.org/en/v4.6.5/examples/w ...
Posted by ol4pr0 on Mon, 30 Dec 2019 22:12:47 -0800
Using HTML, Vue + element UI as desktop UI
DSkin encapsulates the Web UI development mode to develop desktop applications, which is very convenient to use Vue. It's a little like WPF
Let's use element UI as a simple example.
Operation effect; you can change the layout effect according to your own needs.
Element UI template code of main framework
<div id="page" class="shadow ...
Posted by Cheeseweasel on Mon, 30 Dec 2019 20:15:37 -0800
Selectors and filters in jquery learning
Basic selector
Universal selector * all
id selector
Class selector.class
Label selector label name
Group selector one,.two union
The intersection of compound selector div and one
Descendant or descendant selector
Offspring selector > Direct child
Descendant selectors spaces all descendants
All ...
Posted by kc5tvd on Mon, 30 Dec 2019 08:46:14 -0800
C#Interface and abstract class learning notes
Extract this note from: https://www.cnblogs.com/solan/archive/2012/08/01/CSharp06.html And record the learning process for future reference.
Summary:
Abstract class: A special class that can define methods with implementation or method contracts that are not implemented. It cannot be instantiated by itself but can only be instantiated in a deri ...
Posted by kman on Sun, 29 Dec 2019 20:46:15 -0800
Design Mode Architecture - Agent Mode
1. Basic introduction of agent mode
Proxy mode provides a surrogate for an object to control its access.That is, the target object is accessed through the proxy mode.The advantage of this is that on the basis of the implementation of the target object, additional functional operations can be enhanced, that is, to extend the function of the ta ...
Posted by squimmy on Sun, 29 Dec 2019 10:48:47 -0800
refs in React
Create ref
Use React.createRef() to create refs and get the React element through the ref attribute.
class MyComponent extends React.Component {
constructor(props) {
super(props);
this.myRef = React.createRef();
}
render() {
return <div ref={this.myRef} />;
}
}
Visit Refs
When a ref attribute is pa ...
Posted by millwardt on Sun, 29 Dec 2019 08:38:08 -0800
Three Minutes Society.NET Core Jwt Policy Authorization Certification
3 Minutes Society.NET Core Jwt Policy Authorization Certification
I. Preface #
Hello, I'm back. A few days ago I talked about the simplest case of Jwt authentication, but it's not powerful enough for real projects. Yes, in a real complex and demanding customer, we're at a loss. Now we need to make the certification authorization more complex a ...
Posted by Rother2005 on Sat, 28 Dec 2019 18:46:31 -0800
Multiple lists, js operation hides the same property value in the same row
Demand scenario:
Select a product and display the different attributes of all stores. Each ul represents a store, and each line of li represents an attribute
The effect is as follows:
Click to display all:
After clicking the hide the same item button:
Solution:
Hide button implementation:
Traversing ul, t ...
Posted by André D on Sat, 28 Dec 2019 06:40:25 -0800
Mobile page adaptive solution -- rem layout
If the UI gives us a design size of 750 * 1340.
Combined with the dynamic font size attribute, design draft size and collaboration process between the front end and design on the html element of the home page of Netease and Taobao mobile terminal, they are generally divided into the following two types:
1. Netease practice:
...
Posted by RobOgden on Fri, 27 Dec 2019 09:04:11 -0800