前端 碎片javascript化学

解决微前端子应用下拉时位置偏移的问题

在main.js文件中引入 start 增加主子应用的样式隔离 import { start } from 'qiankun' // 增加子应用样式隔离属性 start({ singular: false, sandbox: false, prefetch: false, strictStyleIs ......
前端 位置 问题

JavaScript 去除数组中重复的元素 得到新数组

方法一: 思路: 准备一个新数组,将原数组中的元素一一放入新数组, 放入之前判断该元素是否存在新数组中,不存在的话就直接存入新数组。 function uniqueArr(arr){ var newArr = []; for(let i = 0;i<arr.length;i++){ if(newAr ......
数组 JavaScript 元素

Javascript 原型与原型链

在Brendan Eich设计Javascript时,借鉴了Self和Smalltalk这两门基于原型的语言。之所以选择基于原型的面向对象系统,是因为Brendan Eich一开始没有打算在JavaScript中加入类的概念,其设计初衷是为非专业的开发人员提供一个方便的工具,使其使用尽可能简单、易学 ......
原型 Javascript

前端 - 解决el-table 无限拉伸问题

解决el-table 无限拉伸问题 设置表格的max-height <el-table border :data="tableData" max-height="500px"> 上一步设置成功后,在浏览器缩放条件下仍然存在无限拉伸的问题,这时需要做自适应 ::v-deep .el-table{ wi ......
前端 el-table 问题 table el

前端之路 | 1.HTML基础必备知识学习篇

[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习! 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟 等知识分享。 希望各位看友多多支持【关注、点赞、评论、收藏、投币】,助力每一个梦想。 【WeiyiGeek Bl ......
知识学习 前端 基础 知识 HTML

全栈之前端 | 2.HTML根部头部主体标签元素学习篇

[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习! 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟 等知识分享。 希望各位看友多多支持【关注、点赞、评论、收藏、投币】,助力每一个梦想。 【WeiyiGeek Bl ......
根部 前端 头部 主体 元素

前端案例分析

CommonAside <el-menu default-active="1-4-1" class="el-menu-vertical-demo" backgroundColor='#545c64' textColor="#fff" active-text-color="#ffd04b" @open ......
前端 案例分析 案例

kettle从入门到精通 第十一课 kettle javascript 解析json数组

1、json步骤虽然可以解析json数组,但是不够灵活。通过javascript步骤来解析json数组比较灵活,且可以按照需要组装数据流转到下个步骤。 1)步骤名称:可以自定义 2)Transform Scripts:当前步骤编写的javascript脚本 3)Transform Constants ......
kettle 数组 javascript json

前端工程化实战:React 模块化开发、性能优化和组件化实践

前端工程化实战是指通过组织工作流程、使用工具和技术来提高前端开发效率和质量的一种方法。常见的前端工程化实践包括模块化开发、自动化构建、代码检查和测试、性能优化等。下面将简要介绍模块化开发、性能优化和组件化实践。 ......
前端 实战 组件 模块 性能

前端三件套--盒子模型和布局

前端三件套--读书笔记(三)盒子模型和布局 一、盒子模型概述 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)、外边距(margin)。 在盒子结构中,元素内容被包含在边框中,边框也是具有一定 ......
前端 件套 盒子 布局 模型

前端三件套--盒子模型和布局

前端三件套--读书笔记(三)盒子模型和布局 一、盒子模型概述 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)、外边距(margin)。 在盒子结构中,元素内容被包含在边框中,边框也是具有一定 ......
前端 件套 盒子 布局 模型

前端学习 node 快速入门 系列 —— 项目版权格式化

其他章节请看: 前端学习 node 快速入门 系列 项目版权格式化 需求 替换整个项目的版权信息,替换文件为 .c 和 .h 结尾。 分析 版权信息通常都在文件开头,通过是否有 copyright 来判断是替换版权还是新增版权 实现 通过 node 读取文件,过滤出 .c、.h 文件,然后用正则判断 ......
前端 版权 格式 项目 node

前端怎么实现web端上传超大文件

​ ASP.NET上传文件用FileUpLoad就可以,但是对文件夹的操作却不能用FileUpLoad来实现。 下面这个示例便是使用ASP.NET来实现上传文件夹并对文件夹进行压缩以及解压。 ASP.NET页面设计:TextBox和Button按钮。 ​ 编辑 TextBox中需要自己受到输入文件夹 ......
前端 文件 web

从0到1构建基于自身业务的前端工具库

在实际项目开发中无论 M 端、PC 端,或多或少都有一个 utils 文件目录去管理项目中用到的一些常用的工具方法,比如:时间处理、价格处理、解析url参数、加载脚本等,其中很多是重复、基础、或基于某种业务场景的工具,存在项目间冗余的痛点以及工具方法规范不统一的问题 ......
前端 业务 工具

web前端样式绑定

#外联绑定 1.对象绑定: v-bind:class="classobject" 2数组绑定: v-bind:class="[class1,class2]" #内联绑定 <p v-bind:style="fontWeight:weight,color:color"> #非内联 <p v-bind:s ......
前端 样式 web

前端经典三栏布局

浮动实现 前面放置的两个div进行浮动,后面一个让其margin auto 居中 <style> /* 浮动三栏 */ .father div { width: 200px; height: 200px; } .left { background-color: red; float: left; } ......
前端 布局 经典

JavaScript怎么实现web端上传超大文件

​ PHP用超级全局变量数组$_FILES来记录文件上传相关信息的。 1.file_uploads=on/off 是否允许通过http方式上传文件 2.max_execution_time=30 允许脚本最大执行时间,超过这个时间就会报错 3.memory_limit=50M 设置脚本可以分配的最大 ......
JavaScript 文件 web

前端--学习笔记

1.HTML是什么? 是超文本标语语言。 是一种标记语言。 2.为什么要学HTML?学HTML是学什么? 学HTML是为了给文档加了标记, 3.加标记为了什么? 为了弄样式。 4.举例来讲HTML? 5.所以学HTML是学什么? 就是学各种加标签的方式, 学做记号,为了以后找。(找是为了加样式,变得 ......
前端 笔记

光化学反应仪的主要特征

主要特征Principal Character1.光化学反应仪采用智能微电脑控制,可观察电流和电压实时变化2.进口光源控制器,内置光源转换器,功率连续可调,稳定性高3.具有分步定时功能,操作简便 4.反应暗箱内壁使用防辐射材料,且带有观察窗5.采用内照式光源,受光充分,灯源采用耐高压防震材质,经久耐 ......
光化学 特征

前端格式化时间

getTime(time) { var y = time.getFullYear() var m = time.getMonth() + 1 m = m < 10 ? '0' + m : m var d = time.getDate() d = d < 10 ? '0' + d : d var h ......
前端 格式 时间

微前端项目部署方案

本文旨在通过部署微前端项目的实践过程中沉淀出一套部署方案,针对项目分别部署在不同的服务器上的场景,就一些重点步骤、碰到的问题做了一些总结。 ......
前端 方案 项目

一个前端大佬的十年回顾 | 漫画前端的前世今生

回到十年前,前端技术就像一名戴着厚重眼镜的书呆子,总是小心翼翼,被各种各样的浏览器兼容性问题欺负(就像在小学被欺负一样)。 ......
前端 漫画

JavaScript

JavaScript 基础 JavaScript 的作用: 表单动态校验(密码强度检测) ( JS 产生最初的目的 ) 网页特效 服务端开发(Node.js) 桌面程序(Electron) App(Cordova) 控制硬件-物联网(Ruff) . 游戏开发(cocos2d-js) JS 的组成 E ......
JavaScript

前端显示气象数据

html文件如下 <div class="wt03"> <p class="wecss">气&nbsp;&nbsp;&nbsp;温:<span id="temperature_min"></span> ~ <span id="temperature_max"></span></p> <p class ......
前端 气象 数据

从java到JavaScript(2):对比Java/Go/Swift/Rust看Dart

Dart与Java的一些直观区别GoGo作为一种简单的语言,非常适合构建网络应用程序,这是正确的,如果你不需要其他功能,如泛型。个人觉得Dart和Java JavaScript有很多共通之处,对于typescript,个人觉得dart替代性更好 ......
JavaScript Swift java Java Dart

从java到JavaScript(1),看Dart:对比Java/Go/Swift/Rust

动态类型语言不满足人民群众日益增长的性能需求,同时暴露了对类型过于宽松而造成的可维护性,可调试性下降。Dart作为新时代的语言,支持JIT与AOT的新人,个人觉得还是好好琢磨下,笔记可能是未来web王者 ......
JavaScript Swift java Dart Java

javaScript技巧

一、动态修改网页内容或属性 1.改变HTML内容 2.改变属性值 3.改变css样式 4.操作元素 5.定时器 ......
javaScript 技巧

axios写了前端,如何从后台获取到List列表数据(涉及到JSON)

问题描述 我将前端写完之后,一直没有理解axios后台的写法,导致进度一直拖慢,这里我就来叙述一下我后来是怎么写出后台代码的吧,或者说,这样的后台代码是怎么写出来的! 问题解决 经过友友的点拨,这里就需要将我们的list数据转换成json数据; 然后将转换好的json数据传到axios写出来的htm ......
前端 后台 数据 axios List

JS引擎(2):Java平台上JavaScript引擎—Rhino/Nashorn概述

Rhino 是一种动态类型的、基于对象的脚本语言,它可以简单地访问各种 Java 类库。Nashorn是一种单层的纯编译型JavaScript实现。所有JavaScript代码在首次实际执行前都会被编译为Java字节码交由JVM执行。 ......
引擎 JavaScript Nashorn Rhino 平台

JS引擎(1):JS引擎擂台赛,JavaScript引擎的特征比较及术语科普

V8的性能远高于当时所有其它JavaScript引擎,各大JavaScript引擎的实现者都坐不住了,像打了鸡血似的使劲优化优化再优化。当代JavaScript引擎之间有许多共通的实现技巧。多数优化会对JavaScript程序的行为做一定猜测(speculate) ......
引擎 擂台赛 科普 术语 擂台