javascript codegeex技巧
JavaScript事件
JavaScript事件 键盘事件：keypress键盘事件，keyup抬起，keydown按下 文档：load加载 表单：focus获得焦点，blur失去焦点，submit提交事件，change改变事件 其他：scroll滚动事件，select start选择事件 1. event事件对象常见的属 ......
JavaScript事件
JavaScript事件 键盘事件：keypress键盘事件，keyup抬起，keydown按下 文档：load加载 表单：focus获得焦点，blur失去焦点，submit提交事件，change改变事件 其他：scroll滚动事件，select start选择事件 1. event事件对象常见的属 ......
JavaScript事件
一、 JavaScript事件 在前端中，页面的每次交互和特效都是一个事件，其中任何一个html元素都是一个事件源，一个很事件源可以添加多个事件。 二、 事件中的event对象 只要发生一个事件就会产生一个event事件，event代表事件的状态 1、event事件常见的属性和状态 2、阻止默认事件 ......
11.17 复习JavaScript红宝书的笔记——
一、原始值与引用值 对于原始值和引用值的判断类型各自有对应的操作符，前者可以用typeof操作符 let s = "Nicholas"; let b = true; let i = 22; let u; let n = null; let o = new Object(); console.log( ......
javascript 自定义分页组件
仿boostrap 前端分页组件的实现 一 写一个前端自定义分页组件，需要考虑以下问题 /* 需要一个<ul id="pagination"></ul>标签 total; // 总数据的数量 pageSize; // 一页显示数量 pageIndex; // 当前页 */ 二 实现细节 编写html ......
（javascript）将ztree树结构的数据转成二维数组
ztree树结构的数据结构如下：[ { "id": 3990, "name": "泡沫灭火", "iconShow": false, "children": [ { "id": 8616, "name": "泡沫发生器", "iconShow": false, "children": [ { "id ......
10个不常被提及的JavaScript小技巧
1、过滤数组重复值 作用：数组去重 方法：Es6 中 Set 方法，Set类似于数组，但是成员的值都是唯一的，结合拓展运算符（...）创建一个新的数组，达到过滤原数组重复值的功能，原数组不变； 示例： 注意：包含 object、function、array下不适用 2、短路求值 作用：简化 if 判 ......
JavaScript-数组（array）操作
1、Map 名称：遍历 作用：对数组每一项进行操作，并返回一个新数组，不影响原数组； 示例： val：每次执行的数组项 index：index = val 在原数组中的下标 array：原数组 2、Filter 名称：过滤器 作用：对数组进行筛选，并返回筛选结果新数组，不影响原数组 示例： val： ......
JavaScript-监听浏览器返回上一页
1、popstate监听浏览器返回上一页 $(window).ready(function () { var state = { title: 'title', url: '#' } window.addEventListener('popstate', function (e) { // 监听浏览 ......
VIM 使用技巧 —— 全选删除
操作步骤 确保进入普通模式，按下ESC 跳转到文件开头 —— gg 进入可视模式 —— V, 也就是 shift+v 将光标移到文件末尾 —— G, 也就是 shift+g 删除 —— d 解释 1. 可视模式 可视模式允许我们选择一块文本区域，然后在上面进行编辑，比如删除、替换等。Vim 中有在三 ......
VIM 使用技巧 —— 四种模式
VIM，作为一款强大而高效的文本编辑器，以其独特的模式体系而闻名。在VIM中，有四种主要的模式，每一种都赋予用户不同的功能和操作。本文将深入探讨这四种模式，以帮助你更好地理解和利用VIM编辑器。 1. 普通模式（Normal Mode） 普通模式是VIM的默认模式，允许用户浏览和导航文本。在普通模式 ......
JavaScript之splice()
参考：https://blog.csdn.net/weixin_45726044/article/details/120151153 概述 splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。此方法会改变原数组。 一个参数 splice(inde ......
javascript postMessage给子页面发消息
发送消息页面 <!DOCTYPE html> <html> <head> <title>demo</title> <meta charset="utf-8" /> <script> var childwin const childname = "popup" function openChild() ......
Google搜索技巧几种
❶ 双引号：搜索精确字串匹配。示例："精确字串匹配"❷ 减号：去除带有某些匹配的搜索结果。示例：海豚 -海豚湾❸ 波浪号：模糊搜索。示例：音乐 ~网课❹ site关键词：搜索特定网站内的结果。示例：音乐 site:tumblr.com (http://tumblr.com/)❺ 竖号：搜索匹配A或匹 ......
11.16 基本完成个人任务管理系统项目后重新复习JavaScript高级程序设计——声明var与let变量关键字区别的笔记
我看的是js高级程序设计第四版，前两章快速了解了一下，第三章开始慢啃，虽然内容枯燥，很多东西自己也知道了，但还是有一些收获的。 比如，声明变量的三个关键词：var、let、const；var以前经常用但是会出问题，相比let没有那么严谨（var声明范围函数作用域，而let声明范围块级作用域）。 看个 ......
【grep】linux 下日志查看的筛选技巧
查看关键字前后20个字符 grep -oP '.{0,20}deviceName.{0,20}' data.log grep -oE '.{0,20}deviceName.{0,20}' data.log （在 macos下，不认识 -P 参数） 只显示一行日志的第 1 ~ 20 个字符 more ......
Flutter 组件技巧 刷新数据
1. 起因 因为组件在创建后，放入widget数之后，就会调用 initState，执行一次里面的内容。 我之前的项目里， 有一个Stack，用来切换子页面，子页面有2级； 在子页面的initState里，我去获取后端的数据，看中了initState只调用一次，达到我获取一次然后拿来显示的目的 这样 ......
JavaScript判断图片是否已经加载完毕的方法汇总_javascript技巧
在网上有很多关于判断图片是否已经加载完毕的文章，但是有的浏览器并不适合，下面小编给大家分享一些有关JavaScript判断图片是否已经加载完毕方法汇总，具体内容如下所示： 一.onload事件 通过监听图片的onload事件，可以判断图片是否已经加载完成，兼容所有的浏览器（w3c推荐方法），代码示例 ......
word的实用操作技巧
1、基本使用操作 （1）文本删除： 退格键backspace:删除光标以左的内容 删除键delete：删除光标以右的内容 直接输入会增加字符，按insert键，会切换成改写模式，新字符代替旧字符，总字符数量不会变 常用的在word中使用复制粘贴后，难免有些存在不需要的，如下图，不需要“删减联系人这条 ......
Python实用技巧：将 Excel转为PDF
将Excel文件转换为PDF可以方便储存表格数据，此外在打印或共享文档时也能确保表格样式布局等在不同设备和操作系统上保持一致。今天给大家分享一个使用第三方Python库Spire.XLS for Python 实现Excel转PDF的简单方法。 Python中Excel转PDF的实现步骤 1. 首先 ......
JavaScript 的数组方法
数组方法构成了任何编程语言中数组的基本方面。这些方法使程序员能够操作、迭代和转换数组，为各种任务提供有效的解决方案。无论是排序、过滤还是映射数据，理解和利用数组方法都是释放代码全部潜力的关键 值（） 该方法返回一个迭代器，为数组中的每个索引提供一个值，不需要任何参数。 长度（） 该方法返回数组的长度 ......
掌握终端基础技巧：Linux下的文件和目录复制操作
1.cp命令： 在Linux中，cp命令用于复制文件和目录。基本语法如下： cp [选项] 源文件 目标文件 其中，源文件是要复制的文件名，目标文件是复制后的新文件名或路径。 2.复制单个文件： 要复制单个文件，只需指定源文件和目标路径即可。例如，将文件file.txt复制到目录path下： cp ......
JavaScript
JavaScript 什么是JavaScript JavaScript是一门世界上最流行的脚本语言 快速入门 引入JavaScript <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title ......
网络流与二分图的常见技巧
sto louis & Maverik orz! 写一些知识点，图论杂题过后单独开一篇。 最小割 最大流最小割定理 对于任意网络 \(G = (V, E)\) ，其上的最大流 \(f\) 和最小割 \(\{S, T\}\) 总是满足 \(|f| = ||S, T||\) 。 即，最大流在数值上等于最 ......
setTimeout 是浏览器环境提供的，JS 标准没有规定。不是JavaScript的全局函数，是浏览器（宿主环境）提供的
下列哪些函数是JavaScript的全局函数？ A encodeURI B parseFloat C setTimeout D eval 正确答案：ABD 答案：A、B、D 个人记忆方法：6（编码相关）+ 2（数据处理）+ 4（数字相关）+ 1（特殊） 编码相关： escape()、unescape ......
onclick="javascript:void(0)"就是行内javascript
给网页添加JavaScript的方式有 A 使用script标签，将javascript代码写到之间 B 添加外部javascript文件 C 使用行内javascript D 使用@import引入javascript文件 正确答案：ABC A正确。使用script标签，将javascript代码 ......
python小技巧-sql语句IN在python中的格式化
例如sql语句可能是： sql='''select * from test_table where 1 and id_no IN ({0}) ''' 需要在python之中对sql进行格式化，先有id_no_list： id_no_list=['123','456','678','111',] 对s ......
【你不知道的JavaScript】this关键字
没有this时，需要传入上下文获取name，在多个上下文时，代码变得繁杂重复 var me = { name: "Kyle" }; var you = { name: "Reader" }; function identify(context) { return context.name.toUpp ......
javascript promise all实现图片顺序加载
不使用promise时是异步加载，图片加载的顺序不固定 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-sca ......
理解与使用Javascript中的回调函数
js里的解释: A callback is a function that is passed as an argument to another function and is executed after its parent function has completed. 从字面上理解下来就是 ......