始末module js
angie vod_module 模块的问题
上次我简单说过angie 官方构建的nginx-vod-module 有一些问题，经常测试实际上问题还是不小的 主要问题 声音处理会有问题 同时缩略图似乎也有问题 解决方法 应该自己构建nginx-vod-module ，同时编译为动态模块（包含debug 最好） 说明 实际上通过日志我们也看出了不 ......
记录--20行js就能实现逐字显示效果？？？-打字机效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 效果演示 横版 竖版 思路分析 可以看到文字是一段一段的并且独占一行，使用段落标签p表示一行 一段文字内，字是一个一个显示的，所以这里每一个字都用一个span标签装起来 每一个字都是从透明到不透明的过渡效果，使用css3的过渡属性tran ......
angie vod_module 试用
因为angie 已经内置了不少方便的模块（包含了vod 模块），vod 对于视频的处理是一个很常用的模块（m3u8 播放）主要进行下测试 环境准备 基于docker-compose 部署，核心是配置 vod 配置 主要包含了核心配置以及特定协议支持配置angie 为了与nginx 不一样，使用了不同 ......
如何使用VSCode调试JS？
序言 做前端开发的朋友经常需要使用Visual Studio Code编辑代码，很多朋友就想在VSCode调试JS代码，下面我们就介绍下如何配置操作。 一、环境准备 首先安装好VSCode，准备好一个JS项目，在VSCode中安装插件Debugger for Chrome （如下图操作搜索安装即可） ......
移动端注意事项及坑位2(JS)
学习 中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践 1.禁止点击穿透 在移动端浏览器上不使用click事件而使用touch事件是因为click事件有着明显的延迟，后续又出现fastclick。该解决方案监听用户是否做了双击操作，可正常使用click事件，而点击穿透就交给fastcl ......
JS代码质量—ASI 的机制（自动插入分号）
参考：https://zhuanlan.zhihu.com/p/394561311 JS中有一些优雅换行（美化），可以让代码的可读性更强，但是需要注意 JS引擎自动插入分号的机制 会不会 出现非预期的情况。 ASI 规则 1. 遇到行结束符时，会插入一个分号。 注意：也不说遇到 行结束符 一定插入分 ......
js/javaScript实现金额千分位
作为前端开发，我们都知道，在实际的需求开发中，难免会遇到需要将接口返回的金额进行千分位格式化的场景。千分位后的金额便于阅读，提升用户体验。金额千分位可以由前端来处理，也可以后端处理后返回给前端展示。 ......
js worker
index.html <!DOCTYPE html> <html> <head> <title>JavaScript Worker Example</title> </head> <body> <script> // 主线程 const mainWorker = new Worker('worker ......
vue vue.config.js 配置
1. 开启 sourceMap // 显示 sourceMap , 便于调试 // process.env.NODE_ENV 有的是 dev/prod, 有的是 development/production, 需要自己确认下 productionSourceMap: process.env.NODE ......
js访问spring boot
js可以通过fetch方法向网络发起get和post请求；springboot可以向网络提供webapi服务。这两个基本能力，就构成了mvc结构的V和C端。c端有所扩展，就有广义的M。 本例进行简单的登录模拟。 说明： 1、用t1表结构的姓名和年龄模拟登录用的用户名和密码，没挂数据库，道理都一样。 ......
Vue.js 无法监听form表单变更问题的解决
当使用 Vue.js 构建应用程序时，通常我们会涉及到处理数据和响应用户的操作。Vue.js 提供了强大的响应式系统来自动追踪数据的变化并更新视图。然而，有时候可能会遇到一个常见的问题：当你尝试添加一个新属性到对象时，Vue.js 的响应式系统无法自动检测到这个更改，因为它不会立即监视新属性的变化。 ......
国密sm2、sm3、sm4的js使用
安装： npm install sm-cryptoOr yarn add sm-crypto sm2： 获取密钥对： const sm2 = require('sm-crypto').sm2 let keypair = sm2.generateKeyPairHex() publicKey = key ......
js 函数
// - 使用function语句定义函数 // 1. function one(){ // document.write('<table border="1" width="600" cellspacing="0" align="center"><tr height="100"><td></td> ......
Python：报错——ModuleNotFoundError: No module named 'encodings'
运行Python报错：Fatal Python error: Py_Initialize: unable to load the file system codecModuleNotFoundError: No module named 'encodings' 处理步骤： 1.Files >>>Se ......
js的常用数组操作
1、判断数组 b 的所有元素是否都在数组 a 中 const a = [1, 2, 3, 4, 5]; const b = [2, 4]; const allElementsInA = b.every(element => a.includes(element)); console.log(allE ......
常见编程语言的json序列化与序列化代码片段(java/python/js/c#/ruby/c++)
json序列化与反序列化 Python import json # 序列化为 JSON data = {"name": "John", "age": 30} serialized_data = json.dumps(data) # 反序列化 JSON deserialized_data = json ......
js 判断数组对象中是否含有重复的值
// 判断对象数组是否有相同属性 相同：true \ 不相同：false hasFun(array) { return array.some((item, index) => { return ( array.findIndex((v, i) => { return ( i !== index && ......
js模块化编程
全局function模式 module1.js//数据 let data = 'atguigu.com' //操作数据的函数 function foo() { console.log(`foo() ${data}`) } function bar() { console.log(`bar() ${d ......
python + flask + ffmpeg + hls.js
参考视频链接：https://www.bilibili.com/video/BV1ay4y1A78j/?p=5&spm_id_from=pageDriver&vd_source=5fed6e8a7e3ad9f10860bf7a4540ba71 ......
p5.js 开发点彩画派的绘画工具
本文简介 点赞 + 关注 + 收藏 = 学会了 这几天在整理书柜时看到这套书，看到梵高，想起他的点彩画。 想到点彩画派，不得不提的一个画家叫乔治·皮埃尔·秀拉。据说梵高也模仿过他的画作。 我引用一下维基百科对点彩画派的解析： 点彩画派（又称点描派；英文：Pointillism）是一种用很粗的彩点堆砌 ......
TS/JS - 什么是防抖和节流函数？有什么区别？
工具函数 防抖函数和节流函数的区别，可以查看这篇文章，写得比较好：面试官：什么是防抖和节流？有什么区别？如何实现？ 防抖（debounce） 通过定时器实现。1 秒内触发了 10 次防抖，定时器是 500ms 执行一次，那么，这防抖函数里面的回调函数只会在 1.5s 之后执行，因为点击的这 10 次 ......
使用原生js 写的picker 效果
class Picker { DEFAULT_DURATION = 200; MIN_DISTANCE = 10; DEMO_DATA = []; // demo数据 // 惯性滑动思路: // 在手指离开屏幕时，如果和上一次 move 时的间隔小于 `MOMENTUM_LIMIT_TIME` 且 ......
【闭包应用】JS：防抖、节流
1、防抖：当进行连续操作时，只执行最后一次的操作。 //防抖的概念是 当进行连续操作时，只执行最后一次的操作。 function debounce(fn, delayTime) { let timeout = null; return function () { if (timeout) { cle ......
js中字符串使用单引号还是双引号
ES6如下描述： 字符串 静态字符串一律使用单引号或反引号，不使用双引号。动态字符串使用反引号。 // bad const a = "foobar"; const b = 'foo' + a + 'bar'; // acceptable const c = `foobar`; // good con ......
Node.js子进程：你想要知道的一切
如何使用spawn()，exec()，execFile()和fork() 对于单进程而言，Node.js的单线程和非阻塞特性表现地非常好。然而，对于处理功能越来越复杂的应用程序而言，一个单进程的CPU是远远无法满足需要的。 无论你的服务器有多强大，单线程都是远远不够用的。 事实上，Node.js的单 ......
js的循环
1.for 循环 for (循环变量初始化表达式; 循环条件表达式; 更新循环变量表达式) {循环体} /* 凑钱1,2,5凑20元钱有多少种可能 */ for(var one=0;one<=20;one++){ for(var two=0;two<=10;two++){ for(var five= ......
为了防止这个网站被各位爬崩，我连夜用Python下载了上万张壁纸（附网站JS逆向解密）
每当一个网站崩溃，在座的各位都有一定的责任。 当一个爬虫教程不火的时候还好，火起来了，就到了考验网站服务器的时候了，上一次茶杯狐就是这样，还好人家顽强… 好了话不多说，直接开始。 首先就是必备的软件和模块 环境使用 Python 3.8 Pycharm 模块使用 requests --> pip i ......
css模块化及CSS Modules使用详解
css模块化及CSS Modules使用详解：https://xiangzhihong.blog.csdn.net/article/details/53195926?spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-ta ......
[Compose] Concurrency + Channel and Reactive programming for JS
Concurrency + Channel (CSP): Concurrency is a way to run operation in isolated thread, a way to better utilize the CPU resources and handle multi simu ......
js实现web端批量下载
使用场景：比如一个展现pdf文档列表的网页内需要允许客户自己勾选(可多选)需要打包下载的内容，最终以zip文件的形式在浏览器下载 此功能也可在服务端实现，但是在web端实现可以降低服务器负载，提升客户体验。 下面是代码 <!DOCTYPE html><html><head lang="en"> <m ......