框架nodejs next js
在 iframe 中继承父窗口 css/js 的方法
问题缘由 iframe 类似一个单独的网页窗口，不能直接继承父级页面的 css 和 js。 继承 css 因为 iframe 是单独的网页窗口，所以页面一般都有 head 标签的。在 iframe 子页面的 head 标签中加入如下代码： <script> window.parent.$(funct ......
记一次使用laravel-snappy把g2和plotly.js图生成pdf踩坑经历
最近有一个需求，需要把页面上的echarts等js组件生成的图表放到pdf中。使用laravel框架，找到了laravel-snappy这个包，其底层是使用wkhtmltopdf来生成pdf。因为有把数据点都画到箱型图上的需求，找到了plotly.js这个组件，功能还是很强大的，可以轻松实现如下的效 ......
【转载】JS手从URL中获取指定参数，不需要正则，很方便
参考 https://zhuanlan.zhihu.com/p/412254881 代码 现代方式 在现代浏览器中，我们可以使用浏览器提供的URL对象来获取参数。 这里方法最简单，bug少，不用我们操心。 function getQueryString(name) { // const url = ......
js 根据图片URL转base64格式
1.情景展示 如果根据获取的图片的网络请求，将图片转成BASE64格式？ 2.具体分析 通过创建图片对象Image和创建画布canvas来实现。 3.解决方案 /** * 将图片地址转换为 base64 格式 * @param url 图片网络地址 */ function convertImgUrl ......
[设计模式]设计模式与框架浅析
参考：知乎、微信公众号 23种模式通俗解析：https://zhuanlan.zhihu.com/p/100746724 6种常用的设计模式详细解析：https://zhuanlan.zhihu.com/p/231526884 设计模式有两种分类方法 一、根据目的来分； 通过完成什么工作划分为创建型 ......
ajax请求中遇到的一次问题，async，js返回值赋予失败
`/** 方式：（1）同步调用 （2）在ajax函数体里面return值 结果：返回 1。未成功获取返回值 失败原因：ajax内部是一个或多个定义的函数，ajax中return返回值， 返回到ajax定义函数，而不是返回到ajax外层的函数checkAccount1() / function che ......
自动化框架——日志模块
日志模块的使用（python的logging模块） 一：简单使用 学习原因：学习logging模块是为了更直观的调试代码，虽然有prin语句可以调试，但是在批量执行自动化用例时需要logging模块来调试。 如何简单使用：导入日志模块设置basicConfig就行，设置日志级别，日志格式，日志写入模 ......
常见的js加密方式
RSA、16进制、Base64 都属于可逆加密方式，可以通过相应的解密方法将密文还原为明文。 而哈希算法是不可逆加密方式，只能将明文进行哈希后得到一段固定长度的密文，但无法通过密文还原出明文。其中，SHA 算法、MD5 算法都是常用的哈希算法。 一、16进制加密 加密和解密示例： def hex_e ......
Cesium中的QuadtreePrimitive.js类
QuadtreePrimitive顾名思义就是四叉树Primitive的意思。已知的是它在Globe的_surface属性中有了使用。 首先来看构造函数： function QuadtreePrimitive(options) { //>>includeStart('debug', pragmas. ......
Three.js教程：访问几何体对象的数据
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 访问几何体对象的数据 实际开发项目的时候，可能会加载外部模型，有些时候需要获取模型几何体的顶点数据，如果想获取几何体的顶点数据首先要熟悉three.js几何体BoxGeometry和BufferGeometry的结构。 ......
Module build failed (from ./node_modules/css-loader/dist/cjs.js): TypeError: this.getOptions is not a function
Module build failed (from ./node_modules/css-loader/dist/cjs.js):TypeError: this.getOptions is not a function Module build failed (from ./node_modules ......
使用Node.js调用Sqlite3模块写的大数据查询接口
使用Node.js调用Sqlite3模块写的大数据查询接口 const sqlite3 = require('sqlite3'); const http = require('http'); const url = require('url'); const SqliteDb = async (db ......
.NET几种微服务框架，你用过吗？
最近有群友问，.NET有哪些微服务框架？.NET的微服务框架还真不多，一般企业都会自己搭建微服务框架，或者基于其它框架搭建微服务（比如abp）。本文将介绍几种微服务框架，供大家学习参考。 一、Service Fabric 简介： Service Fabric 是一个微服务框架，它由微软开发并托管在 ......
搭建一个简易框架 3秒创建一个WebApi接口
前端ajax请求数据，传递的参数都是一个json字符串，经过多次解析发现其实都是一个DataSet {"selectA1":[{"Name":"156324"}]} {"selectA1":[{"Name":"156324"}],"selectA2":[{"IdA":"11","IdB":"12"} ......
深入Slate.js 二 - 拯救 ContentEditble
我们是钉钉的文档协同团队，我们在做一些很有意义的事情，其中之一就是自研的文字编辑器。为了把自研文字编辑器做好，我们调研了开源社区各种优秀编辑器，Slate.js 是其中之一（实际上，自研文字编辑器前，我们就使用了很久的 Slate）。 我们团队的同学把对 Slate 的理解，写成了小册子，想通过连载 ......
面向万物智联的应用框架的思考和探索（下）
本文重点围绕移动应用框架，梳理其关键发展脉络，并分析其背后的技术演进思路以及目前的局限；同时，进一步结合万物智联的新场景和新生态，围绕相应的应用框架的设计和演进，分享个人在这个领域的思考，实践，以及下一步探索。 ......
mock框架与测试（用mock工具模拟后端与前端对接调试）
mock简介应用在前后端分离的开发模式中敏捷管理中需要测试左移模拟后端与前端对接调试。实现满足接口逻辑通路，保证基本接口功能。 mock开源框架只需配置request和response就可以满足要求支持http/https/socket 协议支持在request中配置header、cookie、St ......
主流的大数据分析框架有哪些？
1、HadoopHadoop 采用 Map Reduce 分布式计算框架，根据 GFS开发了 HDFS 分布式文件系统，根据 Big Table 开发了 HBase数据存储系统。Hadoop 的开源特性使其成为分布式计算系统的事实上的国际标准。Yahoo，Facebook，Amazon 以及国内的百 ......
（原创第一篇，踩坑无数得来的，对Ai自动化测试框架很有帮助）appium自动化测试时遇到不能使用element定位的在用坐标点击之后获取焦点如何输入文本
现在开发的前端界面使用vue或者更牛逼技术，导致使用appium或者uiautomator2做自动化测试时不能识别到元素，无法使用传统的id，name或者xpath，这时我们需要使用坐标点击文本框。有获取坐标方法，下期写一篇文章，可以在评论区提醒瑞克。 from appium import webd ......
爬虫JS逆向其实挺简单
JS逆向爬虫是指通过分析网站的JavaScript代码，模拟浏览器行为，从而获取网站数据的一种方式。下面是一个JS逆向爬虫的案例： 1、分析目标网站的JavaScript代码，找到数据请求的URL和参数。 2、使用Python的Requests库发送模拟的HTTP请求，携带必要的参数。 3、解析返回 ......
js postMessage demo
npm i http-server -g http-server -p 8881 http://localhost:8881/ main.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-eq ......
Three.js 进阶之旅：页面平滑滚动-王国之泪 💧
本文使用 React + Three.js + React Three Fiber 技术栈，实现一个《塞尔达传说：王国之泪》主题风格基于滚动控制的平滑滚动图片展示页面。通过本文的阅读，你将学习到的知识点包括：了解 R3F 中 useFrame hook 及 useThree hook 基本原理及用法... ......
Cesium中的Globe.js
Globe顾名思义就是地球的意思吧。 先看构造函数： function Globe(ellipsoid) { ellipsoid = defaultValue(ellipsoid, Ellipsoid.WGS84); var terrainProvider = new EllipsoidTerrai ......
常用的截取字符串方法JS和Golang实现
JS中截取字符串很简单，直接使用substr函数 substr() 方法可在字符串中截取从开始下标开始的指定数目的字符。下标是从0开始算 例如： "21".substr(0,1) 返回2 golang实现的substr // 截取字符串，支持多字节字符 // start：起始下标，负数从从尾部开始， ......
用 VSCode 调试网页的 JS 代码有多香
用 VSCode 调试网页的 JS 代码有多香 Javascript 代码主要有两个运行环境，一个是 Node.js ，一个是浏览器。一般来说，调试 Node.js 上跑的 JS 代码我会用 VSCode 的 debugger，调试浏览器上的 JS 代码我会用 chrome devtools。 相比 ......
浅谈一下对于 js 中的 this 的理解
浅谈一下对于 js 中的 this 的理解 对于 this 值的定义： 简单来说 this 是一个对象，这个对象具体的值是什么，取决于运行时的环境，即代码执行时的环境。 MDN： 当前执行上下文（ global 、 function 或 eval ）的一个属性，在非严格模式下，总是指向一个 对象 ， ......
js基础--this的作用域、函数的调用与bind高阶函数
this的作用域 箭头函数也无法通过call、 apply改变this 箭头函数也没有arguments 函数的调用并指定this 使用call调用时先指定参数this，后指定实参。。apply则是数组传递实参 bind高阶函数：可以创建一个新的函数并锁死this与实参 ......