前端JS如何实现沙盒#sandBox#
欢迎来到feenan的藏宝洞!这里是我的第三个宝贝哦。如果讲的不对,当(huan)我(ying)没(zhi)说(zheng)。
某日在完成当日掘金任务的时候,刷到了一个帖子,帖子内容是关于面试中被问到如何实现一个无法访问到window,document,fetch的一个隔离环境。本人第一时间想到了属性描述符(懂的人先勿喷)。写到这里感觉自己是真的不会水文呀,想当年我写小说的时候,也是该水的时候不会水,不该水的时候,主角们的一个照面都能写800字,这么多年竟毫无长进。
如果你还不知道属性描述符的话,那么我们先浅介绍一下,
一.属性描述符 roperty Descriptor(属性描述符) 是一个普通对象,用于描述一个属性的相关信息。我们可以通过Object.getOwnPropertyDescriptor(对象, 属性名);就可以得到一个对象的某个属性的属性描述符。返回的属性描述符对象有以下几个属性:
value:属性值
configurable:该属性的描述符是否可以修改
enumerable:该属性是否可以被枚举
writable:该属性是否可以被重新赋值例 ...
原生Javascript实现Camera
欢迎来到feenan的藏宝洞 ! 这里是我的第二个宝贝哦,有眼光的宝子们看到就是赚到喽。
hhh,第二篇虽迟但到。
不管是老手还是新手们都常常会在学习过程中发现知识点真是太多啦!!!脑容量不够啦!!!!
今天又来喽,还有哪双大眼睛没有看老师?
要读懂本篇文章需要掌握的技能: js、 html。
一. 你还记得 Navigator 吗? 我们在详细学习BOM的核心:window 的时候,应该都有了解过这个构造函数,它的实例就是 window 上的 navigator 对象。当初我在学习的过程中只是了解到它包含了客户端浏览器的信息,有一些 userAgent,online 等属性便于我们获取浏览器版本、内核、以及联网状态等等讯息的。呵呵呵最近进一步了解之后才发现,我还在 js 学前班。 干货来了: navigator 上存在一个对象 mediaDevices(该对象可提供对相机和麦克风等媒体输入设备的连接访问,也包括屏幕共享),该对象也是我们本文的主角,它提供了一个API:getUserMedia, 能够直接获取到我们需要的媒体流。绝绝子呀,有这 ...
原生扫雷游戏实现(前端新手友好)
欢迎来到feenan的藏宝洞!. 这里是我的第一个宝贝哦.有眼光的宝子们看到就是赚到哈哈。
关于扫雷很多人都不会陌生,但是不一定大家都会玩。我在读六年级的时候,家里才有了电脑,我自然也就早早的接触到了作为装机游戏的扫雷,那个时候年纪小逻辑性也差,对于扫雷实则是开了九窍,一窍不通。但是当时非常痴迷另一款游戏:血战上海滩,哈哈感觉快跑题了。
去年学习了前端之后突然产生了我也要写一个扫雷游戏的冲动,由于当时没有学习react,vue等等框架,所以就直接使用了原生的JS。因此,前端新手绝对可以看懂此文哒!
接下来,让我为大家揭秘一下原生扫雷的核心逻辑吧!全部代码会在文末奉上,有需要的直接下拉到文末。
一.编程基础实现基础:JavaScript,css,html。
简单介绍该游戏:运行代码后,会直接生成初级难度的游戏实例,此时页面上会有一个由10 * 10个小方格组成的一个大的正方格,其中每一个格子支持右键和左键,右键插旗表示用户认为该处有雷,左键则直接展示一个数字,该数字表示周围的雷数,也可能左键点击直接点击到雷那么游戏结束。
二.网络扫雷游戏功能===本游戏实现功能1)左键点击后显示数字(游 ...