轻量 轻量级javascript趣味
04_JavaScript DOM编程_基础篇
一、JavaScript DOM 概述 1.1、DOM概念 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理超文本标记语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格 ......
05_JavaScript DOM编程_特效篇
一、JavaScript操作表格 1.1、操作表格API 1、HTML DOM中，给table操作提供了一些属性和方法。 table元素节点的独有属性和方法: 属性或方法 说明 caption 保存着<caption>元素的引用 tBodies 保存着<tbody>元素的HTMLCollection ......
06_JavaScript 高级
一、浏览器深入解析 https://www.cnblogs.com/1rookie/p/7832930.html https://segmentfault.com/a/1190000018428170 1.1、浏览器的组成 浏览器在不断的演变中，并没有被要求呈现出一种特定的形态，但基本包括了如用 ......
理解 JavaScript 的 async/await
1. async 和 await 在干什么 任意一个名称都是有意义的，先从字面意思来理解。async 是“异步”的简写，而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。 另 ......
JavaScript运算符及优先级
一、算数运算符 算术运算符（+，-， *，/，%【重要】，++【重要】，--） 其中 + 的左边和右边有 " ", 表示拼接 i++，表示先赋值后+1 ++i ，表示先+1后赋值 同理减法也是如此 算数运算中，+ 可以进行隐式迭代，将字符串数字转化为Number类型 alert(typeof(+'5 ......
一个重量级HTTP api的304优化分析与突发失效问题解决
背景 最近查看nginx log排查问题时，意外中发现重量级的主页 list api 304比例已暴跌至不到1%，之前该比例长期维持在30%以上，近期也未改动过相关逻辑，跟进后最终发现是服务端本地cache混用导致的问题。 304优化原因 app每次冷启初始化时都会请求重量级的HTTP主页list ......
轻量级 IDE & 文本编辑器 Geany 发布 2.0
Geany 是功能强大、稳定、轻量的开发者专用文本编辑器，支持 Linux、Windows 和 macOS，内置支持 50 多种编程语言。 2005 年Geany 发布首个版本 0.1。上周四刚好是 Geany 诞生 18 周年纪念日，官方发布了 2.0 正式版以表庆祝。 下载地址：https:// ......
ELK 不香了！我用 Graylog，轻量多了...
作者：Escape 来源：https://www.escapelife.site/posts/38c81b25.html 服务日志收集方案：Filebeat + Graylog！ 当我们公司内部部署很多服务以及测试、正式环境的时候，查看日志就变成了一个非常刚需的需求了。是多个环境的日志统一收集，然后 ......
JavaScript数据类型的转换
一、字符串类型的转换 1、自动转换 <script> var str = 'hello'; var num = 100; console.log(str+num); console.log(typeof (str+num)); </script> 2、强制转换 String（），object.toS ......
JavaScript 中的单例模式
单例模式是 JavaScript 中最流行的设计模式之一。 单例模式的优点 全球访问点：提供对实例的单点访问，可以轻松管理全球资源。 内存效率：该模式确保只有一个实例，这特别节省内存。 延迟初始化：仅在需要时才创建实例，从而提高性能 这是一种创建模式，可确保类只有一个实例，同时提供对该实例的全局访问 ......
如何避免JavaScript中的内存泄漏？
前言 过去，我们浏览静态网站时无须过多关注内存管理，因为加载新页面时，之前的页面信息会从内存中删除。 然而，随着单页Web应用（SPA）的兴起，应用程序消耗的内存越来越多，这不仅会降低浏览器性能，甚至会导致浏览器卡死。因此，在编码实践中，开发人员需要更加关注与内存相关的内容。因此，小编今天将为大家介 ......
javascript的一些API接口的使用
1.blob http URL 在编辑器中，有的情况下插入图片，会讲图片转成 blob:http://localhost/*** 的这种形式。这种形式的URL实际数据是存放在浏览器的内存中。 这种情况下如何读取这个URL的具体内容呢 点击查看代码 async readStreamAndEncodeB ......
Windows 10中，可以使用以下批处理脚本来禁用Internet Explorer的Javascript错误提示
Windows 10中，可以使用以下批处理脚本来禁用Internet Explorer的Javascript错误提示： @echo off reg add "HKCU\Software\Microsoft\Internet Explorer\Main" /v "Disable Script Debu ......
Windows 10中，可以使用以下PowerShell脚本来禁用Internet Explorer的Javascript错误提示
Windows 10中，可以使用以下PowerShell脚本来禁用Internet Explorer的Javascript错误提示 禁用脚本调试器 Set-ItemProperty -Path "HKCU:\Software\Microsoft\Internet Explorer\Main" -Na ......
JavaScript ES6 类的继承和构造函数图
https://www.bilibili.com/video/BV15S4y1N7Mu?p=13&vd_source=f47173c6ece362dfbe9a439ae6addcce ......
JavaScript复习——02
代码块 写法： {} 使用代码块，可以对代码进行分组，同一个代码块中的代码就是同一组代码，一个代码块中的代码，要么都执行，要么都不执行 let 和 var的区别 在JS中，let声明的变量具有块级作用域 var声明的变量，不具有块级作用域 var声明的变量会将变量的声明提至最前 对象 原始值只能表示 ......
JavaScript代码，鼠标放上去显示一张图片
<!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>First C</title> </head> <body> <h1 >hello world</h1> <input type="button" value="clickme ......
一个轻量级golang ORM框架gdbcTemplate
今天介绍一个自己写的轻量级golang ORM框架gdbcTemplate, 目前支持mysql, postgresql等数据库 项目地址位于 https://github.com/guoapeng/gdbctemplate 以下摘自readme文件, 里面有示例供参考. 1. readme fil ......
如何用JavaScript更改元素的类？
内容来自 DOC https://q.houxu6.top/?s=如何用JavaScript更改元素的类？ 我该如何使用JavaScript响应onclick或其他事件来更改HTML元素的类？ 现代HTML5技术用于更改类 现代浏览器添加了classList，它提供了更方便地操作类的方法，而无需使用 ......
2D物理引擎 Box2D for javascript Games 第六章 关节和马达
2D物理引擎 Box2D for javascript Games 第六章 关节和马达 关节和马达 到现在你所见到的所有类型的刚体有着一些共同点：它们都是自由的并且在除碰撞的请款之外，彼此没有依赖。 有时你可能想要刚体之间进行约束。 如果你试想一下粉碎城堡（Crush the Castle）这款游戏 ......
JavaScript 中的this
在 JavaScript 中，this 关键字的行为使其有别于其他编程语言。与某些语言在编译时确定的不同，在 JavaScript 中，它是根据函数的调用方式在运行时动态绑定的。这意味着每次调用该函数时 this 的值都会有所不同。 函数上下文 类上下文 回调 构造函数等用到 ......
JavaScript 数组存储方式及对象
一、数组的存储 1、当声明一个变量时，var a = 111; 在后台计算机翻译时，var声明 a变量 所以此时会产生一个栈内存，变量 a 的初始值为undefined，然后 = 111 ； undefined消失，111的值被赋值给了a。如果多个变量赋值的话，栈内存的执行顺序是先进后出的顺序。也叫 ......
在JavaScript中创建多行字符串
内容来自 DOC https://q.houxu6.top/?s=在JavaScript中创建多行字符串 在JavaScript中，等效的代码如下： const text = `This Is A Multiline String`; 更新： ECMAScript 6（ES6）引入了一种新的字面量类 ......
在JavaScript中如何格式化日期？
内容来自 DOC https://q.houxu6.top/?s=在JavaScript中如何格式化日期？ 如何将Javascript的Date对象格式化为字符串？（最好格式为：10-Aug-2010） 要自定义分隔符的日期格式，您需要从DateTimeFormat对象中提取日期（或时间）组件，然后 ......
JavaScript基础入门笔记
5 JavaScript 5.1 JavaScript简介 JavaScript 是一门跨平台、面向对象的脚本语言，而Java语言也是跨平台的、面向对象的语言，只不过Java是编译语言，是需要编译成字节码文件才能运行的；JavaScript是脚本语言，不需要编译，由浏览器直接解析并执行。 JavaS ......
javascript 静默打印 chrome 静默打印
同事遇到这样一个需求:在Chrome浏览器中希望可以静默打印，直接打印 查了些资料,发现Chrome本身的设置就可以满足, 同时Chrome的一些其他设置可以用在软件开发中. 在地址栏敲: about:flags ,打开设置界面: 停用（无此选项则跳过）:Enable Print Preview R ......
如何遍历或枚举JavaScript对象？
内容来自 DOC https://q.houxu6.top/?s=如何遍历或枚举JavaScript对象？ 我有一个如下的JavaScript对象： var p = { "p1": "value1", "p2": "value2", "p3": "value3" }; 如何遍历p的所有元素（p1、p ......
JavaScript的基础语法和数据类型
一、什么是JavaScript JavaScript是用于实现用户交互、动态控制文档的外观和内容,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言 二、JavaScript的三种引入方式 1、引入.js后缀的文件，注意一般外部引入js的文件，放在b ......
JAVASCRIPT 上传文件的几种方式
方法1：使用ajax，通过formdata传参 //注意：FormData只兼容到IE10 var formData = new FormData(); var file = $('.import-file-btn').get(0).files[0]; formData.append('file', ......
JavaScript的数组在不同场景的使用
比如什么时候一个新的数组 什么时候还是原来数组 什么时候获取数组下标等等 https://www.bilibili.com/video/BV1vA4y197C7?p=155&spm_id_from=pageDriver&vd_source=f47173c6ece362dfbe9a439ae6addc ......