javascript z-index canvas index

javascript 高级编程系列 - 箭头函数

箭头函数是一种使用用箭头(=>)定义函数的新语法,它不同于传统的javascript函数。 没有this, super, arguments 和 new.target绑定: 箭头函数中的this, super, arguments, 及new.target 这些值由外围最近一层非箭头函数决定。 不能 ......
箭头 javascript 函数

javascript中的var,let,const区别

const: 这个最简单,只需记住是声明的常量,定义的时候必须声明const的具体值,且之后不允许改变const的值 var和let区别 1、由于js引擎存在预解析,会把var变量名进行提升 对于var来说是这样执行的 var m; console.log(m); m=10; let不存在变量提升, ......
javascript const var let

对JavaScript原型链结构和作用的简单分析

首先是分析一下主要零件(对象,函数对象),再分析他们的连接方式。就可以很直观的理解原型链了。 一、对象 每个对象都有一个constructor属性; 指向其构造函数。 还有一个__proto__属性 ; 指向其构造函数的原型对象。 因此一个普通对象大概长这个样子 二、函数对象 函数对象也是对象,因此 ......
原型 JavaScript 作用 结构

javascript 学习笔记2

参考资料:https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Building_blocks 条件语句: if (choice 'sunny') { para.textContent = '阳光明媚。穿上短裤吧!去海滩,或公园,吃个冰淇 ......
javascript 笔记

javascript 学习笔记

参考资料:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript JavaScript 调试器: https://develop ......
javascript 笔记

【php】 nginx配置重写域名,去除index.php的写法

在对应的vhost文件里面加上这一段 if (!-e $request_filename) { rewrite ^/index.php(.*)$ /index.php?s=$1 last; rewrite ^(.*)$ /index.php?s=$1 last; break;} 如图: 这一段写入n ......
写法 php 域名 nginx index

MariaDB start 报错:mysql-bin.index' not found (Errcode: 2) (Errcode: 13)

问题是修改配置log-bin=/data/mysql/binlog/mysql-bin后出现的。 报错:Errcode: 2 mkdir -p /data/mysql/binlog ## 和正常的DB节点比较可以看到没有binlog目录,创建目录之后没有这个报错。 报错:Errcode: 13 ch ......
Errcode mysql-bin MariaDB start mysql

SVG、Canvas、WebGL对比

SVG 使用XML描述2D图形 SVG中的元素和HTML元素一样,在输出图形前需要经过浏览器引擎的解析、布局计算和生成DOM树(SVG 元素太多时非常消耗性能),可以添加事件 SVG 对象的属性发生变化,浏览器自动重现图形 SVG绘制矢量图形,不依赖于终端设备的像素,可以随意放大缩小不会失真 适合场 ......
Canvas WebGL SVG

JavaScript 超大文件上传解决方案:分片断点上传(一)

​ IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传的下载: Accept-R ......
断点 JavaScript 解决方案 文件 方案

JavaScript 基础

JavaScript 01、JavaScript 概述 一、hello world 学习所有编程语言编写第一个程序的时候,都习惯性地编写 "hello world" 程序,学习 JavaScript 也是一样。作为我们编写的第一个 JavaScript 程序,我们将代码写在 html 这个文档中,b ......
JavaScript 基础

JavaScript 原型链

// linking prototype objects to build a prototype chain_proto_ vs Object.getPrototypeof(obj) Object.setPrototype0f(obj) //1. obj --> otherProto.protot ......
原型 JavaScript

JavaScript 浏览器打断点 Debugging

1. 下面我们看一个例子,这里是5+1=6,但是结果是51 console.log效率会比较低 2. debug可以暂停代码,和查看变量,按F12,看Sources 3. 展开鼠标类型,事件监听 em.....,说得有点笼统了 ......
JavaScript Debugging 浏览器

IT工具知识-15:在Chrome中通过Javascript获取B站合集视频选集名称及时长.

0.所需工具 chrome内核浏览器(我这里用的edge chromium) 1.操作步骤 打开b站视频链接(带选集的那种) 按下f12 点击控制台(Console) 在下面输入框输入以下代码 var box=document.getElementsByClassName('video-sectio ......
选集 时长 Javascript 名称 工具

JavaScript对象中常见的方法和不常见的方法

常见的方法: Object.assign() - 将一个或多个对象的属性复制到目标对象。 Object.keys() - 返回对象中所有属性的名称。 Object.values() - 返回对象中所有属性的值。 Object.entries() - 返回对象中所有属性和对应值的键值对数组。 Obje ......
常见 方法 JavaScript 对象

JavaScript学习--splice()函数详解

https://blog.csdn.net/weixin_45726044/article/details/120151153 splice()函数详解splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。 参数: index ......
JavaScript 函数 splice

设计模式-index

设计模式是个老生常谈的话题, 不同的人对此有不同的看法 新手可能会觉得设计模式难以理解, 并且也只与编程语言有关, 或者只与前端后端有关, 适用范围很窄 或者就干脆觉得这玩意儿没啥卵用, 写了那么一大坨只是让代码变得复杂难懂, 不如直接复制黏贴删删改改来得方便 老手可能会觉得设计模式就是yyds, ......
设计模式 模式 index

设计模式-javascript实现【代理模式】

定义: 代理模式是为一个对象提供一个代用品或占位符,以便控制对它的访问。 1. 代理模式的实现 const Flower = function(){}; const xiaoming = { sendFlower: function(target){ const flower = new Flowe ......
模式 设计模式 javascript

设计模式-javascript实现【设计原则】

1. 单一职责原则(SRP原则) 单一职责原则的职责被定义为“引起变化的原因”。如果我们有两个动机去改写一个方法,那么这个方法就具有 两个职责。每个职责都是变化的一个轴线,如果一个方法承担了过多的职责,那么在需求变迁过程中,需要改 写这个方法的可能性就越大。 因此,SRP原则体现为:一个对象(方法) ......
设计模式 javascript 原则 模式

在javascript的文章中sink指什么?

在介绍xss的英文文章中常看到sink这个词语。查了下: A sink is a potentially dangerous JavaScript function that can caused undesirable effects if attacker controlled data is ......
javascript 文章 sink

关于 Vue 列表渲染 key 绑定 index 的性能问题

今天在学习 React 文档,列表渲染一节中提及到一个关于 key 绑定索引值(index)性能的问题: React 官方文档原文:“如果列表项目的顺序可能会变化,我们不建议使用索引来用作 key 值,因为这样做会导致性能变差,还可能引起组件状态的问题”。 查阅网上的博客,确实有对 Vue 列表渲染 ......
性能 问题 index Vue key

JavaScript Scope All In One

JavaScript Scope All In One Global Scope / 全局作用域 Script Scope / 脚本作用域 Local Scope / 局部作用域 (函数作用域) Block Scope / 块级作用域 ( { } 作用域) Catch Block Scope / 捕... ......
JavaScript Scope All One In

javascript 给Object扩展extend方法

javascript 给Object扩展extend方法 mdj280759843 于 2011-04-12 13:16:46 发布 1006 收藏分类专栏: JS 文章标签: JavaScript jQuery UI prototype 框架 ViewUI版权 JS专栏收录该内容12 篇文章0 订 ......
javascript 方法 Object extend

前端性能精进之浏览器(五)——JavaScript

JavaScript 是一种通过解释执行的高级编程语言,同时也是一门动态、弱类型的直译脚本语言,适合面向对象(基于原型)和函数式的编程风格。 直译语言可以直接在解释器中运行,而与直译语言相对应的编译语言(例如 C++),要先将代码编译为机器码,然后才能运行。 不过直译语言有一个弱点,就是如果有一条不 ......
前端 JavaScript 浏览器 性能

深入了解 JavaScript 内存泄漏

在任何语言开发的过程中,对于内存的管理都非常重要,JavaScript 也不例外。但是如果我们对内存泄漏没有什么概念,就有可能因为内存泄漏,导致许多问题。了解内存泄漏,如何避免内存泄漏,都是不可缺少的。 ......
JavaScript 内存

JavaScript 中的一些奇怪问题

JavaScript 中的一些奇怪问题 JavaScript 在开发过程中可能会出现很多奇怪的问题,以下是一些示例: 1、变量提升问题 变量提升是 JavaScript 中一个常见的问题,特别是当没有充分理解变量作用域和声明提升时。以下是一个变量提升导致的问题示例: var a = 1; funct ......
JavaScript 问题

wxml2canvas爬坑之路

效果图: 前提: 公司要求生成一分报告并转为图片并保存,之前用canvas画过,但这次是在不想用canvas一点点画了,再往上找了n久,爬了n多坑,终于搞出来了 插件: wxml2canvas 一:下载插件 npm install wxml2canvas 二:构建npm 微信开发者工具: 工具 -- ......
wxml2canvas 2canvas canvas wxml2 wxml

如何在 JavaScript 中使用媒体查询

前言 说起媒体查询想必大家最先想到的都是CSS中@media,没错,这是我们最常用的媒体查询方法,主要用来为我们的网站做适配处理。 比如: h1 { font-size: 2rem; color: green; } @media (min-width: 600px) { h1 { font-size ......
JavaScript 媒体

JavaScript 日期和时间的格式化

一、日期和时间的格式化 1、原生方法 1.1、使用 toLocaleString 方法 Date 对象有一个 toLocaleString 方法,该方法可以根据本地时间和地区设置格式化日期时间。例如: const date = new Date(); console.log(date.toLocal ......
JavaScript 日期 格式 时间

JavaScript 中的 apply、call、bind

一、常规 在 JavaScript 中,apply、call、bind 是三个与函数调用相关的方法,它们都允许你在调用函数时手动设置函数的上下文(即 this 指向)。 1、apply 方法:apply 方法允许你调用一个函数,并且手动设置函数的上下文(即 this 指向)以及传递一个参数数组。其语 ......
JavaScript apply call bind

深入理解JavaScript对象

前言 在 JavaScript 中,对象是一种非常常见的数据类型,几乎每个程序员都会在日常工作中频繁地使用对象。在本篇文章中,我们将深入了解 JavaScript 对象的一些基本概念和一些高级概念,这些概念对于我们正确理解对象在 JavaScript 中的行为非常重要。 对象的基本概念 在 Java ......
JavaScript 对象