页面driver js
移动端注意事项及坑位2(JS)
学习 中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践 1.禁止点击穿透 在移动端浏览器上不使用click事件而使用touch事件是因为click事件有着明显的延迟，后续又出现fastclick。该解决方案监听用户是否做了双击操作，可正常使用click事件，而点击穿透就交给fastcl ......
JS代码质量—ASI 的机制（自动插入分号）
参考：https://zhuanlan.zhihu.com/p/394561311 JS中有一些优雅换行（美化），可以让代码的可读性更强，但是需要注意 JS引擎自动插入分号的机制 会不会 出现非预期的情况。 ASI 规则 1. 遇到行结束符时，会插入一个分号。 注意：也不说遇到 行结束符 一定插入分 ......
keepalive 跳转到某个页面缓存 否则不缓存 缓存浏览的位置
export const KeepaliveListMixin = { /** * 两个路由守卫 实现 从详情返回到列表 列表页面缓存 否则就不缓存 */ beforeRouteEnter (to, from, next) { to.meta.keepAlive = true; next() }, ......
js/javaScript实现金额千分位
作为前端开发，我们都知道，在实际的需求开发中，难免会遇到需要将接口返回的金额进行千分位格式化的场景。千分位后的金额便于阅读，提升用户体验。金额千分位可以由前端来处理，也可以后端处理后返回给前端展示。 ......
分享一个HTML页面适配方式:用户手动缩放
<meta name="viewport" content="width=device-width,initial-scale=1.0"> 这个配置告诉浏览器自动将页面的宽度设置为设备的宽度（通常是屏幕宽度），并将初始缩放比例设置为 1.0。这通常用于确保网页在移动设备上以完整的屏幕宽度显示，而不需 ......
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> ......
禅道18.0_beta如何在项目需求列表页面添加自定义字段显示
1.数据库表 zt_story 添加自定义字段 extraNumber 2.扩展 module 下的 story 扩展config 在 extension/custom 新建 story/ext/config/test.php (名字随意),内容 <?php $config->story->data ......
禅道18.0_beta如何在项目需求列表页面通过自定义字段搜索
里面的字段实际上是从 product 模块取的,只需要扩展product的config就可以了 在 extension/custom 新建 product/ext/config/test.php 名字随意 <?php $config->product->search['fields']['extra ......
【keng】 Vue2 多次传参进入同一页面 页面不走生命周期函数
比如 一个搜索跳转功能 搜索 123 进入页面加载数据 再次搜索 456 还是进入这个页面 这个页面就不会走生命周期了 解决方案 在App.vue 上 为 router-view 增加一个key 这个key 就是随便写一个随机数就可以 不要重复 eg: ......
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 ......
React Native在非组件的地方使用页面跳转（interceptors拦截器处跳转页面）
官方文档：https://reactnavigation.org/docs/navigating-without-navigation-prop/ 修改APP.js import { NavigationContainer } from '@react-navigation/native'; imp ......
vue2 单页面应用兼容 ie & 对象不支持"append"属性或方法
在平时如果用到vue2 但是打开ie测试的时候发现代码没起到预期的效果(作用)的话。就要用到polyfill和browser来对你的vue代码转成es5语法啦。 具体用法是： 先下载polyfill和browser的js文件 然后 引入polyfill和browser的js文件 1 <script ......
python + flask + ffmpeg + hls.js
参考视频链接：https://www.bilibili.com/video/BV1ay4y1A78j/?p=5&spm_id_from=pageDriver&vd_source=5fed6e8a7e3ad9f10860bf7a4540ba71 ......
Vue数据更新页面却没有更新的几种情况以及解决方法
情况一：Vue无法检测实例被创建时不存在于data中的变量 原因：由于 Vue 会在初始化实例时对 data中的数据执行 getter/setter 转化，所以 变量必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 例如： 1 2 3 4 5 new Vue({ data:{}, t ......
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 ......
容器报错 Error response from daemon: driver failed programming external connectivity on endpoint
在启动容器时的容器时，会出现报错：Error response from daemon: driver failed programming external connectivity on endpoint XXX（端口映射或启动容器时报错） 如下： 原因：在我们启动了Docker后，我们再对防火 ......
js中字符串使用单引号还是双引号
ES6如下描述： 字符串 静态字符串一律使用单引号或反引号，不使用双引号。动态字符串使用反引号。 // bad const a = "foobar"; const b = 'foo' + a + 'bar'; // acceptable const c = `foobar`; // good con ......
【HarmonyOS】服务卡片 API6 JSUI跳转不同页面并携带参数
【关键字】 服务卡片、卡片跳转不同页面、卡片跳转页面携带参数 【写在前面】 本篇文章主要介绍开发服务卡片时，如何实现卡片点击跳转不同页面，并携带动态参数到js页面。在此篇文章“服务卡片 API6 JSUI跳转不同页面”中说明了如果跳转不同页面，这里在此基础上介绍跳转js页面时，如何携带参数到js ......
Node.js子进程：你想要知道的一切
如何使用spawn()，exec()，execFile()和fork() 对于单进程而言，Node.js的单线程和非阻塞特性表现地非常好。然而，对于处理功能越来越复杂的应用程序而言，一个单进程的CPU是远远无法满足需要的。 无论你的服务器有多强大，单线程都是远远不够用的。 事实上，Node.js的单 ......