页面driver js

51.使用vue3+vite+typescript+element_plus的setup语法糖实现发送axios的get请求http://localhost:3000/users接口数据,将获取到的json数据显示在页面上

<template> <div> <ul> <li v-for="user in users" :key="user.id">{{ user.name }}</li> </ul> </div> </template> <script setup lang="ts"> import { ref, on ......

Python压缩JS文件,重点是 slimit

摘要:Python Web程序员必看系列,学习如何压缩 JS 代码。 本文分享自华为云社区《Python压缩JS文件,PythonWeb程序员必看系列,重点是 slimit》,作者: 梦想橡皮擦 。 本篇博客将学习压缩 JS 代码,首先要学习的模块是 jsmin。 jsmin 库 Python 中的 ......
重点 文件 Python slimit

前端页面Table CSS实现固定表头表首行和固定列拖动固定

需要用到的2个属性 table-layout : fixed position : sticky table-layout table-layout属性有两种特定值: auto(预设值)-表格的总宽度决定每一个储存格(cell)的最大值fixed - 表格的总宽度决定于表格width的定义,以及各栏 ......
表头 前端 页面 Table CSS

uniapp避坑指南-页面滚动

# uniapp避坑指南-页面滚动 ## 需求描述 做一个类似于word目录跳转功能,分成两个页面:目录页和详情页。目录页是一个列表,详情页是一个很长的的由很多pdf图片组成的上下滚动的页面,要求实现点击目录页跳转到详情页指定位置。 ## 功能实现 主要使用 **uni.pageScrollTo** ......
页面 指南 uniapp

《Node.js后端全程实战》自序

#! https://zhuanlan.zhihu.com/p/624744452 # 《Node.js 后端全程实战》自序 > ![全栈系列作品](./img/FullStack.png) > > - 《JavaScript全栈开发》:https://book.douban.com/subject ......
自序 实战 全程 Node js

去往js函数式编程(1)

防止 vue 自带的动画 css 覆盖你的动画效果,或者影响效果。可以添加:css="false"来阻止默认的 class. 通常,在第一次页面加载时会显示项目列表,由于元素已经在视图中,所以我们的动画不会起作用。为了触发动画,我们需要使用另一个过渡属性 appear,在页面最初渲染时立即触发动画。 ......
函数

JS中的arguments

在 JavaScript 中, arguments 是一个特殊的对象,它代表了函数调用时传递的参数列表。它可以在函数内部访问,用于获取传递给函数的实际参数值。 arguments 对象包含了函数调用时传递的所有参数,无论是否在函数定义时明确声明这些参数。它是一个类数组对象,可以通过索引访问其中的参数 ......
arguments

js 树结构转换普通列表和普通列表转换树结构

``` const rootList = [ { id: 1, name: "父级", parentId: 0 }, { id: 2, name: "子级", parentId: 1 }, { id: 3, name: "子级", parentId: 1 } ] // 普通列表转换树结构 funct ......
结构 js

页面各种布局概念与区别--静态布局、自适应布局、流式布局、响应式布局、弹性布局等

@[TOC](页面各种布局概念与区别) # 静态布局(Static Layout) **即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。** 1. 布局特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min ......
布局 静态 弹性 概念 页面

发布-优化图片和js文件的存放路径

# 把JavaScript文件同意生成到js目录中 在`webpack.config.js`配置文件的`output`节点中,进行如下的配置: ```JS {test: /\.jpg|png|gif$/, use: 'url-loader?limit=470&outputPath=images'} ......
路径 文件 图片

babylon.js 学习笔记(7)

前面我们学习了如何画一堆房子(如下图),显然这单调的绿色大地,看上去效果并不好。 babylon.js中,可以用图片模拟出地势高低不同的效果,比如下面这张图片: 颜色越深的地方,表示地势越低(即:盆地),而颜色越浅的地方,地势越高(即:高山),可以参考下面的代码: const createScene ......
babylon 笔记 js

原生 js 和 JQuery 语法操作(增、删、改、查)常见的 HTML 元素

如何操作(增、删、改、查)常见的 HTML 元素呢?(包含原生 js 和 JQuery 语法对照) 一、通用的操作示例 1、查询 根据 id 查询(结果为单个对象) // 原生 js 写法 var elementobj = document.getElementById("elementid"); ......
语法 元素 常见 JQuery HTML

webpack-loader-使用babel-loader转换处理高级的js语法

webpack只能打包处理`一部分`高级的JavaScript语法。对于那些webpack无法处理的高级js语法,需要借助于`babel-loader`进行打包处理。例如webpack无法处理下面的JavaScript代码: ```js //定义装饰器函数 function info(target) ......

JS 中 for in 和 for of 的区别

记忆方法: for in : ES5先出,index,遍历索引,适合对象 for of : ES6后出,遍历属性,适合数组 for in 和 for of 是js中常用的遍历方法;两者的区别如下: 一,遍历数组 1,for in 是ES5的语法标准,而for of则是ES6语法标准。 const a ......
for JS in of

js 沙盒的实现原理

# js 沙盒的实现原理 最近研究微前端,qiankun 框架的源码。看到了沙盒的概念,于是研究了一下沙盒的原理及实现方案。记录一下。 ## 沙盒的原理 - 为什么我们需要沙盒 在浏览器中,全局的this 实际指向的是window。如果我们运行js,我们有可能会往window 这个对象中写入一些数据 ......
原理 js

babylon.js 学习笔记(6)

接上回继续,今天继续捣腾动画,上一节咱们让汽车的轮子动了起来,回顾一下核心代码: //轮子转动 const wheelAnimation = (scene, wheels) => { //定义一个动画,每秒30帧,绕y轴转动 const animWheel = new BABYLON.Animati ......
babylon 笔记 js

可视化库D3.js

什么是D3.js D3指的是Data-Driven Documents,js即Javascript,是后缀名。先看看官网上对D3.js库的定义: D3.js 是基于数据驱动文档工作方式的一款JavaScript函数库,主要用于网页作图、生成互动图形,是最流行的可视化库之一。D3使你有能力借助HTML ......
D3 js

金额处理currency.js

<template> <div> <el-button type="primary" @click="test">按钮</el-button> <p> </p> </div> </template> <script> import currency from 'currency.js' export ......
金额 currency js

js 原型链

......
原型 js

amzon s3/minio获取预签名上传url,及js使用预签名url上传文件

$("#btnSubmit").click(function (event) { var file = $("#ipfile")[0].files[0]; var contentType=!!file.type?file.type:"video/x-flv"; //请求api接口:调用amzon s ......
url 文件 amzon minio s3

理解JS中数组的常见应用

JavaScript中数组是用方括号包裹起来的一组元素,各元素之间以逗号隔开,例如: var array = [1,2,4,6]; 如上述代码所示,数组array是若干整数构成的数组。 数组元素的获取 获取数组元素需采用数组名加下标的方式。下标从0到数组长度减一,第一个元素用arry[0]表示,第二 ......
数组 常见

Node.js

作为一个异步事件驱动的 JavaScript 运行时,Node.js 被设计用来构建可扩展的网络应用。在下面的 “Hello World” 示例中,可以并发处理许多连接,每一个连接都会触发一个回调,而当没有可做的事情时,Node.js 就会进入休眠状态。 ``` ### 启动node.js cons ......
Node js

第一个react.js程序:create and show comment

import React, { Component } from "react"; import { render } from "react-dom"; import PropTypes from "prop-types"; const node = document.getElementById ......
comment 程序 create react show

js原型prototype(实例构造函数的属性) __proto__(实例对象的属性) constructor(实例构造函数prototyper的属性)

function Person(name,age){ this.name=name this.age=age } Person.prototype.sayHi=function(){//原型是公共方法 console.log(this.name+' say hi!!') } const p1=new ......
实例 属性 函数 原型 constructor

JS遍历对象修改属性值

# JS遍历对象修改属性值 根据接口返回数据中number属性值,对数据进行截取,并改变属性名.直接上码: 下面是需要处理的数据 ``` let data={"minValue":7400, "maxValue":"18500", "value":{ "value":[ {"dmdDate":"20 ......
属性 对象

Koa.js笔记

### 一、路由 可以使用router的库 koa没有路由处理,需要自己去找库 ### 二、静态资源处理 `npm i koa-static` 如果路径想使用别名,需要引入另一个包 `npm i koa-mount` #### 路由重定向 ```javascript router.get('/bar ......
笔记 Koa js

python 爬虫 动态网页反爬虫js加密破解思路

# python 爬虫 动态网页反爬虫js加密破解思路 ## 前言 > 最近接了一个单子,需求很简单:爬一个公告目录网站,并且检测公告正文中是否存在关键词。 听见需求马上就接了,口口声声保证1天以内交单,然而,开始分析网站才发现自己有多么天真。 ## 分析 网站排版很复古,并且用jsp写的,这代表网 ......
爬虫 思路 网页 动态 python

前段页面删除弹窗实现

1、定义删除按钮及删除函数 <a class="btn btn-danger btn-xs" onclick="showDelete({{ obj.id }});">删除</a> 2,编写弹窗内容 选择bootstrap→js插件→模态框的动态实例:launch demo modal <!-- Mo ......
页面

js 转换image data 成黑白色。

We can even make it pure black and white by using the following calculations: * black = 0 - 382 * white = 383 - 765 And it will result in the followin ......
白色 image data js

js中使用Object.assign方法给对象赋值

原先的 this.addForm.strPrice = resPrice.result.strPrice this.addForm.price = resPrice.result.price this.addForm.priceId = resPrice.result.priceId 现在的只需一句 ......
对象 方法 Object assign