幻灯片 幻灯impress js
简述 js 的代码整洁之道
文章参考出自：https://juejin.cn/post/7224382896626778172 前言 为什么代码要整洁？ 代码质量与整洁度成正比。有的团队在赶工期的时候，不注重代码的整洁，代码写的越来越糟糕，项目越来越混乱，生产力也跟着下降，那就必须找更多人来提高生产力，开发成本越来越高。 整洁 ......
JS(对象）
一 对象 1.1 对象的相关概念(python中的字典） 什么是对象？ 在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数 组、函数等。 对象是由属性和方法组成的。 属性：事物的特征，在对象中用属性来表示（常用名词） 方法：事物的行为，在对象 ......
js遇到的小问题
js笔记 ```javascript apollo.is_execute = apollo.is_execute ? 1 : 0; 把true或者false转化为1或者0 或者有值的时候是1，没有值的时候是0 true转化为1，为false的0 ``` ```javascript !db.execu ......
js格式化时间
let timeFormatSeconds = function(time) { let d = time ? new Date(time) : new Date(); let year = d.getFullYear(); let month = d.getMonth() + 1; let day ......
JS sort排序方法
# Array.prototype.sort() **sort()** 方法[*就地*](https://zh.wikipedia.org/wiki/%E5%8E%9F%E5%9C%B0%E7%AE%97%E6%B3%95)对数组的元素进行排序，并返回对相同数组的引用。默认排序是将元素转换为字符串， ......
js bind学习
bind的基本用法，有意思的是当不进行第二次bind的时候，后面的操作会影响data的值，是数组引用的传递。当第二次bind后，会新建arr的作用域，新建的arr就没有问题了。 reduce的初始值如果不给，会从下标1的值开始循环。 function retArr(arr, val, val2){ ......
【前端教程01】用原生js实现一个轮播，支持自动播放
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ......
js原生方法：获取某个元素所处屏幕的位置，input输入框中文输入时的调用
span.getBoundingClientRect() 会返回改元素的位置信息 ```js // 输入框内容改变 function inputSearchChange () { // 如果是拼音输入，则会进入这个监听 inputSearch.addEventListener('compositio ......
js小练习
### 写一个函数，计算两个数字的和 ```js function add(a,b){ console.log(a+b) } add(2,3) ``` ### 判断一个数字是否是偶数 ```js function ouShu(a){ if (a%2 0){ console.log(a+'是偶数') ......
js随笔
JavaScript（缩写：JS）是一门完备的动态编程语言。当应用于 HTML 文档时，可为网站提供动态交互特性。由布兰登·艾克（Brendan Eich，Mozilla 项目、Mozilla 基金会和 Mozilla 公司的联合创始人）发明。 JavaScript 的应用场合极其广泛，简单到幻灯片 ......
带有 Spring Boot 后端的 Vue.js 前端
1. 概述 在开始本教程中，先推荐1个SpringBoot+Vue前后端分离Java项目，本项目是一个大型互联网金融项目，采用Spring Boot , Dubbo 微服务的架构，包括多个独立的微服务，micr-common个公共服务，micr-web服务，micr-database数据库服务，mi ......
01 pixi.js入门
写在前面：写该笔记时pixi.js版本为V7.2.4 1. 安装 npm install pixi.js 或者 <script src="https://cdn.jsdelivr.net/npm/pixi.js@7.x/dist/pixi.min.js"></script> 又或者 <script ......
js图片预加载
以vue项目为例，window.onload完毕后，开始预加载图片 使用 require.context 批量引入图片然后使用每一张图片：new Image().src = curr_image export default { name: 'App', created() { window.onl ......
js的Set数据类型
在js中，Set和Map相比，也有一组key的集合，但不存储value。由于key不能重复，所以，在Set中没有重复的key。因此，set使用的场景在于，可以提供一组没有重复元素的集合。 Set构造 要构造一个Set对象，需提供一个Array作为输入，或者直接构造一个空Set，如： var set ......
JS加密在实际应用上面有哪些优点
随着网络知识产权意识的不断增强，很多程序员为了保护自己的劳动成果，在代码的保护上面也是有着很多的心思，JS加密也是在这样的环境下催生。 网络代码有着很高的复制几率，所以为了隐藏代码的原本内容，用JS加密对代码进行加密必不可少。 下面我们来看看JS加密在实际应用上面都有哪些优点： 第一：保护代码的独立 ......
Three.js教程：gui.js库(分组)
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 gui.js库(分组) 当GUI交互界面需要控制的属性比较多的时候，为了避免混合，可以适当分组管理，这样更清晰。 gui交互界面不分组 gui交互界面不分组,只有一个默认的总的菜单。 const gui = new G ......
彻底理解 Node.js 中的回调(Callback)函数
究竟什么是回调函数(Callback)，网上有许许多多的文章，大部分看得人云里雾外，这些文章大概分成两类，第一类堆砌了太多的术语，基本上不明白术语就没法看，另一类反过来，不讲术语，完全是举一些脱离编程的生活化例子来类比，看的人更加晕头转向。 作为JS的核心，回调函数和异步执行是紧密相关的，不跨过这个 ......
自用gulp打包脚本，压缩html，压缩js，压缩css，压缩图片，功能齐全
const gulp = require('gulp'); const fs = require('fs'); const htmlmin = require('gulp-htmlmin'); const uglify = require('gulp-uglify'); const uglifyEs ......
EventDrivenProgrammingwithNode.js:BuildingWebbackends
作者：禅与计算机程序设计艺术 Event-Driven Programming with Node.js: Building Web Backends 1. 引言 1.1. 背景介绍 随着互联网的信息越来越发达，各种应用需求不断涌现，实时性、交互性要求越来越高，传统的手工编程已无法满足快速、高效的需 ......
js promise对象数组，使用reduce序列化执行
自己使用mdn官方例子测试了一下，发现还有一些小问题，调试了一下OK了。 const timeOut = function(ms){ return new Promise(function(resolve){ return setTimeout(resolve, ms); })} var p1 = ......
记录--不定高度展开收起动画 css/js 实现
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 不定高度展开收起动画 最近在做需求的时候，遇见了元素高度展开收起的动画需求，一开始是想到了使用 transition: all .3s; 来做动画效果，在固定高度的情况下，transition 动画很好使，满足了需求，但是如果要考虑之后可 ......
java script js new promise 对象时，执行顺序问题
当你用一个变量接收一个new promise对象时，对象构造函数中的方法会立刻执行， 比如 var p1 = new Promise((resolve, reject)=>{ setTimeout(()=>{ console.log('执行P1'); resolve('P1返回值'); }, 200 ......
js的Map数据类型
与对象相似，Map也是由一组键值对生成的集合，但是Map的key除了采用字符串还可以采用其它的类型。那么，要如何构造一个Map对象呢？ Map构造 可以初始化构建一个空的Map对象，再添加键值对 var map = new Map(); map.set("name","zhangsan"); map ......
node.js的删除安装及vue-admin-template的下载
删除18 node版本过高(18了),这里需要16,因此将原来的node删除. 删除的方法是在设置中搜索node并找到,然后傻瓜式删除. 安装16 直接一路next确认就行 检查版本 vue-admin-template下载 这是一个版本为4.4.0的基础框架(官网:https://panjiach ......
2023.6.28 - vue项目打包内存堆栈溢出JS stacktrace
 vue项目打包时报错，JS stacktrace : Reached heap limit Allocation ......
js的事件循环
事件循环同步和异步任务分别进入不同的执行"场所"，同步的进入主线程，异步的进入Event Table并注册函数。当指定的事情完成时，Event Table会将这个函数移入Event Queue。主线程内的任务执行完毕为空，会去Event Queue读取对应的函数，进入主线程执行。上述过程会不断重复， ......
vue3+vite+js配置路径别名
1、让vscode认识@符号 项目下新建jsconfig.json,配置 baseUrl，paths 参数 { "compilerOptions": { "target": "esnext", "useDefineForClassFields": true, "module": "esnext", ......
JS中常用方法
# 数组 ## splice: splice() 方法的第一个参数是起始索引，第二个参数是要删除的元素数量（可以为0），然后可以传递更多的参数作为要插入的新元素。 ``` 限制删除的数量： const arr = [1, 2, 3, 4, 5]; const removed = arr.splice ......
js 浏览器全屏
只能手动触发 fullscreenact() { if (this.isFullScreen) { document.exitFullscreen(); } else { document.documentElement.requestFullscreen(); } this.isFullScree ......