Include files from code.fancygrid.com
<link href="http://code.fancygrid.com/fancygrid.min.css" rel="stylesheet">
<script src="http://code.fancygrid.com/fancygrid.min.js"></script>
FancyGrid AngularJS directive
<script src="http://code.fancygrid.com/fancygrid-angular.js"></script>
namespace BlazorServerSample.Models
{
public class BlazorRoom
{
public int Id { set; get; }
public string Name { set; get; }
public decimal Price { set; get; }
public bool IsActive { set; get; }
}
} @using BlazorServerSample.Models
@page "/"
<h2 class="bg-light border p-2">
First Room
</h2>
Room: @Room.Name
<br/>
Price: @Room.Price
@code
{
BlazorRoom Room = new BlazorRoom
{
Id = 1,
Name = "Room 1",
IsActive = true,
Price = 499
};
} 
<input type="number" value="@Room.Price" />
<input type="number" @bind-value="@Room.Price" />
<input type="number" @bind-value="@Room.Price" @bind-value:event="oninput" />
<input type="checkbox" @bind-value="Room.IsActive" /> <br/> This room is @(Room.IsActive? "Active" : "Inactive").
<input type="checkbox" @bind-value="Room.IsActive" checked="@(Room.IsActive? "cheked" : null)" />
using System.Collections.Generic;
namespace BlazorServerSample.Models
{
public class BlazorRoom
{
// ...
public List<BlazorRoomProp> RoomProps { set; get; }
}
public class BlazorRoomProp
{
public int Id { set; get; }
public string Name { set; get; }
public string Value { set; get; }
}
} @code
{
BlazorRoom Room = new BlazorRoom
{
Id = 1,
Name = "Room 1",
IsActive = true,
Price = 499,
RoomProps = new List<BlazorRoomProp>
{
new BlazorRoomProp
{
Id = 1, Name = "Sq Ft", Value = "100"
},
new BlazorRoomProp
{
Id = 2, Name = "Occupancy", Value = "3"
}
}
};
} <select @bind="SelectedRoomPropValue">
@foreach (var prop in Room.RoomProps)
{
<option value="@prop.Value">@prop.Name</option>
}
</select>
<span>The value of the selected room prop is: @SelectedRoomPropValue</span>
@code
{
string SelectedRoomPropValue = "";
// ... 
@code
{
string SelectedRoomPropValue = "";
List<BlazorRoom> Rooms = new List<BlazorRoom>();
protected override void OnInitialized()
{
base.OnInitialized();
Rooms.Add(new BlazorRoom
{
Id = 1,
Name = "Room 1",
IsActive = true,
Price = 499,
RoomProps = new List<BlazorRoomProp>
{
new BlazorRoomProp
{
Id = 1, Name = "Sq Ft", Value = "100"
},
new BlazorRoomProp
{
Id = 2, Name = "Occupancy", Value = "3"
}
}
});
Rooms.Add(new BlazorRoom
{
Id = 2,
Name = "Room 2",
IsActive = true,
Price = 399,
RoomProps = new List<BlazorRoomProp>
{
new BlazorRoomProp
{
Id = 1, Name = "Sq Ft", Value = "250"
},
new BlazorRoomProp
{
Id = 2, Name = "Occupancy", Value = "4"
}
}
});
}
} 
<div class="border p-2 mt-3">
<h2 class="text-info">Rooms List</h2>
<table class="table table-dark">
@foreach(var room in Rooms)
{
<tr>
<td>
<input type="text" @bind-value="room.Name" @bind-value:event="oninput"/>
</td>
<td>
<input type="text" @bind-value="room.Price" @bind-value:event="oninput"/>
</td>
@foreach (var roomProp in room.RoomProps)
{
<td>
@roomProp.Name, @roomProp.Value
</td>
}
</tr>
}
</table>
@foreach(var room in Rooms)
{
<p>@room.Name's price is @room.Price.</p>
}
</div> // ==UserScript==
// @name Hello World
// @namespace http://diveintogreasemonkey.org/download/
// @description example script to alert "Hello world!" on every page
// @include *
// @exclude http://diveintogreasemonkey.org/*
// @exclude http://www.diveintogreasemonkey.org/*
// ==/UserScript==
alert('Hello world!');
// ==UserScript==
// @name Google FavIcon
// @namespace http://userscripts.org
// @description Shows favicon for Google searches results
// @include http://*.google.*/search?*
// ==/UserScript==
loadJquery();
$(document).ready(function(){
$("h3.r > a.l").each(function(){
var $a = $(this);
var href = $a.attr("href");
var domain = href.replace(/<\S[^><]*>/g, "").split('/')[2];
var image = '<img src="http://' + domain + '/favicon.ico" style="border:0;padding-right:4px;" />';
//GM_log(">image:> " + image);
$(this).prepend(image);
});
});
<system.webServer>
<httpCompression directory="%SystemDrive%\inetpub\temp\IIS Temporary Compressed Files">
<scheme name="gzip" dll="%Windir%\system32\inetsrv\gzip.dll" staticCompressionLevel="9" />
<dynamicTypes>
<add mimeType="text/*" enabled="true" />
<add mimeType="message/*" enabled="true" />
<add mimeType="application/x-javascript" enabled="true" />
<add mimeType="application/javascript" enabled="true" />
<add mimeType="application/json" enabled="true" />
<add mimeType="application/json; charset=utf-8" enabled="true" />
<add mimeType="application/atom+xml" enabled="true" />
<add mimeType="application/xaml+xml" enabled="true" />
<add mimeType="*/*" enabled="false" />
</dynamicTypes>
<staticTypes>
<add mimeType="text/*" enabled="true" />
<add mimeType="message/*" enabled="true" />
<add mimeType="application/x-javascript" enabled="true" />
<add mimeType="application/javascript" enabled="true" />
<add mimeType="application/json" enabled="true" />
<add mimeType="application/json; charset=utf-8" enabled="true" />
<add mimeType="application/atom+xml" enabled="true" />
<add mimeType="application/xaml+xml" enabled="true" />
<add mimeType="*/*" enabled="false" />
</staticTypes>
</httpCompression>
<urlCompression doStaticCompression="true" doDynamicCompression="true" />
</system.webServer> 
<system.webServer> <serverRuntime frequentHitThreshold="1" frequentHitTimePeriod="10:00:00" /> </system.webServer>
C:\Windows\System32\inetsrv\appcmd.exe unlock config /section:system.webServer/serverRuntime
<httpCompression directory="%SystemDrive%\inetpub\temp\IIS Temporary Compressed Files" minFileSizeForComp="1024">
@model string <div>@Model</div> <div><CutumTagHelper asp-id="1000" /></div>
... @Html.Raw(Model.HtmlData) ....
... @Html.SomeNameLikeRenderedRaw(Model.HtmlData,Model.SomeDataAsDynamicViewModel) ....
با سلام
من به عنوان کسی که در پروژه‌های خود از انوع ذخیره سازی‌ها بر اساس نیاز استفاده کردم(سرعت! راحتی! پلتفرم ها! و...) هم نظر میدم و هم پاسخ شما دوست عزیز را میدم.
قطعا انتخاب اینکه از چه روشی برای ذخیره سازی داده‌ها استفاده شود بسته به تیم پیاده سازکننده پروژه و نیز طراحان و... دارد. من با یک مثال توضیحی را خدمت شما می‌دهم.
در یک پروژه که اخیرا در حال اجرا هست(در دست من و هم تیمی‌های من) این پروژه یک پروژه بزرگ و با دیدها و اهداف وسیعی هست. ما در این برنامه هم از ادرس دهی بر اساس پوشه‌ها و دایرکتوری‌ها داده‌ها را ذخیره کردیم(اطلاعاتی مانند لینک فایل‌ها و یا تصاویر و...) و حتی در بعضی محل‌ها نیاز بود که اطلاعات یک فرد را در یک فایل xml قرار می‌دادیم و بعضی وقتها هم در پایگاه داده و هم فایل xml به این دلیل که در مورد اول تنها برنامه سمت کلاینت نیاز به این اطلاعات داشت و در آنجا پارسر قوی xml وجود داشت اما در مورد دوم ما به یک سری دیتا نیاز داشتیم که هم در سرور به آنها نیاز داریم و هم کلاینت! خب در بحث وب ما به مدیران اگر می‌خواستیم xml ارائه کنیم قطعا راه حل خوبی نبود و از سرعت و کارایی ما کم می‌کرد لذا از پایگاه داده استفاده کردم ولی برای زمانی که کاربر کلاینتی ما نیاز به اطلاعات داشت به این دلیل که بار سرور زیاد نشود از xmlها استفاده می‌شد که با یک لینک مستقیم می‌توانست به دست اورد(البته خود لینک همین فایل xml هم ساخته می‌شد! هیچ جا ذخیره نمی‌شد!)
عذر می‌خوام اگر بجای نویسنده پاسخ دادم البته این پاسخ من خیلی سربسته بود و انشا.. مفید بوده.
از نویسنده مطلب بابت مطلب خوبشون که کم دیدم در تارنماهای فارسی به اون بپردازن(متاسفانه بسیاری از اساتید دانشگاهی با این مفهوم حتی اشنایی ندارند با اینکه دانستن کلیت ان یک تعریف ساده است!) موفق باشید.
function testScope() {
var myTest = true;
if (true) {
var myTest = "I am changed!"
}
alert(myTest);
}
testScope(); // will alert "I am changed!" function testScope() {
var myTest = true;
if (true) {
var myTest = "I am changed!"
}
alert(myTest);
}
testScope(); // will alert "I am changed!"
alert(myTest); // will throw a reference error, because it doesn't exist outside of the function <script type="text/javascript">
// a globally-scoped variable
var a = 1;
// global scope
function one()
{
alert(a);
}
// local scope
function two(a)
{
alert(a);
}
// local scope again
function three()
{
var a = 3;
alert(a);
}
// Intermediate: no such thing as block scope in javascript
function four()
{
if (true)
{
var a = 4;
}
alert(a); // alerts '4', not the global value of '1'
}
// Intermediate: object properties
function Five()
{
this.a = 5;
}
// Advanced: closure
var six = function ()
{
var foo = 6;
return function ()
{
// javascript "closure" means I have access to foo in here,
// because it is defined in the function in which I was defined.
alert(foo);
}
}()
// Advanced: prototype-based scope resolution
function Seven()
{
this.a = 7;
}
// [object].prototype.property loses to [object].property in the lookup chain
Seven.prototype.a = -1; // won't get reached, because 'a' is set in the constructor above.
Seven.prototype.b = 8; // Will get reached, even though 'b' is NOT set in the constructor.
// These will print 1-8
one();
two(2);
three();
four();
alert(new Five().a);
six();
alert(new Seven().a);
alert(new Seven().b);
</Script> var obj = {
value: 0,
increment: function() {
this.value+=1;
}
};
obj.increment(); //Method invocation <script type="text/javascript">
var value = 500; //Global variable
var obj = {
value: 0,
increment: function() {
this.value++;
var innerFunction = function() {
alert(this.value);
}
innerFunction(); //Function invocation pattern
}
}
obj.increment(); //Method invocation pattern
<script type="text/javascript">
Result : 500 <script type="text/javascript">
var value = 500; //Global variable
var obj = {
value: 0,
increment: function() {
var that = this;
that.value++;
var innerFunction = function() {
alert(that.value);
}
innerFunction(); //Function invocation pattern
}
}
obj.increment();
<script type="text/javascript">
Result : 1 var Dog = function(name) {
//this == brand new object ({});
this.name = name;
this.age = (Math.random() * 5) + 1;
};
var myDog = new Dog('Spike');
//myDog.name == 'Spike'
//myDog.age == 2
var yourDog = new Dog('Spot');
//yourDog.name == 'Spot'
//yourDog.age == 4 var createCallBack = function(init) { //First function
return new function() { //Second function by Constructor Invocation
var that = this;
this.message = init;
return function() { //Third function
alert(that.message);
}
}
}
window.addEventListener('load', createCallBack("First Message"));
window.addEventListener('load', createCallBack("Second Message")); myFunction.apply(thisContext, arrArgs); myFunction.call(thisContext, arg1, arg2, arg3, ..., argN);
var contextObject = {
testContext: 10
}
var otherContextObject = {
testContext: "Hello World!"
}
var testContext = 15; // Global variable
function testFunction() {
alert(this.testContext);
}
testFunction(); // This will alert 15
testFunction.call(contextObject); // Will alert 10
testFunction.apply(otherContextObject); // Will alert "Hello World” var o = {
i : 0,
F : function() {
var a = function() { this.i = 42; };
a();
document.write(this.i);
}
};
o.F();
Result :0 var p = {
i : 0,
F : function() {
var a = function() { this.i = 42; };
a.apply(this);
document.write(this.i);
}
};
p.F();
Result :42 var q = {
i: 0,
F: function F() {
var that = this;
var a = function () {
that.i = 42;
}
a();
document.write(this.i);
}
}
q.F(); 
this.http.get(url).subscribe(result => {
const item = result['results'][0];
this.lat = item.geometry.location.lat;
this.lng = item.geometry.location.lng;
this.zoom = 15;
},
error => {}
);