整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
现代的JavaScript中，对象是不可分割的，对对象周围的主题有很强的理解是编写更好的JavaScript所必需的。您可以用JavaScript以四种方式创建对象。
一旦知道如何创建对象，您可能希望了解对象属性描述符。综上所述，假设您有一个对象——cat：
var cat = {
name: 'foo',
age: 9
}
每个对象属性包含的信息不仅仅是一个值。例如，可以使用object.getownPropertyDescriptor方法打印其他属性信息。
1
console.log(Object.getOwnPropertyDescriptor(cat, 'name'));
在控制台上，可以看到属性名提供了更多信息：
很明显，如果将writable设置为true，则可以重写属性值等。您可以在此处阅读有关javascript对象属性描述符的更多信息。
到目前为止，您已经了解了对象属性描述符，因此如果需要将属性设置为只读，您将把该属性设置为可写。
Object.defineProperty(cat, 'name', { writable: false });
下一步，让我们讨论一下更改JavaScript对象默认行为的更多要求。
防止对象具有新属性
除要求1外，将所有可配置的属性标记为假
除了要求2之外，还应使所有属性都可写为false
从ECMA 6开始，您有实现上述要求的方法。让我们一个接一个地拿着：
Object.preventExtensions
比如说，你有一个对象——cat：
var cat = {
name: 'foo',
age: 9
}
使用默认行为，您可以向JavaScript对象添加属性。因此，可以进行以下操作：
cat.color = 'black';
console.log(cat.color); // black
要防止默认行为在对象中动态添加属性，需要使用object.preventextensions（）。此方法阻止对象添加新属性。
Object.preventExtensions(cat);
cat.color = 'black';
console.log(cat.color); // undefined
在对象上使用object.preventextensions之后，如果添加新的属性颜色，javascript将忽略它，并且作为输出，您将得到未定义的。
如果javascript处于严格模式，则如果向不可扩展的对象添加新属性，则会出现错误。
'use strict'
var cat = {
name: 'foo',
age: 9
}
Object.preventExtensions(cat);
cat.color = 'black';
console.log(cat.color); // error thrown
在严格模式下，您将收到一个错误，消息传递非常清楚，即“cannot add property, object is not extensible”
总而言之，您应该使用object.preventextensions方法来防止向对象添加新属性。
Object.seal
假设你想封一个物体，意思是：
可以使用object.seal（）方法密封对象。让我们再次考虑一个对象——cat：
var cat = {
name: 'foo',
age: 9
}
您不希望将新属性添加到cat中，并且所有属性的可配置性都应设置为false。可以使用object.seal（）方法执行此操作：
Object.seal(cat);
cat.color = 'black';
console.log(cat.color); // undefined
console.log(Object.getOwnPropertyDescriptor(cat, 'name'));
因为您有一个密封的对象作为输出，所以您将得到未定义和可配置的设置为false。
总而言之，应该使用object.seal（）来密封对象。您将无法添加新属性，并且将配置设置为“false”。
Object.freeze
假设你想冻结一个物体，意思是：
可以使用object.freeze（）方法冻结对象。它本质上调用object.seal（）方法，并将可写属性设置为false。
让我们考虑一个对象——cat：
var cat = {
name: 'foo',
age: 9
}
不应将新属性添加到对象中，所有属性的可配置性应设置为false，属性的可写性应设置为false。可以使用object.freeze（）方法执行此操作：
Object.freeze(cat);
cat.age = 10;
cat.color = 'black';
console.log(cat.age); //9
console.log(cat.color); // undefined
console.log(Object.getOwnPropertyDescriptor(cat, 'name'));
由于您已经冻结了对象，作为输出，您将得到未定义、9和可配置和可写设置为false。
总而言之，应该使用object.freeze（）冻结对象。一旦冻结对象，就不能添加新属性或重写属性值，而configurable将设置为false。
总结
在使用JavaScript中的对象时，您需要对创建对象的不同方法有很强的理解。非常需要属性描述符、object.seal、object.preventextensions和object.freeze。希望你现在能更好地理解这些概念。
点击“了解更多”下载产品最新版
↓↓↓
、定义
<meta> 标签提供关于 HTML 文档的元数据。它不会显示在页面上，但是对于机器是可读的。可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。
2、作用
meta里的数据是供机器解读的，告诉机器该如何解析这个页面，还有一个用途是可以添加服务器发送到浏览器的http头部内容，例如我们为页面中添加如下meta标签：
浏览器的头部就会包括这些:
只有浏览器可以接受这些附加的头部字段，并能以适当的方式使用它们时，这些字段才有意义。
3、meta的必需属性和可选属性
meta的必需属性是content，当然并不是说meta标签里一定要有content，而是当有http-equiv或name属性的时候，一定要有content属性对其进行说明。例如：
必需属性
<meta name="keywords" content="HTML,ASP,PHP,SQL">
这里面content里的属性就是对keywords进行的说明，所以呢也可以理解成一个键值对吧，就是{keywords:"HTML,ASP,PHP,SQL"}。
可选属性
在W3school中，对于meta的可选属性说到了三个，分别是http-equiv、name和scheme。考虑到scheme不是很常用，所以就只说下前两个属性吧。
http-equiv
http-equiv属性是添加http头部内容，对一些自定义的，或者需要额外添加的http头部内容，需要发送到浏览器中，我们就可以是使用这个属性。在上面的meta作用中也有简单的说明，那么现在再举个例子。例如我们不想使用js来重定向，用http头部内容控制，那么就可以这样控制：
<meta http-equiv="Refresh" content="5;url=http://blog.yangchen123h.cn" />
在页面中加入这个后，5秒钟后就会跳转到指定页面啦，效果可看W3school的例子
name
第二个可选属性是name，这个属性是供浏览器进行解析，对于一些浏览器兼容性问题，name属性是最常用的，当然有个前提就是浏览器能够解析你写进去的name属性才可以，不然就是没有意义的。还是举个例子吧:
<meta name="renderer" content="webkit">
这个meta标签的意思就是告诉浏览器，用webkit内核进行解析，当然前提是浏览器有webkit内核才可以，不然就是没有意义的啦。当然看到这个你可能会有疑问，这个renderer是从哪里冒出来的，我要怎么知道呢？这个就是在对应的浏览器的开发文档里就会有表明的，例如这个renderer是在360浏览器里说明的。360浏览器内核控制Meta标签说明文档
常用meta标签大总结
接下来就是常用的meta标签大总结啦，我会尽可能的做到全
charset
charset是声明文档使用的字符编码，解决乱码问题主要用的就是它，值得一提的是，这个charset一定要写第一行，不然就可能会产生乱码了。
charset有两种写法
两个都是等效的。
百度禁止转码
百度会自动对网页进行转码，这个标签是禁止百度的自动转码
<meta http-equiv="Cache-Control" content="no-siteapp" />
SEO 优化部分
viewport
viewport主要是影响移动端页面布局的，例如：
content 参数：
各浏览器平台
Microsoft Internet Explorer
Google Chrome
360浏览器
UC手机浏览器
UCBrowser_U3_API
QQ手机浏览器
Apple iOS
Google Android
App Links
最后——移动端常用的meta
频影像冻结帧后变成一份报纸的页面，创意的效果令人印象深刻
压缩包内含视频教程，可以学习到这里冻结帧的制作方法
视频预览
https://v.qq.com/x/page/l3000iw53lp.html
图片预览
【版本要求】建议使用 AE CS6 或更高的AE版本打开
【插件要求】该AE模板不需要任何第三方插件
【模板尺寸】1920*1080
【时间长度】1:20
【文件大小】30.8M
点击了解更多，免费获取该模板
*请认真填写需求信息，我们会在24小时内与您取得联系。
