浏览器 事件js ie
为什么js引擎是单线程？
为什么js引擎是单线程？ js的主要用途是与用户互动，以及操作DOM，这决定它只能是单线程。例：一个线程要添加DOM节点，一个线程要删减DOM节点，容易造成分歧。 为了更好使用多CPU，H5提供了web Worker 标准，允许js创建多线程，但是子线程受到主线程控制，而且不得操作DOM。 说说进程 ......
Three.js教程：WebGL渲染器设置(锯齿模糊)
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 WebGL渲染器设置(锯齿模糊) 一般实际开发，threejs的WebGL渲染器需要进行一些通用的基础配置，本节课给大家简单介绍下,比如渲染模糊或锯齿问题。 渲染器锯齿属性.antialias 设置渲染器锯齿属性.an ......
Js 变量提升
一、解释：所谓JS “变量提升”，即变量可以在声明之前使用，值为undefined。 比如 a = 1; var a; console.log(a); 上述代码，如果按照自上而下的执行顺序的话，按理来说，应该输出 undefined，但是JavaScript 严格意义上并不是自上而下执行的语言。这段 ......
Three.js教程：阵列立方体和相机适配体验
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 阵列立方体和相机适配体验 本节课通过阵列一片立方体，进一步体验下透视投影相机的投影规律。 for循环创建一列模型 const geometry = new THREE.BoxGeometry(100, 100, 100 ......
js 获取当前时间
``` getNow(){ let date = new Date(); let y = date.getFullYear(); let m = date.getMonth() + 1; let d = date.getDate(); let H = date.getHours(); let mm ......
实时渲染前沿研究：在浏览器上实现了Facebook提出的DLSS算法
大家好，我基于[WebNN](https://github.com/webmachinelearning/webnn/blob/main/explainer.md)在浏览器上实现了2020年Facebook提出的Neural-Supersampling-for-Real-time-Rendering ......
Vue（七）事件处理
一、基本的事件处理 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基本的事件</title> <script type="text/javascript" src="../js/vue.js"></script> </head ......
前端面试题之HTML和浏览器
## 00-一些术语 - DTD：Document Type Definition文档类型定义，是一组机器可读规则，定义XML和HTML的特定版本中所有允许元素及它们的属性和层次关系的定义。DTD对HTML文档的声明会影响浏览器的渲染模式。 - SGML：标准通用标记语言，是一种定义电子文档结构和描 ......
【JS基础】instanceof 和 typeof
instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。 object instanceof constructor typeof 运算符返回一个字符串，表示操作数的类型。 typeof operand console.log(' instanceo ......
【JS基础】hasOwnProperty 和 isPrototypeOf
hasOwnProperty 检查对象是否含有某个属性，无法检查其原型链上是否含有该属性 isPrototypeOf 检查一个对象是否存在于另一个对象的原型链上，比如parent.isPrototypeof(child)检查 parent 对象是否在 child 对象的原型链上 console.lo ......
nvm（Node Version Manager）安装管理多个版本的 Node.js 和 npm。
本文转载自：nvm（Node Version Manager）安装管理多个版本的 Node.js 和 npm。 更多内容请访问钻芒博客：https://www.zuanmang.net 在使用 npm 安装多个版本的软件包时，需要使用 Node.js 的版本管理工具 – n 或 nvm（Node V ......
JS（运算符、流程控制）
一 运算符（操作符） 1 运算符的分类 运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。 JavaScript中常用的运算符有： 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 2 算数运算符 算术运算符概述 概念：算术运算使用的符号，用于 ......
Three.js教程：高光网格材质Phong
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 高光网格材质Phong 高光网格材质MeshPhongMaterial和基础网格材质MeshBasicMaterial、漫反射网格材质MeshLambertMaterial一样都是网格模型的Mesh的材质。 高光网格材 ......
js中new Map ( )的使用场景
当有一组数据： ``` let arr = [ { name: '钢筋', value: 11 }, { name: '水泥', value: 12 }, { name: '混凝土', value: 13 }, { name: '加气砖', value: 14 } ] ``` 后台返回了一个13，但 ......
浏览器内核讲解
浏览器内核是浏览器的核心部分负责解释网页语法并渲染网页，也叫渲染引擎。渲染引擎决定了浏览器如何显示网页内容和页面的格式信息。不同的浏览器内核对网页编写语法的解释也不相同，因此同一网页在不同内核的浏览器里的渲染效果也不同。 Trident内核 代表IE浏览器，只能用于windows平台，并不是开源的 ......
组件自定义事件(子传父组件)-$emit
案例：将子组件Student中的name传给父App组件 Student组件 <template> <div class="student"> <h3>学生姓名：{{name}}</h3> <h3>学校性别：{{sex}}</h3> <button @click="sendStuName">点我把学 ......
前端缓存【http缓存 | 浏览器缓存】
一、前端缓存分类【http缓存|浏览器缓存】 1、http缓存分类：强缓存 协商缓存 都是服务端设置 HTTP Header 来实现的 （1）强缓存 不需要发送请求到服务端，直接读取浏览器本地缓存 // 在 Chrome 的 Network 中显示的 HTTP 状态码是 200 在 Chrome 中 ......
js中的splice用法
非常感谢原博主,在菜鸟教程上给我看蒙了,看完这篇感觉清晰了很多,感谢:https://so.csdn.net/so/search?q=splice&spm=1001.2101.3001.7020 # splice()函数详解 > splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改 ......
浏览器本地储存
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>localStor ......
介绍CocosCreator系统事件是怎么产生及触发的
这篇文章主要介绍了CocosCreator系统事件是怎么产生及触发的，虽然内容不少，但是只要一点点抽丝剥茧，具体分析其内容，就会豁然开朗 目录 环境 概要 模块作用 涉及文件 源码解析 CCGame.js CCInputManager.js 事件是怎么从引擎到节点的？ CCEventManager. ......
[转]火狐浏览器访问github提示：未连接：有潜在的安全问题...github.com 启用了被称为 HTTP 严格传输安全（HSTS）的安全策略，Firefox 只能与其建立安全连接。
火狐浏览器访问github，提示： 未连接：有潜在的安全问题； Firefox 检测到潜在的安全威胁，并因 github.com 要求安全连接而没有继续。如果这种情况是因为使用DevSidecar而引起的，可以使用以下方式解决： 在地址栏输入：about:config 在搜索框输入：security ......
浏览器的回流和重绘
1、回流重绘的概念 回流：当Render Tree中部分或全部元素的尺寸、结构、或某些属性发生改变时，浏览器重新渲染部分或全部文档的过程 重绘：当页面中元素样式的改变并不影响它在文档流中的位置时，浏览器会将新样式赋予给元素并重新绘制它的过程 浏览器使用流式布局模型 (Flow Based Layou ......
js中的预解析
1. js 中的声明 声明就是 变量的声明和函数的声明, 其目的是让 js 解释引擎知道有什么东西. 声明时不参与运算的, 是不参与执行的, 是在预解析阶段就完成的. 变量的声明 // 变量的声明就是 var 变量名. var num = 123; // 这是一个语法糖,可以理解成 var num; ......
定义一个JS数组去重的方法
1、思路：定义一个新数组，并存放原数组的第一个元素，然后将元素组一一和新数组的元素对比，若不同则存放在新数组中 function unique(arr) { let newArr = [arr[0]]; for (let i = 1; i < arr.length; i++) { let repea ......
添加一段代码，让你的网站在微信QQ提示使用浏览器访问
<script> // 跳转提示 if (is_weixn_qq()) {; window.location.href = 'https://c.pc.qq.com/middle.html?pfurl='+window.location.href; } function is_weixn_qq(){ ......
【技术积累】Vue.js中的基础概念与语法【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
Three.js教程：Threejs常见几何体简介
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 Threejs常见几何体简介 Three.js提供的几何体API很多，本节课先给大家介绍几个比较简单的案例，为后面的学习打下基础。 你可以结合threejs文档，把下面动手把下面几何体相关代码全部测试一遍，并预览3D效 ......
JS中的数组的some()方法
some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。 some() 方法会依次执行数组的每个元素： 如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。 如果没有满足条件的元素，则返回false。 注意： some() 不会对空数组进行检测。 注意： some ......
Vue / uniapp cart.js购物车
const cart = { namespaced: true, state: { //{"store_id":"","goods_id":"", "goods_name":"", "goods_price":"", "goods_count":"", "goods_small_logo":"", ......
浏览器插件管理工具 auto-extension-manager
## 背景 最初的需求是，能够根据当前 TAB 的 URL，自动打开或者关闭某些浏览器插件。找到了一个扩展管理工具（本身也是个扩展），有类似的功能，但却失效了，而且作者看起来没有再维护了。 所以，就自己写了一个。 ## 插件 [JasonGrass/auto-extension-manager: a ......