到底什么是 WebAssembly?WebAssembly,也叫 Wasm,是一种为 Web 优化的代码格式和 API(应用编程接口),它可以大大提高网站的性能和能力。WebAssembly 的 1.0 版本于 2017 年发布,并于 2019 年成为 W3C 官方标准。该标准得到了所有主流浏览器供应商的积极支持,原因显而易见:官方列出的 “浏览器 ......
509
0
0
2022-04-08
介绍PhotoSwipe是一个JavaScript库,没有依赖项。要说唯一的依赖项那就是Vanilla.js(原生js),因此你可以在你的任何Web项目中使用,包括主流的Vue、React、Angular以及传统jQuery的项目。PhotoSwipe可以被用到各种大中小型项目当中,并且PC和移动端完美支持!Githubhttps://github.com/ ......
436
0
0
2022-04-08
受制于同源策略,一个域去请求另一个域的资源时,就会出现跨域的现象,而在我们开发中,经常需要跨域去请求资源(例如:本地localhost,去请求测试环境的资源),所以我们也就需要一些方法去解决这个跨域的问题复制代码一、使用jsonp 解决跨域缺点:不安全,容易造成xss攻击;只能是GET请求原理:1.<script>标签的src属性不受同源策略的限 ......
322
0
0
2022-04-08
导读本文从绘图基础开始讲起,详细介绍了如何使用Three.js开发一个功能齐全的全景插件。我们先来看一下插件的效果:如果你对Three.js已经很熟悉了,或者你想跳过基础理论,那么你可以直接从全景预览开始看起。本项目的github地址:https://github.com/ConardLi/tpanorama#一、理清关系#1.1 OpenGLOpenGL是 ......
367
0
0
2022-04-08
前言今天这篇文章我们聊一聊websocket,上篇文章说到的SSE只能单向传递数据,而websocket是全双工的,可以双向传递数据!当我们遇到需要互相实时通信的场景时就可以使用它,比如聊天等!客户端使用在页面上的使用还是非常简单的,和上一篇的SSE类似,代码如下:图1浏览器提供了原生接口WebSocket,使用它的实例然后绑定几个事件就可以使用了!WebS ......
407
0
0
2022-04-07
介绍在我们日常的开发中,特别是在现代的社会环境下,二维码的应用可谓是丰富多彩,各种各样让人眼花缭乱的二维码,可见二维码已经渗透进我们生活的方方面面,也可以说目二维码确确实实方便了我们的生活。因为作为开发人员,很多项目都会用到二维码,最多的莫过于生成二维码,而如今Web应用盛行,那么就有这样一个二维码生成的Javascript库诞生了,它仅仅依赖与canvas ......
376
0
0
2022-04-07
我们坚持使用 web 系统可以理解或不需要太多努力就能理解的特殊格式,而且对人类可读性特别有用的格式。每个都有各自的优缺点和适当的用例场景。-- Tim Anderson一段超级严肃的关于样本序列化的集合、子集和超集的文字我是一名开发者,我读代码,我写代码,我写会写代码的代码,我写会写出供其它代码读的代码的代码。这些都非常火星语,但是有其美妙之处。然而,最后 ......
411
0
0
2022-04-07
不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程语言,所以我们可以得出结论:javascript是按照语句出现的顺序执行的看到这里读者要打人了:我难道不知道js是一行一行执行的?还用你说?稍安勿躁,正因为js是一行一行执行的 ......
382
0
0
2022-04-07
网页右键菜单,是可以自定义的,用JS就可以实现。当在网页中点击右键时,出现的是我们自己设定的菜单。效果展示:这是默认的右键菜单是完全不同的,可以实现很多功能。实现这样一个右键菜单,其实很简单。只需简单三步。1、首先是风格定义,用于设定菜单的外形、位置:2、其次,是菜单内容。这里可以增加链接、功能等等:3、最后是JS代码,用于控制菜单显现:额外知识如果你在右键 ......
417
0
0
2022-04-07
前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来。现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容。HTML篇浏览器地址栏运行 ......
397
0
0
2022-04-06
首先 小学生在这里 祝大家 元旦快乐!!!!!懒加载使用场景在一些图片量比较大的场景(电商首页,小程序首页等),如果我们打开页面时就加载所有的图片,那势必会导致页面的卡顿以及白屏,给用户不好的体验,导致用户流失。但是我们仔细想一下,用户真的需要我们显示所有图片一起展示吗?其实并不是,用户看到的只是浏览器可视区域的内容。所以从这个情况我们可以做一些优化,只显示 ......
471
0
0
2022-04-06
本质是有区别的,socket是一个长连接,启动后会一直连接,而且服务端和客户端都可以主动发送信息,主要用于实时通讯和业务推送等,ajax就是一个短连接。只能有客户端发起请求,然后一次请求完成之后就关闭了。1.本质不同Ajax,即异步JavaScript和XML,是一种创建交互式网页应用的网页开发技术;WebSocket是HTML5一种新的协议,实现了浏览器与 ......
397
0
0
2022-04-06
在家隔离2个多月的时间里,看了很多关于滑动验证码的破解技术博客,大多使用 Selenium、Webdriver 等技术破解的,我也尝试了破解xxxx网站,效率蛮低的,满足不了实时数据更新的需求,然后看到一些高级爬虫前辈直接通过解密 JavaScript 参数破解。效率高并且成功率是100%,但是难度非常的大。目前,对于这一类的滑动验证码,网上常见的一个破解方 ......
646
0
0
2022-04-06
一向以活好著称的我给大家来点精华,不搞假大空,直接上实操,不用看懂,收藏就完了,以后你肯定会用到的。今天带来的是前端开发中经常碰到的数字问题,解决方式有些过于粗暴,未来还会不断美化更新。也欢迎大家关注我的Github(点击原文链接),共同学习,共同提高。编者不才,如有问题,欢迎雅正,若有收获,请尽情用star羞辱我。充分利用JavaScript自带原生方法解 ......
366
0
0
2022-04-06
​web端产品经理在日常操作系统时,难免会遇到BUG。由于一个系统是由前端开发工程师和后端开发工程师共同开发的,产品经理在提BUG时,如果能定位到问题是出在前端还是后端,提供有价值的信息给到开发工程师,这样能大大提高彼此的工作效率。运用“F12”键打开“开发者工具”,就能灵活定位系统前后端BUG。开发者工具的基本介绍“开发者工具”常用于网站界面测试、调试,分 ......
614
0
0
2022-04-06