website·Indexed 29 days ago
https://tinweirdo.life/A personal knowledge base and blog covering GIS (Geographic Information Systems), Web development, and personal growth. Technical content includes spatial indexing with R-Tree, tile services, Leaflet, ArcMap Python automation (arcpy), Vue, ES6, and Tauri. Also features notes on AI, Blender modeling, and personal reflections.
Variable name obfuscation replaces meaningful variable names with short or hexadecimal-like strings (e.g., _0x7deb) to hinder code readability.
Caveats:
eval() usage: If a variable is renamed but its name is referenced as a string inside an eval() call, the code will throw a runtime error unless the string inside eval is also updated.$) must remain unchanged. If a global variable is obfuscated, external modules attempting to call that variable will fail.// Original
var test = 'hello';
// Obfuscated
var _0x7deb = 'hello';Sponge City is an urban development philosophy aimed at managing water resources and environmental protection by mimicking the absorbent properties of a sponge. Unlike traditional cities with hard paving that lead to rapid runoff and flooding, Sponge Cities enhance the hydrological cycle through:
Most GIS tile services follow a standard XYZ rule where tiles are 256 × 256 pixel PNG files. The URL structure is typically /zoom/x/y.png, where zoom represents the zoom level, x represents the column, and y represents the tile within that column.
Common tile service URL templates include:
https://tile.openstreetmap.org/zoom/x/y.png (Zoom 0-19)http://{abc}.tile.thunderforest.com/cycle/zoom/x/y.png (Zoom 0-22)http://{abc}.tile.thunderforest.com/transport/zoom/x/y.png (Zoom 0-22)https://maptiles.p.rapidapi.com/local/osm/v1/zoom/x/y.png?rapidapi-key=YOUR-KEY (Zoom 0-19)Human behavior is driven by three distinct brain systems that often conflict:
There are two primary ways to bind a Vue instance to a DOM element:
el property during instance initialization.$mount method on the instance.// Method 1
new Vue({
el: '#root'
});
// Method 2
const vm = new Vue();
vm.$mount('#root');The Iterator interface allows data structures to be traversed using the for...of loop. To make an object iterable, you must implement a method with the key Symbol.iterator that returns an object with a next() method. Each call to next() must return an object containing value (the current element) and done (a boolean indicating if the traversal is complete).
Native types that already implement this interface include Array, Arguments, Set, Map, String, TypedArray, and NodeList.
const people = {
age: 18,
names: ['Alice', 'Bob', 'Charlie'],
[Symbol.iterator]() {
let index = 0;
return {
next: () => {
if (index < this.names.length) {
return { value: this.names[index++], done: false };
}
return { value: undefined, done: true };
}
};
}
};
for (const name of people) {
console.log(name); // Alice, Bob, Charlie
}v-model directive provides two-way data binding. It is specifically designed for use with form-input elements such as <input> and <select>. By default, it collects the value of the element.function*) allow a function to be paused and resumed. The yield keyword pauses execution and can send a value back to the caller. When the caller calls iterator.next(value), the value passed becomes the result of the yield expression inside the generator, allowing data to be injected back into the function.function* gen(arg) {
console.log(arg); // Initial call
const param1 = yield 'Value 1';
console.log(param1); // Received from next('second')
const param2 = yield 'Value 2';
console.log(param2); // Received from next('third')
}
const iterator = gen('iterator param');
console.log(iterator.next()); // { value: 'Value 1', done: false }
console.log(iterator.next('second')); // Logs 'second', returns { value: 'Value 2', done: false }
console.log(iterator.next('third')); // Logs 'third', returns { value: undefined, done: true }1. MODELING
2. LIGHTING
3. TEXTURING
4. RENDERINGTo increase system reliability, apply the following strategies: