页面driver js

记录--极致舒适的Vue页面保活方案

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 为了让页面保活更加稳定,你们是怎么做的? 我用一行配置实现了 Vue页面保活是指在用户离开当前页面后,可以在返回时恢复上一次浏览页面的状态。这种技术可以让用户享受更加流畅自然的浏览体验,而不会被繁琐的操作打扰。 为什么需要页面保活? 页面 ......
极致 页面 方案 Vue

微信小程序实现类似elementUI的Timeline时间线效果,自适应页面与文本

<view class="box"> <view wx:for="{{list}}" wx:key="index" class="one"> <view class="onedot"></view> <view wx:if="{{index!=list.length-1}}" class="onel ......
elementUI Timeline 文本 效果 页面

vue3 通过fuse.js 实现前端模糊查询

在项目中写好多个查询组件: 举个栗子: <template> <!-- 获取客户下拉数据,type 0 有限公司 --> <el-select v-model="current" :multiple="multiple" remote :remote-method="querySearch" :su ......
前端 vue3 fuse vue js

对于页面元素上下居中的注意点

margin:0 auto;这种方式时常用的页面左右居中方式。但是margin:auto 0;并不能实现上下居中,需要上下居中的情况用垂直对其方式,virtual-align:middle,基于中线对其,还有其他的对其方式如下: ......
元素 上下 页面

Marked.js让您的文档编辑更加轻松自如

​ 低代码应用平台——kintone既可以保留更改记录,也有流程管理的功能,在公司内部分享会议记录啊、wiki等文档或学习资料等时非常的便利。 kintone还有丰富的文本编辑框,可以对内容进行编辑提高易读性。但是还是有不少人觉得如果能够使用Markdown编辑,将更加轻松,文本也将更加美观。※特别 ......
文档 Marked js

js,jquery吸顶实现与问题解决

一.原生js实现吸顶效果 scrollTop属性:元素的最顶部到窗口顶边的距离。即是滚动条滚动的距离 offsetTop属性:元素到其父层顶部的距离。不能对其进行赋值。设置元素到页面顶部的距离请用style.top属性。 var navBar = document.getElementById("# ......
jquery 问题

使用 Node.js 内置调试器进行调试

使用 Node.js 内置调试器进行调试 调试是一个多阶段的过程,通常遵循以下步骤: 识别程序中的 bug。 查找 bug 在代码中的位置。 分析 bug 发生的原因。 修复 bug。 验证修复是否有效。 在 Node.js 程序中发现错误后,你面临的第一个挑战就是在代码中找到错误所在的位置。 为实 ......
调试器 Node js

常用js方法函数

获取字符串长度(英文1个,中文2个) //把双字节的字符替换成两个单字节的字符,并获取它的字符数 let str = '你好115s' const len = str.replace(/[^\x00-\xff]/g, "00").length; console.log(len) ......
函数 常用 方法

js中class的构造函数的this指向问题

场景 定义了一个类的构造函数需要的参数是一个对象,而该对象的属性对class实例的属性进行了调用或修改,也就是在对象中使用了this 问题 示例 class Person { name: '' age: 0 sex: 0 setName: null constructor (person) { th ......
指向 函数 问题 class this

在JS中如何判断两个对象是否相等

在JavaScript中,判断两个对象是否相等有多种方法,取决于你对 相等 的定义以及对象属性的类型。以下是几种常见的方法: 1. 严格相等运算符 ( ) 使用 运算符可以比较两个对象是否引用同一个对象。如果两个变量引用了同一个对象,则它们是相等的,否则它们是不相等的。例如: const obj1 ......
对象 两个

js 生成8位随机数,必须包含大写字母,小写字母和数字。

方式一: 有漏洞的 1 function generateRandomString() { 2 var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; 3 var randomString = ""; ......
字母 大写字母 随机数 小写 大写

Node.js躬行记(28)——Cypress自动化测试实践

最近在研究如何提升项目质量,提炼了许多个用于自测的测试用例,但是每次修改后,都手工测试,成本太高,于是就想到了自动化测试。 在一年前已将 Cypress 集成到管理后台的项目中,不过没有投入到实践中。今天在实践时发现,版本已经到了 12.X,当时集成的版本是 8.X。 一、准备 在重新安装后,将之前 ......
Cypress Node js

js注册全选事件、单选全部后“全选”勾选事件

//注册全选事件 $("#selectAll").click(function () { var isAllCheck = $("#selectAll").prop("checked"); var items = document.getElementsByName("ckbx"); if (isA ......
事件

js基础---set、math、date等类

set类概念,需要new 功能为创建一个集合,与数组类似,区别就是它不能设置重复的值 math是一个工具类,不需要new,可直接使用它的方法。 他的常用方法如下: date类,需要new getTime():返回一个时间戳,单位为毫秒。 ......
基础 math date set

巧用Chrome格式化压缩后的js文件

对于格式化的js文件,可以用chrome处理。 打开chrome浏览器,按F12进入开发者工具界面,找到一个压缩js文件,如图: 在浏览器的底部(左边)的工具栏有一个" { } " 样的图标 , 点击一下就可以了。 格式后: 格式化的js 也可以 左击保存: ......
格式 文件 Chrome

js基础---对象的序列化(JSON)与map

序列化概念 json工具类就是那个转换字符串的方法 调用json静态方法,不需要new。 注意事项 将对象转换为json后再转换为对象,相当于做了一次深复制。 当对象的字符串key属性满足不了需求时,可用map的对象属性作为key map属性和方法 map与数组之间的转换 ......
序列 对象 基础 JSON map

URL查询字符串与JS对象互转

formatUrlQuery: function (...urlQuerys) { let result = {}; urlQuerys.forEach((urlQuery) => { if (typeof urlQuery == 'object') { Object.assign(result, ......
字符串 字符 对象 URL

如何从develop分支拉取代码,开发页面和合并提交

我以04官网为例子,在我开发页面的时候,第一步是先切到生产分支,然后不要用vscode自带的操作,改用git pull拉取最新代码,,此时生产的页面是这样的 我再从develop拉出一个测试分支Jenkins,以及预发布分支release,此时我的需求是这个"开发分支"改成"本地分支",页面文字统一 ......
分支 develop 代码 页面

关于docker的Cgroup Driver相关的配置说明以及其值为cgroupfs与systemd的区别

在我们安装完docker-ce软件后(笔者这里安装的docker-ce-20.10.24-3.el8.x86_64) 就可以直接启动docker服务 systemctl restart docker.service 这时我们通过 docker info 命令,可以看到当前docker的一些配置信息, ......
cgroupfs systemd docker Cgroup Driver

使用 JavaScript连接Oracle 数据库(js连接oracle)

在建立Web交互应用程序时,一般使用JavaScript语言作为表现层,而Oracle作为背后真正的数据库。连接JavaScript和Oracle数据库需要一组技术,可以实现将JavaScript执行的数据请求发送到服务器上的Oracle数据库,这样就可以访问和操作Oracle数据库中的相关内容。 ......
JavaScript 数据库 数据 Oracle oracle

node.js实现反向代理到源服务器的HTTP2协议

node.js实现反向代理到源服务器的HTTP2协议 const tls = require('tls'); const http = require('http'); const http2 = require('http2'); const { HTTP2_HEADER_AUTHORITY, H ......
服务器 HTTP2 node HTTP js

输入命令行vue list直接显示vue.js弹窗问题的解决

问题描述 当我尝试使用vue list命令的时候,就直接弹窗出来一个vue.js文件,无法显示出理想结果 问题解决 简单,直接将Node.js卸载,重新下载一个 (最好安装在C盘以外的盘) ......
vue 命令 问题 list js

Vue.js设计与实现 第一章

一,框架设计概览 1. 权衡的艺术 1.1 命令式和声明式 命令式框架的一大特点就是关注过程 . 自然语言描述能够与代码产生一一对应的关系,代码本身描述的是"做事的过程", 这符合我们的逻辑直觉。 声明式框架更加关注结果. 1.2 性能与可维护的权衡 1.3 虚拟 DOM 的性能如何 1.4 运行时 ......
Vue js

【Azure 应用服务】Azure JS Function 异步方法中执行SQL查询后,Callback函数中日志无法输出问题

Warning: Unexpected call to 'log' on the context object after function execution has completed. Please check for asynchronous calls that are not await... ......
Azure 应用服务 函数 Function Callback

js 打印页面局部区域(指定位置)

1.情景展示 在浏览器的网页上,我们可以通过window.print()实现网页的打印功能。 但是,该方法打印的是当前网页上面所有展示的内容,如何只打印指定区域内容呢? 如下图所示,只将送检申请单所在区域打印出来,其它位置不用管,如何实现? 2.具体分析 window.print()打印的是全部内容 ......
局部 区域 位置 页面 js

postcss-px-to-viewport 页面适配插件

使用教程 文章1:https://www.cnblogs.com/zhangnan35/p/12682925.html 文章2:https://www.jianshu.com/p/6e53f8f9634d ......

这个JS代码中目标数据用Python正则表达式如何提取?

大家好,我是皮皮。 一、前言 前几天在Python白银群【凡人不烦人】问了一个Python正则表达式的问题,这里拿出来给大家分享下。 这个ts,token可以同时取出吗? 二、实现过程 这里【甯同学】给出了一个思路,使用正则表达式实现,如下所示: 顺利的提取到了目标数据。 后来粉丝还是觉得还是单个提 ......
正则 表达式 目标 代码 数据

在 iframe 中继承父窗口 css/js 的方法

问题缘由 iframe 类似一个单独的网页窗口,不能直接继承父级页面的 css 和 js。 继承 css 因为 iframe 是单独的网页窗口,所以页面一般都有 head 标签的。在 iframe 子页面的 head 标签中加入如下代码: <script> window.parent.$(funct ......
方法 iframe css js

记一次使用laravel-snappy把g2和plotly.js图生成pdf踩坑经历

最近有一个需求,需要把页面上的echarts等js组件生成的图表放到pdf中。使用laravel框架,找到了laravel-snappy这个包,其底层是使用wkhtmltopdf来生成pdf。因为有把数据点都画到箱型图上的需求,找到了plotly.js这个组件,功能还是很强大的,可以轻松实现如下的效 ......
laravel-snappy laravel snappy plotly pdf

【转载】JS手从URL中获取指定参数,不需要正则,很方便

参考 https://zhuanlan.zhihu.com/p/412254881 代码 现代方式 在现代浏览器中,我们可以使用浏览器提供的URL对象来获取参数。 这里方法最简单,bug少,不用我们操心。 function getQueryString(name) { // const url = ......
正则 参数 URL