2021必修 首门CSS架构系统精讲 理论+实战玩转蘑菇街

download:2021必修 首门CSS架构系统精讲 理论+实战玩转蘑菇街

CSS代码越来越臃肿难维护？前期编程不重视，后期重构累秃头？ 本课程基于CSS开发中的痛点问题，通过高仿蘑菇街项目，带你从0到1构架自己的CSS代码，形成一套成熟的易维护、易扩展、易复用的架构思想。不管是架构还是技巧层面，都能玩转CSS！

技术适合人群要求
工作2-5年的前端工程师
技术储备要求
掌握前端基础（HTML+CSS+JS）
对Vue+ Scss有基本了解
技术参数
Vue3.0、CSS3、Sass、Webpack4

在MongoDB中OjbectId 类型Json序列化反序列化会出错，可以通过以下两种方式解决

1、最简单粗暴的方法，从新定一个一个业务主键比如key,这样的话等于之前的_id不起作用了

2、使用JsonConverter

public class ObjectIdConverter : JsonConverter
{
public override bool CanConvert(Type objectType)
{
return objectType == typeof(ObjectId);
}

public override object ReadJson(JsonReader reader, Type objectType, object existingValue, JsonSerializer serializer){if (reader.TokenType != JsonToken.String){throw new Exception(String.Format("Unexpected token parsing ObjectId. Expected String, got {0}.",reader.TokenType));}var value = (string)reader.Value;return String.IsNullOrEmpty(value) ? ObjectId.Empty : new ObjectId(value);}public override void WriteJson(JsonWriter writer, object value, JsonSerializer serializer){if (value is ObjectId){var objectId = (ObjectId)value;writer.WriteValue(objectId != ObjectId.Empty ? objectId.ToString() : String.Empty);}else{throw new Exception("Expected ObjectId value.");}}}

在ObjectId字段上加一行代码即可

[JsonConverter(typeof(ObjectIdConverter))]
public string _id { get; set; }
如果使用Newtonsoft的JsonConvert的话，还需要额外加上参数

JsonConvert.DeserializeObject<xxxx>(json,new ObjectIdConverter());

3、通过Ignore,一种很有技巧性的写法

[JsonIgnore]
public override ObjectId _Id { get; set; }

[BsonIgnore]
public string _IdStr
{
get
{
return Id.ToString();
}
set
{
ObjectId id;
ObjectId.TryParse(value, out id);
Id = id;
}
}